@font-face{font-family:Outfit;font-style:normal;font-weight:300 800;font-display:swap;src:url(./outfit-latin-Bc-8i84L.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(./fira-code-latin-CHoedHDv.woff2) format("woff2")}:root{color-scheme:dark;--wp-font-sans: "Outfit", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--wp-font-mono: "Fira Code", ui-monospace, "Cascadia Mono", Consolas, monospace;--wp-bg-app: #0c1016;--wp-bg-sunken: #0a0e14;--wp-bg-surface: #111923;--wp-bg-surface-elevated: #151d28;--wp-bg-surface-hover: #1c2634;--wp-bg-surface-active: #243347;--wp-bg-glass: rgba(17, 25, 35, .72);--wp-bg-glass-hover: rgba(28, 38, 52, .9);--wp-bg-header: rgba(17, 25, 35, .85);--wp-bg-overlay: rgba(5, 8, 12, .72);--wp-border-subtle: #222d3b;--wp-border-medium: #303b4b;--wp-border-hover: #3c4b5e;--wp-border-strong: rgba(255, 255, 255, .14);--wp-text-bright: #ffffff;--wp-text-primary: #f2f0eb;--wp-text-secondary: #bcc6d5;--wp-text-tertiary: #8d9ab0;--wp-text-muted: #57627a;--wp-accent: #72e0d6;--wp-accent-hover: #9cece5;--wp-accent-bg-soft: rgba(114, 224, 214, .08);--wp-accent-bg: rgba(114, 224, 214, .12);--wp-accent-border: rgba(114, 224, 214, .42);--wp-accent-ink: #0c1016;--wp-accent-purple: #c49bfc;--wp-accent-purple-hover: #d9bcff;--wp-accent-purple-bg: rgba(196, 155, 252, .12);--wp-accent-purple-border: rgba(196, 155, 252, .42);--wp-selection: #c49bfc;--wp-selection-hover: #d9bcff;--wp-selection-bg: rgba(196, 155, 252, .12);--wp-selection-border: rgba(196, 155, 252, .42);--wp-ok: #32d583;--wp-ok-bg: rgba(50, 213, 131, .12);--wp-ok-border: rgba(50, 213, 131, .35);--wp-warn: #ddc7a0;--wp-warn-bg: rgba(221, 199, 160, .14);--wp-warn-border: rgba(221, 199, 160, .35);--wp-err: #ff7a8a;--wp-err-bg-soft: rgba(255, 122, 138, .1);--wp-err-bg: rgba(255, 122, 138, .14);--wp-err-border: rgba(255, 122, 138, .4);--wp-info: #7aaef5;--wp-info-bg: rgba(122, 174, 245, .12);--wp-info-border: rgba(122, 174, 245, .35);--wp-radius-xs: 4px;--wp-radius-sm: 6px;--wp-radius-md: 10px;--wp-radius-lg: 14px;--wp-radius-xl: 24px;--wp-radius-pill: 9999px;--wp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--wp-shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--wp-shadow-lg: 0 10px 30px rgba(0, 0, 0, .45);--wp-shadow-glow: 0 0 20px rgba(114, 224, 214, .15);--wp-header-h: 56px;--wp-header-h-dense: 42px;--wp-transition-fast: .15s ease;--wp-transition-med: .25s ease}:root{--header-h: 60px;--sidebar-w: 320px;--app-h: 100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@supports (height: 100dvh){:root{--app-h: 100dvh}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--wp-font-sans);background-color:var(--wp-bg-app);color:var(--wp-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--wp-accent);outline-offset:2px}.app-container{display:flex;flex-direction:column;height:var(--app-h);min-height:0}.app-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-w)}.stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.app-header{height:var(--header-h);flex-shrink:0;padding:0 1rem;display:flex;align-items:center;gap:.75rem;background-color:var(--wp-bg-surface);border-bottom:1px solid var(--wp-border-subtle);position:relative;z-index:20}.brand-section{display:flex;align-items:center;gap:.65rem;min-width:0;margin-right:auto}.studio-mark{display:inline-flex;align-items:center;min-height:36px;font-weight:800;font-size:1rem;letter-spacing:2px;color:var(--wp-text-primary);text-decoration:none;white-space:nowrap;border-radius:var(--wp-radius-sm)}.studio-mark span:first-child{color:var(--wp-accent)}.studio-mark span:last-child{color:var(--wp-accent-purple)}.studio-mark:hover span:first-child{color:var(--wp-accent-hover)}.studio-mark:hover span:last-child{color:var(--wp-accent-purple-hover)}.brand-divider{color:var(--wp-border-medium);font-weight:300;font-size:1.3rem;line-height:1}.brand-title{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.privacy-pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--wp-font-mono);font-size:.66rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--wp-accent);background-color:var(--wp-accent-bg-soft);border:1px solid var(--wp-accent-border);padding:3px 8px;border-radius:var(--wp-radius-sm)}.privacy-dot{width:6px;height:6px;border-radius:50%;background-color:var(--wp-accent)}.device-dropdown-wrapper{position:relative;display:flex;align-items:center;background-color:var(--wp-bg-surface-elevated);border:1px solid var(--wp-border-medium);border-radius:var(--wp-radius-md);padding:0 .6rem 0 .75rem;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;min-width:390px;max-width:480px}.device-dropdown-wrapper:hover{background-color:var(--wp-bg-surface-hover);border-color:var(--wp-accent-border)}.device-dropdown-wrapper:focus-within{border-color:var(--wp-accent);box-shadow:0 0 0 2px var(--wp-accent-bg)}.device-dropdown-label{display:flex;align-items:center;color:var(--wp-accent);margin-right:.5rem;flex-shrink:0}.device-dropdown-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:var(--wp-text-primary);font-family:var(--wp-font-sans);font-size:.82rem;font-weight:600;padding:7px 1.2rem 7px 0;width:100%;cursor:pointer;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-dropdown-select optgroup{background-color:var(--wp-bg-surface-elevated);color:var(--wp-accent);font-weight:700;font-size:.78rem;padding-top:4px}.device-dropdown-select option{background-color:var(--wp-bg-surface);color:var(--wp-text-primary);font-weight:500;font-size:.82rem;padding:4px 8px}.device-dropdown-arrow{position:absolute;right:.65rem;pointer-events:none;display:flex;align-items:center;color:var(--wp-text-secondary)}.device-dropdown-wrapper:hover .device-dropdown-arrow{color:var(--wp-accent)}.device-select{display:flex;overflow-x:auto;scrollbar-width:none;background-color:var(--wp-bg-surface-elevated);border:1px solid var(--wp-border-subtle);border-radius:var(--wp-radius-md);padding:3px;gap:2px;min-width:0}.device-select-btn{background:transparent;border:none;color:var(--wp-text-secondary);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:var(--wp-radius-sm);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.device-select-btn:hover{color:var(--wp-text-primary)}.device-select-btn.active{background-color:var(--wp-accent);color:var(--wp-accent-ink)}.device-select::-webkit-scrollbar{display:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background-color:var(--wp-bg-surface-elevated);border:1px solid var(--wp-border-subtle);color:var(--wp-text-secondary);font-size:.8rem;font-weight:500;padding:7px 12px;border-radius:var(--wp-radius-md);cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn-secondary:hover{background-color:var(--wp-bg-surface-hover);color:var(--wp-text-primary);border-color:var(--wp-border-medium)}.btn-secondary.grow{flex:1}.viewport-container{position:relative;flex:1;min-height:0;overflow:hidden;transition:background .35s ease;background:radial-gradient(120% 90% at 50% 35%,#f4f5f7,#dfe2e7 55%,#c9cdd4)}.viewport-container[data-lighting=sunlight]{background:linear-gradient(180deg,#a9cdf2,#dcebf7 45%,#f3ede2 75%,#e3dccf)}.viewport-container[data-lighting=night]{background:radial-gradient(110% 80% at 50% 30%,#141a2b,#0a0d17 55%,#040509)}.viewport-container.compare{display:grid;grid-template-columns:1fr 1fr}.viewer-slot{position:relative;min-width:0;min-height:0;height:100%}.viewport-container:not(.compare) .viewer-slot{position:absolute;top:0;right:0;bottom:0;left:0}.viewport-container.compare .viewer-slot+.viewer-slot{border-left:1px solid rgba(15,23,42,.18)}.viewport-container{container-type:inline-size}.canvas-mount{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.canvas-mount:active{cursor:grabbing}.spec-pill{position:absolute;top:.75rem;left:.75rem;max-width:calc(100% - 1.5rem);display:inline-flex;align-items:baseline;gap:.5rem;font-family:var(--wp-font-mono);font-size:.7rem;color:var(--wp-text-secondary);background-color:#0c1016d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--wp-border-subtle);border-radius:var(--wp-radius-md);padding:4px 10px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:5}.spec-pill strong{color:var(--wp-text-primary);font-weight:600}.spec-pill.interactive{pointer-events:auto;align-items:center}.compare-select{font:inherit;font-family:var(--wp-font-sans);font-weight:600;font-size:.72rem;color:var(--wp-text-primary);background:transparent;border:none;max-width:16rem;cursor:pointer}.compare-select option,.compare-select optgroup{background:var(--wp-bg-surface)}.drop-overlay{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;z-index:30;display:grid;place-items:center;border:2px dashed var(--wp-accent);border-radius:var(--wp-radius-md);background:#080a0f8c;color:var(--wp-text-primary);font-weight:600;pointer-events:none}.spec-highlight{color:var(--wp-accent);font-weight:600}.empty-hint{position:absolute;top:3.25rem;left:50%;transform:translate(-50%);pointer-events:none;font-size:.75rem;color:var(--wp-text-secondary);background:#0c1016d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--wp-border-subtle);border-radius:var(--wp-radius-pill);padding:5px 14px;white-space:nowrap;z-index:5}.viewport-nav-hint{position:absolute;top:.75rem;right:.75rem;pointer-events:none;font-family:var(--wp-font-mono);font-size:.66rem;color:var(--wp-text-secondary);background-color:#0c1016b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 8px;border-radius:var(--wp-radius-sm);border:1px solid var(--wp-border-subtle);z-index:5}.hint-touch{display:none}@container (max-width: 820px){.viewport-nav-hint{display:none}}.viewport-container.compare .viewport-nav-hint,.viewport-container.compare .spec-pill-detail{display:none}@media(hover:none)and (pointer:coarse){.hint-pointer{display:none}.hint-touch{display:inline}}.viewport-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center;background-color:#07090e;z-index:50}.viewport-error h2{font-size:1.15rem}.viewport-error p{max-width:440px;color:var(--wp-text-secondary);font-size:.875rem}.viewport-error-hint{font-size:.75rem!important;color:var(--wp-text-tertiary)!important}.controls-dock{position:absolute;bottom:1rem;left:1rem;right:1rem;pointer-events:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;z-index:10}.segmented-bar{pointer-events:auto;display:inline-flex;align-items:center;background-color:#0c1016e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--wp-border-medium);border-radius:var(--wp-radius-pill);padding:3px;gap:2px;box-shadow:var(--wp-shadow-lg)}.segmented-btn{background:transparent;border:1px solid transparent;color:var(--wp-text-secondary);font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:var(--wp-radius-pill);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.segmented-btn:hover{color:var(--wp-text-primary)}.segmented-btn.active{background-color:var(--wp-bg-surface-active);border-color:var(--wp-border-medium);color:var(--wp-text-primary)}.segmented-btn.active.accent{background-color:var(--wp-accent-bg);border-color:var(--wp-accent-border);color:var(--wp-accent)}.sidebar-panel{min-width:0;min-height:0;background-color:var(--wp-bg-surface);border-left:1px solid var(--wp-border-subtle);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.panel-section{padding:1.1rem 1.1rem 1.25rem;border-bottom:1px solid var(--wp-border-subtle)}.section-label{font-family:var(--wp-font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--wp-text-tertiary);margin-bottom:.7rem;display:flex;align-items:center;justify-content:space-between}.section-tag{font-family:var(--wp-font-mono);font-weight:500;text-transform:none;letter-spacing:0}.uploader{display:flex;flex-direction:column;gap:.6rem}.dropzone{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem;border:2px dashed var(--wp-border-medium);border-radius:var(--wp-radius-md);padding:1.4rem 1rem;text-align:center;cursor:pointer;background-color:#ffffff04;transition:border-color .15s ease,background-color .15s ease}.dropzone:hover,.dropzone.drag-active,.image-card.drag-active{border-color:var(--wp-accent);background-color:var(--wp-accent-bg)}.dropzone-icon{width:30px;height:30px;color:var(--wp-accent);margin-bottom:.25rem}.dropzone-prompt{font-size:.85rem;font-weight:600}.dropzone-sub{font-size:.72rem;color:var(--wp-text-tertiary)}.image-card{background-color:var(--wp-bg-surface-elevated);border:1px solid var(--wp-border-subtle);border-radius:var(--wp-radius-md);padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.image-meta-row{display:flex;align-items:center;min-width:0}.image-name{font-family:var(--wp-font-mono);font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-meta-details{display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-size:.72rem;color:var(--wp-text-secondary);font-family:var(--wp-font-mono)}.image-fit{color:var(--wp-accent)}.image-actions{display:flex;flex-wrap:wrap;gap:.5rem}.image-actions>button{flex:1 1 auto;justify-content:center}.btn-danger{background-color:transparent;border:1px solid rgba(255,122,138,.3);color:var(--wp-err);font-size:.78rem;font-weight:600;padding:7px 12px;border-radius:var(--wp-radius-md);cursor:pointer}.btn-danger:hover{background-color:var(--wp-err-bg-soft);border-color:#ff7a8a80}.link-btn{align-self:flex-start;background:none;border:none;color:var(--wp-text-tertiary);font-size:.74rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:2px 0}.link-btn:hover{color:var(--wp-text-primary)}.preset-screens-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem 0;width:100%}.preset-screens-label{font-size:.72rem;font-weight:500;color:var(--wp-text-tertiary);white-space:nowrap}.preset-screens-pills{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.preset-pill-btn{background:var(--wp-bg-surface-elevated);border:1px solid var(--wp-border-subtle);color:var(--wp-text-secondary);font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:var(--wp-radius-pill);cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-pill-btn:hover{color:var(--wp-text-primary);border-color:var(--wp-border-medium)}.preset-pill-btn.active{background-color:var(--wp-accent-bg);border-color:var(--wp-accent);color:var(--wp-accent)}.alert-error{padding:.6rem .8rem;border-radius:var(--wp-radius-md);background-color:var(--wp-err-bg-soft);border:1px solid rgba(255,122,138,.4);color:#fecdd3;font-size:.75rem}.alert-warning{padding:.6rem .8rem;border-radius:var(--wp-radius-md);background-color:#ddc7a01f;border:1px solid rgba(221,199,160,.35);color:#f1e3c6;font-size:.75rem;line-height:1.4}.spec-table{display:flex;flex-direction:column;gap:.45rem;background:var(--wp-bg-surface-elevated);padding:10px 12px;border-radius:var(--wp-radius-md);border:1px solid var(--wp-border-subtle);font-size:.75rem}.spec-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.spec-row dt{color:var(--wp-text-tertiary);flex-shrink:0;white-space:nowrap}.spec-row dd,.spec-value{text-align:right;max-width:62%;overflow-wrap:break-word;word-break:break-word;color:var(--wp-text-secondary)}.spec-row dd.mono,.spec-value.mono{font-family:var(--wp-font-mono);color:var(--wp-text-primary)}.spec-row dd.estimated,.spec-value.estimated{color:var(--wp-warn)}.hint-text{font-size:.72rem;color:var(--wp-text-tertiary);line-height:1.45;margin-top:.6rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background-color:var(--wp-accent);border:1px solid var(--wp-accent);color:var(--wp-accent-ink);font-size:.85rem;font-weight:600;padding:9px 16px;border-radius:var(--wp-radius-md);cursor:pointer;white-space:nowrap}.btn-primary:hover{background-color:var(--wp-accent-hover)}.icon-btn{min-width:40px;font-family:var(--wp-font-mono);font-weight:600}.real-size-badge{position:absolute;top:3.1rem;left:50%;transform:translate(-50%);max-width:calc(100% - 1.5rem);display:inline-flex;align-items:center;gap:.55rem;font-size:.74rem;font-weight:500;color:var(--wp-text-primary);background:#0c1016e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--wp-accent-border);border-radius:var(--wp-radius-pill);padding:4px 6px 4px 12px;z-index:6}.real-size-badge.warning{border-color:#ddc7a08c}.real-size-dot{width:7px;height:7px;border-radius:50%;background:var(--wp-accent);flex-shrink:0}.badge-link{background:#ffffff0f;border:1px solid var(--wp-border-subtle);border-radius:var(--wp-radius-pill);color:var(--wp-text-secondary);font-size:.72rem;padding:2px 10px;cursor:pointer;white-space:nowrap}.badge-link:hover{color:var(--wp-text-primary);border-color:var(--wp-border-medium)}.calibration-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#06080d;overflow-y:auto;touch-action:none;outline:none}.calibration-copy{max-width:560px;text-align:center}.calibration-copy h2{font-size:1.15rem;margin-bottom:.3rem}.calibration-copy p{font-size:.85rem;color:var(--wp-text-secondary)}.calibration-stage{flex:1;min-height:0;width:100%;display:grid;place-items:center}.calibration-card{position:relative;border:2px solid var(--wp-accent);background:linear-gradient(135deg,#72e0d61a,#72e0d608)}.calibration-card:before,.calibration-card:after{content:"";position:absolute;background:#72e0d659}.calibration-card:before{left:50%;top:8px;bottom:8px;width:1px}.calibration-card:after{top:50%;left:8px;right:8px;height:1px}.calibration-chip{position:absolute;left:11%;top:36%;background:#f5c5428c;border:1px solid rgba(245,197,66,.9)}.calibration-card.vertical .calibration-chip{left:36%;top:11%}.calibration-size{position:absolute;right:8px;bottom:6px;font-family:var(--wp-font-mono);font-size:.7rem;color:var(--wp-accent)}.calibration-controls{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.calibration-row{width:100%;display:flex;align-items:center;gap:.4rem}.calibration-slider{flex:1;min-width:0;accent-color:var(--wp-accent);height:28px}.calibration-hint{font-size:.75rem;color:var(--wp-text-secondary);text-align:center}.calibration-hint.subtle{color:var(--wp-text-tertiary)}.calibration-hint .mono{font-family:var(--wp-font-mono);color:var(--wp-text-primary)}.calibration-actions{display:flex;gap:.6rem;margin-top:.25rem}@media(min-width:1800px){:root{--sidebar-w: 360px;--header-h: 60px}.panel-section{padding:1.4rem 1.5rem}}@media(min-width:2400px){:root{--sidebar-w: 400px}html{font-size:17px}}@media(max-width:1100px){:root{--sidebar-w: 280px}.privacy-pill,.real-size-label{display:none}}@media(max-height:500px)and (orientation:landscape){:root{--header-h: 46px}.privacy-pill,.reset-label{display:none}.controls-dock{bottom:.5rem;gap:.35rem}.segmented-btn{padding:5px 9px}.segmented-btn svg{display:none}.viewport-nav-hint,.empty-hint{display:none}.real-size-badge{top:2.6rem}}@media(max-width:600px),(max-width:900px)and (orientation:portrait){body{overflow:auto}.app-container{height:auto;min-height:var(--app-h)}.app-header{height:auto;padding:.6rem .75rem;flex-wrap:wrap;row-gap:.6rem}.device-dropdown-wrapper,.device-select{order:3;flex:1 0 100%;min-width:0;max-width:none}.device-select-btn{flex:1 0 auto;padding:8px 10px;font-size:.82rem}.reset-label{display:none}.reset-btn{padding:8px}.app-workspace{display:flex;flex-direction:column}.stage{flex:none}.viewport-container{flex:none;height:min(64svh,118vw);min-height:300px}.controls-dock{position:static;pointer-events:auto;padding:.6rem .75rem;background-color:var(--wp-bg-surface);border-top:1px solid var(--wp-border-subtle);border-bottom:1px solid var(--wp-border-subtle);display:flex;flex-wrap:wrap;gap:.5rem}.controls-dock .segmented-bar{flex:1 1 auto;min-width:0}.viewport-container.compare{height:min(96svh,170vw);grid-template-columns:1fr;grid-template-rows:1fr 1fr}.viewport-container.compare .viewer-slot+.viewer-slot{border-left:none;border-top:1px solid rgba(15,23,42,.18)}.segmented-bar{box-shadow:none;background-color:var(--wp-bg-surface-elevated);border-color:var(--wp-border-subtle);border-radius:var(--wp-radius-md)}.segmented-btn{flex:1;justify-content:center;padding:9px 4px;border-radius:var(--wp-radius-sm);font-size:.76rem}.real-size-label{display:none}.sidebar-panel{border-left:none;overflow:visible}.viewport-nav-hint{top:auto;right:auto;bottom:.6rem;left:50%;transform:translate(-50%);white-space:nowrap}.empty-hint{top:auto;bottom:2.6rem}}@media(max-width:480px){.segmented-btn svg{display:none}.privacy-pill,.spec-pill-detail{display:none}.calibration-copy p{font-size:.8rem}}.uploader-tip{font-size:.72rem;color:var(--wp-text-tertiary);line-height:1.45}kbd{font-family:var(--wp-font-mono);font-size:.68rem;color:var(--wp-text-secondary);background:var(--wp-bg-surface-elevated);border:1px solid var(--wp-border-medium);border-bottom-width:2px;border-radius:4px;padding:0 4px}.capture-btn{width:100%;justify-content:center}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--wp-err);flex-shrink:0;margin-right:.4rem;animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.35}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#06080df5;outline:none}.crop-copy{max-width:620px;text-align:center}.crop-copy h2{font-size:1.1rem;margin-bottom:.25rem}.crop-copy p{font-size:.82rem;color:var(--wp-text-secondary)}.crop-stage{flex:1;min-height:0;width:100%;display:grid;place-items:center}.crop-frame{position:relative;overflow:hidden;touch-action:none;box-shadow:0 0 0 1px var(--wp-border-medium)}.crop-canvas{display:block;width:100%;height:100%}.crop-box{position:absolute;cursor:move;border:2px solid var(--wp-accent);box-shadow:0 0 0 9999px #06080d99}.crop-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed rgba(114,224,214,.8);pointer-events:none}.crop-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;border-radius:4px 0 0;background:var(--wp-accent);border:2px solid var(--wp-accent-ink);cursor:nwse-resize}.crop-controls{width:min(620px,100%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.crop-readout{font-family:var(--wp-font-mono);font-size:.72rem;color:var(--wp-text-secondary)}.crop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(prefers-reduced-motion:reduce){*{transition:none!important}}