.device-tool-layout{align-items:start}.device-form{display:grid;gap:20px}.device-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.device-fields .field{margin:0}.device-fields textarea{min-height:112px}.device-fields .field-wide{grid-column:1/-1}.unit-input{position:relative}.unit-input input{padding-right:74px}.unit-input span{position:absolute;right:14px;top:50%;translate:0 -50%;color:#656565;font-size:13px;pointer-events:none}.device-stage{position:relative;min-height:260px;border-radius:18px;background:#fff;overflow:hidden;display:grid;place-items:center;touch-action:none;isolation:isolate}.device-stage canvas,.device-stage video{display:block;width:100%;height:100%;min-height:260px;object-fit:contain}.device-stage video{background:#191919}.device-stage:fullscreen{width:100vw;height:100vh;border-radius:0}.device-stage:fullscreen canvas{min-height:100vh}.device-placeholder{max-width:34rem;padding:32px;text-align:center;color:#656565}.device-placeholder strong{display:block;color:#191919;font-size:20px;margin-bottom:8px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:16px 0}.metric{background:#fff;border-radius:14px;padding:16px;min-width:0}.metric span{display:block;color:#656565;font-size:13px}.metric strong{display:block;margin-top:6px;font-size:20px;overflow-wrap:anywhere}.device-details{white-space:pre-wrap;overflow-wrap:anywhere}.device-log{max-height:280px;overflow:auto;background:#191919;color:#fff;border-radius:14px;padding:16px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:7px;width:100%;padding:20px}.key-cap{min-height:48px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;display:grid;place-items:center;font:12px ui-monospace,monospace}.key-cap.active{background:#191919;color:#fff;border-color:#191919}.test-field{position:absolute;inset:0}.safe-area-box{position:absolute;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:4px solid #191919;display:grid;place-items:center;padding:24px;text-align:center}.pointer-dot{position:absolute;border:2px solid #191919;border-radius:50%;width:34px;height:34px;translate:-50% -50%;pointer-events:none}.support-note{font-size:14px;color:#656565}.device-result[hidden]{display:none}.device-result{animation:device-reveal .18s ease}.warning-list{color:#684c00}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inline-actions button{min-height:44px}.device-table{width:100%;border-collapse:collapse;font-size:14px}.device-table th,.device-table td{text-align:left;padding:10px 8px;vertical-align:top}.device-table tbody tr:nth-child(odd){background:#f7f7f7}.compass{width:220px;height:220px;border:2px solid #191919;border-radius:50%;position:relative}.compass::before{content:'N';position:absolute;top:8px;left:50%;translate:-50% 0;font-weight:700}.compass-needle{position:absolute;left:50%;top:50%;width:4px;height:86px;background:#191919;transform-origin:50% 100%;translate:-50% -100%;border-radius:4px}.preview-scale{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;padding:24px}.preview-card{background:#fff;border:1px solid #d8d8d8;border-radius:14px;padding:16px}.fullscreen-help{position:absolute;left:16px;bottom:16px;background:#191919;color:#fff;padding:8px 12px;border-radius:20rem;font-size:13px}@keyframes device-reveal{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@media(max-width:700px){.device-fields{grid-template-columns:1fr}.device-stage{min-height:220px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.device-result{animation:none}}