:root{color:#0a1020;font-synthesis:none;text-rendering:optimizelegibility;--white:#fff;--canvas:#f7f9fc;--surface:#fff;--surface-2:#f2f5f9;--ink:#0a1020;--muted:#657086;--faint:#929caf;--border:#d8dee8;--border-strong:#b8c1cf;--blue:#1257f4;--blue-dark:#0b42c5;--blue-soft:#edf3ff;--lime:#89e523;--danger:#d92d43;--stage:#10151d;--stage-soft:#1b222c;--shadow:0 12px 36px #111c301f;--header-height:64px;--footer-height:54px;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #1257f44d}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app-shell{grid-template-rows:var(--header-height) minmax(0, 1fr) var(--footer-height);background:var(--white);width:100%;height:100dvh;display:grid}.app-header{z-index:20;min-width:0;height:var(--header-height);background:var(--white);border-bottom:1px solid var(--border);align-items:center;gap:34px;padding:0 20px;display:flex}.brand{letter-spacing:-.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:20px;font-weight:760;display:inline-flex}.brand-mark{width:31px;height:28px;color:var(--blue)}.brand em{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:6px;margin-left:3px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:700}.app-header nav{align-items:center;gap:5px;display:flex}.app-header nav button,.app-header nav a{color:#2b3446;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;padding:9px 11px;font-size:14px;text-decoration:none;display:inline-flex}.app-header nav button:hover,.app-header nav a:hover{color:var(--blue);background:var(--blue-soft)}.local-status{color:#334057;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.local-status svg{color:#287344}.local-status i{background:#31a653;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e4f7e9}.language-switcher{color:#485368;border:1px solid var(--border);background:var(--white);border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 7px;display:inline-flex}.language-switcher svg{color:var(--blue)}.language-switcher select{color:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 17px 0 0;font-size:13px;font-weight:650}.language-switcher:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1257f41a}.menu-button{background:0 0;border:0;padding:6px;display:none}.workspace{grid-template-columns:minmax(330px,360px) minmax(460px,1fr) minmax(330px,360px);min-height:0;display:grid}.left-rail,.right-rail{background:var(--white);scrollbar-width:thin;scrollbar-color:#c2cad5 transparent;min-width:0;overflow:auto}.left-rail{border-right:1px solid var(--border)}.right-rail{border-left:1px solid var(--border)}.panel-section{border-bottom:1px solid var(--border);padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:24px;margin-bottom:12px;display:flex}.section-heading h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:750}.image-summary{grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.image-thumb{color:#74a8ff;background:linear-gradient(145deg,#081a38,#0e82ba 48%,#804cf5);border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.image-meta{min-width:0;color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.image-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.compact-button,.secondary-button{border:1px solid var(--border-strong);background:var(--white);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:650;display:inline-flex}.compact-button:hover,.secondary-button:hover{color:var(--blue);background:var(--blue-soft);border-color:#8aa8f5}.icon-button{width:34px;height:34px;color:var(--muted);border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--blue);border-color:#8aa8f5}.icon-button.danger:hover{color:var(--danger);background:#fff3f5;border-color:#f2a3af}.privacy-note,.control-help{color:var(--muted);align-items:center;gap:6px;margin:10px 0 0;font-size:12px;line-height:1.45;display:flex}.privacy-note svg{color:#2c874d}.drop-zone{border:1px dashed var(--border-strong);background:var(--canvas);text-align:center;border-radius:10px;place-items:center;min-height:142px;padding:18px;transition:all .15s;display:grid}.drop-zone.is-dragging{border-color:var(--blue);background:var(--blue-soft);transform:scale(.99)}.drop-zone svg{color:var(--blue);margin-bottom:7px}.drop-zone strong{font-size:14px}.drop-zone span{color:var(--muted);margin:5px 0 12px;font-size:12px}.drop-zone button{color:var(--white);background:var(--blue);cursor:pointer;border:0;border-radius:7px;padding:8px 13px;font-size:13px;font-weight:700}.field-error{color:#8a1527;border-left:3px solid var(--danger);background:#fff2f4;margin:9px 0 0;padding:8px 10px;font-size:12px;line-height:1.4}.search-field{min-height:44px;color:var(--muted);border:1px solid var(--border-strong);background:var(--white);border-radius:9px;align-items:center;gap:7px;margin-bottom:10px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1257f41a}.search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.search-field button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;min-width:0;padding:2px;display:flex}.segmented button{color:#485368;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;min-width:0;min-height:36px;padding:5px 9px;font-size:12px;font-weight:620}.segmented button.is-selected{color:var(--blue);background:var(--white);box-shadow:0 1px 3px #1018281f}.current-device-summary{width:100%;min-height:66px;color:var(--ink);background:linear-gradient(135deg, #f7faff, var(--blue-soft));text-align:left;cursor:pointer;border:1px solid #a9bcf4;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:10px;padding:10px;display:grid}.current-device-summary:hover{border-color:var(--blue);background:#e7efff}.current-device-summary>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.current-device-summary small{color:var(--blue);letter-spacing:.04em;font-size:10px;font-weight:750}.current-device-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.current-device-summary em{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.current-device-action{color:var(--blue);font-size:11px;font-weight:700}.device-section>.segmented{margin-bottom:10px}.device-list-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.device-list-heading strong{font-size:12px}.device-list-heading span{color:var(--muted);font-size:11px}.device-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:7px;max-height:clamp(220px,27vh,310px);margin-top:7px;display:grid;overflow:auto}.recent-devices{scrollbar-width:none;align-items:center;gap:7px;min-width:0;margin-top:8px;display:flex;overflow-x:auto}.recent-devices>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.recent-devices button{max-width:126px;min-height:30px;color:var(--muted);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border-radius:5px;padding:5px 9px;font-size:11px;overflow:hidden}.recent-devices button[aria-pressed=true]{color:var(--blue);background:var(--blue-soft);border-color:#9cb4f5}.device-option{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:64px;padding:9px 10px;display:grid}.device-option:hover{background:var(--canvas)}.device-option.is-selected{background:var(--blue-soft);border-color:#9cb4f5}.device-icon{color:#50617b;border:1px solid var(--border);background:var(--white);border-radius:6px;place-items:center;width:40px;height:44px;display:grid}.device-icon svg{width:21px}.device-option>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.device-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.device-option small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.device-option em{color:var(--muted);text-transform:uppercase;font-size:9px;font-style:normal}.accuracy-badge{border:1px solid var(--border);background:var(--white);border-radius:99px;padding:3px 6px}.accuracy-badge.verified,.accuracy-badge.high{color:#277140;background:#edfaef;border-color:#9bd9ad}.accuracy-badge.estimated,.accuracy-badge.legacy{color:#835b08;background:#fff9e8;border-color:#e4ca89}.selected-check{width:20px;color:var(--blue)}.empty-list{min-height:130px;color:var(--muted);text-align:center;place-items:center;gap:8px;padding:18px;font-size:12px;display:grid}.empty-list p{margin:0}.empty-list button{min-height:34px;color:var(--blue);background:var(--white);cursor:pointer;border:1px solid #a9bcf4;border-radius:7px;padding:6px 10px;font-weight:700}.orientation-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:10px;display:grid}.orientation-row>span{color:var(--muted);font-size:12px}.adjust-section>.segmented{margin-bottom:15px}.range-control{gap:8px;margin:13px 0;display:grid}.range-label{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.range-label strong{font-weight:650}.range-label output{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:linear-gradient(to right, var(--blue) 0 48%, #dce2ec 48% 100%);width:100%;height:4px;accent-color:var(--blue);cursor:pointer;border-radius:99px;margin:5px 0}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--blue);background:var(--white);border-radius:50%;width:17px;height:17px;box-shadow:0 1px 3px #8190a5}.position-control{grid-template-columns:1fr 1fr;gap:9px;margin:15px 0;display:grid}.position-control>strong{grid-column:1/-1;font-size:12px}.position-control label{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.position-control label>span{border:1px solid var(--border);background:var(--white);border-radius:6px;min-width:0;height:34px;display:flex}.position-control input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:6px 8px;font-size:12px}.position-control i{border-left:1px solid var(--border);place-items:center;padding:0 7px;font-size:9px;font-style:normal;display:grid}.background-control{border:0;margin:16px 0 13px;padding:0}.background-control legend{margin-bottom:9px;padding:0;font-size:12px;font-weight:650}.color-field{border:1px solid var(--border);border-radius:7px;align-items:center;gap:9px;height:35px;margin-top:8px;padding:5px 8px;font-family:ui-monospace,monospace;font-size:12px;display:flex}.color-field input{background:0 0;border:0;width:24px;height:24px;padding:0}.button-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.secondary-button{min-height:38px;font-size:12px}.preview-stage{color:#f4f7fb;background:radial-gradient(circle at 50% 44%, #232c38 0, var(--stage) 64%);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;padding:18px 28px 14px;display:grid;position:relative;overflow:hidden}.stage-toolbar{z-index:8;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.stage-toolbar .segmented{background:#181f28;border-color:#3a4655;width:250px}.stage-toolbar .segmented:last-child{width:190px}.stage-toolbar .segmented button{color:#bac3d1}.stage-toolbar .segmented button.is-selected{color:#10214a;background:#f9fbff}.device-scaler{height:min(66vh,100% - 18px);aspect-ratio:var(--screen-ratio);filter:drop-shadow(0 24px 30px #0000005c);place-self:center;position:relative}.device-scaler.is-landscape:not(.is-mac){width:calc(100% - 10px);height:auto;max-height:calc(100% - 12px)}.device-scaler.is-ipad{height:min(64vh,100% - 28px)}.device-scaler.is-mac{width:min(86%,840px);height:auto;aspect-ratio:var(--screen-ratio);margin-bottom:7%}.device-shell{background:linear-gradient(145deg,#252b33,#07090c 40%,#424850 75%,#090b0d);border:1px solid #737b86;border-radius:13%/6.2%;width:100%;height:100%;padding:8px;position:relative;box-shadow:inset 0 0 0 2px #050608,inset 0 0 0 3px #4a5158}.is-ipad .device-shell{border-radius:5%;padding:9px}.is-mac .device-shell{background:linear-gradient(145deg,#30363d,#07090c 50%,#333942);border-radius:12px;padding:9px 9px 24px}.screen-only .device-shell{box-shadow:none;background:0 0;border-color:#0000;padding:0}.screen-bezel,.device-screen,.wallpaper-canvas-wrap{width:100%;height:100%}.screen-bezel{background:#000;border-radius:11.2%/5.2%;overflow:hidden}.is-ipad .screen-bezel{border-radius:4%}.is-mac .screen-bezel{border-radius:6px}.device-screen{border-radius:inherit;isolation:isolate;background:#0b0f14;position:relative;overflow:hidden}.wallpaper-canvas-wrap{z-index:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.wallpaper-canvas-wrap:active{cursor:grabbing}.wallpaper-canvas-wrap canvas{pointer-events:none;width:100%;height:100%;display:block}.canvas-empty{color:#cdd6e4;text-align:center;background:#111821;place-content:center;gap:4px;height:100%;display:grid}.canvas-empty strong{font-size:14px}.canvas-empty span{color:#8390a2;font-size:10px}.side-button{background:#7c848d;border-radius:3px;width:2px;height:10%;position:absolute;top:22%}.side-button.left{left:-3px}.side-button.right{height:15%;right:-3px}.device-cutout{z-index:7;pointer-events:none;background:#020304;position:absolute}.device-cutout.dynamic-island{border-radius:999px;box-shadow:inset 0 -1px 1px #20252b}.device-cutout.notch{border-radius:0 0 38% 38%/0 0 40% 40%}.safe-area-overlay{z-index:5;border:1.5px dashed var(--lime);pointer-events:none;position:absolute;box-shadow:0 0 0 9999px #89e5230b}.safe-area-overlay span{color:#102500;background:var(--lime);letter-spacing:.08em;border-radius:3px;padding:3px 5px;font-size:clamp(6px,.55vw,9px);font-weight:800;position:absolute;top:7px;left:9px}.grid-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.grid-overlay i{background:#fff6;position:absolute}.grid-overlay i:first-child,.grid-overlay i:nth-child(2){width:1px;top:0;bottom:0}.grid-overlay i:first-child{left:33.33%}.grid-overlay i:nth-child(2){left:66.66%}.grid-overlay i:nth-child(3),.grid-overlay i:nth-child(4){height:1px;left:0;right:0}.grid-overlay i:nth-child(3){top:33.33%}.grid-overlay i:nth-child(4){top:66.66%}.lock-overlay,.mac-overlay{z-index:6;color:#fff;pointer-events:none;text-shadow:0 1px 8px #00000080;position:absolute;inset:0}.status-bar{justify-content:space-between;font-size:clamp(6px,.62vw,10px);font-weight:700;display:flex;position:absolute;top:2.1%;left:7%;right:7%}.lock-clock{flex-direction:column;align-items:center;display:flex;position:absolute;top:9%;left:10%;right:10%}.lock-clock span{font-size:clamp(7px,.72vw,12px)}.lock-clock strong{letter-spacing:-.06em;margin-top:-.03em;font-size:clamp(30px,4.3vw,72px);font-weight:430}.bottom-actions{justify-content:space-between;display:flex;position:absolute;bottom:5.2%;left:10%;right:10%}.bottom-actions span{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14191fa3;border-radius:50%;place-items:center;width:clamp(24px,3.3vw,47px);display:grid}.bottom-actions svg{width:42%}.home-indicator{background:#fff;border-radius:99px;width:32%;height:.7%;min-height:3px;position:absolute;bottom:1.8%;left:34%}.menu-bar{color:#121722;height:4%;min-height:17px;text-shadow:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f3f6facc;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 1.7%;font-size:clamp(5px,.65vw,10px);display:grid;position:absolute;top:0;left:0;right:0}.menu-bar i{font-style:normal}.dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ebf0f759;border:1px solid #fff6;border-radius:12px;justify-content:center;align-items:end;gap:2%;width:40%;height:9%;padding:1%;display:flex;position:absolute;bottom:2.5%;left:30%}.dock span{aspect-ratio:1;background:#ecf1f8;border-radius:22%;width:14%;box-shadow:inset 0 -5px 8px #1257f459}.computer-chin{color:#767f8a;background:#1b2026;border-radius:0 0 8px 8px;place-items:center;height:22px;display:grid;position:absolute;bottom:1px;left:1px;right:1px}.computer-stand{clip-path:polygon(38% 0,62% 0,72% 80%,100% 88%,100% 100%,0 100%,0 88%,28% 80%);background:linear-gradient(90deg,#383f47,#a1a7ad 50%,#363d45);width:24%;height:14%;position:absolute;top:100%;left:38%}.computer-stand i{background:#30363d;border-radius:50%;height:12%;position:absolute;bottom:0;left:-30%;right:-30%}.stage-hint{color:#95a1b2;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.stage-hint svg:not(:first-child){margin-left:9px}.mobile-stage-tools{display:none}.master-toggle{display:inline-flex;position:relative}.master-toggle input,.toggle-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:#b6c0ce;border-radius:99px;width:34px;height:19px;transition:all .16s;display:inline-block;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:inherit;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000047}input:checked+.switch{background:var(--blue)}input:checked+.switch:after{transform:translate(15px)}.overlay-list{margin:0 -16px;transition:opacity .16s;display:grid}.overlay-list.is-disabled{opacity:.42;pointer-events:none}.overlay-item{border-top:1px solid #edf0f4;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 16px;display:grid}.overlay-item:last-child{border-bottom:1px solid #edf0f4}.overlay-item>svg{width:16px;color:var(--blue)}.toggle-row{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.toggle-row>span:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.toggle-row strong{font-size:12px;font-weight:620}.toggle-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.device-information dl{gap:8px;margin:0;display:grid}.device-information dl>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;font-size:11px;display:grid}.device-information dt{color:var(--muted)}.device-information dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.accuracy{text-transform:uppercase;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:750}.accuracy.high,.accuracy.verified{color:#277140;background:#edfaef;border:1px solid #9bd9ad}.accuracy.estimated,.accuracy.legacy{color:#835b08;background:#fff9e8;border:1px solid #e4ca89}.accuracy-note{color:var(--muted);margin-top:13px;font-size:11px;line-height:1.45}.accuracy-note summary{color:#49556a;cursor:pointer;align-items:center;gap:6px;font-weight:650;display:flex}.accuracy-note a{color:var(--blue);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.export-panel .segmented{margin-bottom:13px}.text-field{color:#344057;gap:6px;margin:11px 0;font-size:11px;font-weight:650;display:grid}.text-field input{border:1px solid var(--border-strong);border-radius:7px;outline:0;width:100%;height:35px;padding:0 10px;font-size:12px;font-weight:450}.text-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1257f41a}.export-resolution{border:1px solid var(--border);background:var(--canvas);border-radius:8px;align-items:center;gap:9px;margin:10px 0;padding:10px;display:flex}.export-resolution>svg{width:20px;color:var(--blue)}.export-resolution>span{flex-direction:column;gap:2px;display:flex}.export-resolution small{color:var(--muted);font-size:10px}.export-resolution strong{font-variant-numeric:tabular-nums;font-size:12px}.guide-checkbox{color:var(--muted);align-items:center;gap:8px;margin:10px 0 13px;font-size:11px;line-height:1.35;display:flex}.guide-checkbox input{accent-color:var(--blue)}.primary-button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:9px 13px;font-size:13px;font-weight:730;transition:all .14s;display:inline-flex;box-shadow:0 7px 16px #1257f438}.primary-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary-button svg{width:17px}.primary-button.compact{width:auto;min-height:36px}.export-result{border-radius:6px;align-items:flex-start;gap:6px;margin:9px 0 0;padding:8px;font-size:11px;line-height:1.4;display:flex}.export-result.done{color:#25683b;background:#ecf9ef}.export-result.error{color:#8a1527;background:#fff2f4}.export-result svg{flex:none;width:14px}.export-tip{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.45}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{min-width:0;height:var(--footer-height);color:var(--muted);border-top:1px solid var(--border);background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 20px;font-size:11px;display:grid}.app-footer>span:last-child{text-align:right;justify-self:end}.local-foot,.shortcuts{align-items:center;gap:6px;display:flex}.local-foot svg{color:#2ba04f;width:16px}.shortcuts{color:#627086}.shortcuts svg{width:15px}.shortcuts kbd{background:#f7f8fa;border:1px solid #cbd2dc;border-bottom-width:2px;border-radius:4px;place-items:center;min-width:21px;height:20px;padding:0 4px;font:10px ui-monospace,monospace;display:inline-grid}.info-dialog{width:min(620px,100% - 32px);max-height:min(720px,100% - 40px);color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:15px;padding:38px;box-shadow:0 32px 90px #0710224d}.info-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a102094}.dialog-close{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.dialog-close svg{width:18px}.dialog-icon{width:32px;height:32px;color:var(--blue)}.info-dialog h2{letter-spacing:-.045em;max-width:460px;margin:17px 0 10px;font-size:clamp(26px,4vw,38px);line-height:1.05}.dialog-intro{max-width:540px;color:var(--muted);font-size:14px;line-height:1.65}.dialog-grid{border:1px solid var(--border);background:var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;display:grid;overflow:hidden}.dialog-grid div{background:#fff;flex-direction:column;gap:7px;padding:17px;display:flex}.dialog-grid strong{font-size:12px}.dialog-grid span{color:var(--muted);font-size:10px;line-height:1.5}.dialog-body{border-top:1px solid var(--border);color:var(--muted);margin-top:24px;padding-top:20px;font-size:12px;line-height:1.6}.dialog-body h3{color:var(--ink);margin:15px 0 7px;font-size:12px}.dialog-body a{color:var(--blue);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.dialog-body a svg{width:14px}.data-count{align-items:baseline;gap:10px;display:flex}.data-count strong{color:var(--blue);font-size:34px}.accuracy-list{gap:8px;display:grid}.accuracy-list div{grid-template-columns:70px 1fr;display:grid}.accuracy-list dt{color:var(--ink);font-weight:700}.accuracy-list dd{margin:0}.legal-note{color:var(--faint);margin:24px 0 0;font-size:9px}.fatal-error{text-align:center;background:#fff;place-content:center;min-height:100%;padding:30px;display:grid}.fatal-error strong{font-size:24px}.fatal-error button{color:#fff;background:var(--blue);border:0;border-radius:7px;justify-self:center;padding:9px 14px}.mobile-tabs,.mobile-panel{display:none}@media (min-width:901px){.left-rail .panel-section,.right-rail .panel-section{padding-top:14px;padding-bottom:14px}.right-rail .section-heading{margin-bottom:9px}.right-rail .overlay-item{min-height:38px}.right-rail .device-information dl{gap:6px}.right-rail .accuracy-note{margin-top:9px}.right-rail .primary-button{height:38px;min-height:38px;padding-top:6px;padding-bottom:6px}}@media (max-width:1200px){.workspace{grid-template-columns:310px minmax(400px,1fr) 320px}.app-header{gap:18px}.app-header nav{gap:0}.app-header nav button,.app-header nav a{padding-inline:7px}.stage-hint span:nth-of-type(n+2),.stage-hint svg:nth-of-type(n+2){display:none}.image-summary{grid-template-columns:47px minmax(0,1fr) auto}.image-thumb{width:47px;height:47px}.image-summary .compact-button{grid-column:1/3}.image-summary .danger{grid-area:2/3}}@media (max-width:900px){:root{--header-height:62px}body{overflow:hidden}.app-shell{grid-template-rows:var(--header-height) minmax(285px, 43vh) 68px minmax(0, 1fr)}.app-header{padding:0 16px}.brand{font-size:21px}.brand-mark{width:31px}.brand em{padding:3px 6px;font-size:9px}.app-header nav{border:1px solid var(--border);width:190px;box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:8px;display:none;position:absolute;top:58px;right:12px}.app-header nav.is-open{display:grid}.app-header nav button,.app-header nav a{justify-content:flex-start;min-height:40px}.local-status{display:none}.language-switcher{margin-left:auto}.menu-button{cursor:pointer;place-items:center;display:grid}.workspace{min-height:0;display:block}.left-rail,.right-rail{display:none}.preview-stage{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;padding:10px 12px 8px}.stage-toolbar{justify-content:center}.stage-toolbar .segmented{width:min(100%,285px)}.stage-toolbar .segmented:last-child{display:none}.stage-toolbar .segmented button{min-height:32px}.device-scaler{max-width:64%;height:calc(100% - 4px)}.device-scaler.is-ipad{height:calc(100% - 10px)}.device-scaler.is-landscape:not(.is-mac){width:min(84%,560px);max-width:none;height:auto}.device-scaler.is-mac{width:min(76%,500px);height:auto;margin-bottom:4%}.device-shell,.is-ipad .device-shell{padding:5px}.is-mac .device-shell{padding:5px 5px 14px}.computer-chin{height:13px}.stage-hint{display:none}.lock-clock strong{font-size:clamp(29px,8vw,48px)}.lock-clock span{font-size:8px}.status-bar{font-size:6px}.mobile-tabs{z-index:9;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;grid-template-columns:repeat(5,1fr);height:68px;display:grid}.mobile-tabs button{color:#4d586a;cursor:pointer;background:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:6px 2px;font-size:11px;display:flex;position:relative}.mobile-tabs button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:20%;right:20%}.mobile-tabs button.is-selected{color:var(--blue)}.mobile-tabs button.is-selected:after{background:var(--blue)}.mobile-tabs svg{width:24px}.mobile-panel{background:#fff;grid-template-rows:16px auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.sheet-grabber{color:#bec5cf;place-items:center;height:16px;display:grid}.sheet-grabber svg{width:36px}.mobile-panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:6px 16px 10px;display:flex}.mobile-panel>header>div{align-items:baseline;gap:9px;display:flex}.mobile-panel>header strong{font-size:16px}.mobile-panel>header span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:min(56vw,360px);font-size:11px;overflow:hidden}.mobile-panel-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.mobile-panel-scroll .panel-section{border-bottom:0}.mobile-panel-scroll .section-heading{display:none}.mobile-panel-scroll .panel-section{padding:14px 16px 28px}.mobile-panel-scroll .range-label,.mobile-panel-scroll .position-control>strong,.mobile-panel-scroll .background-control legend{font-size:12px}.mobile-panel-scroll .range-label output,.mobile-panel-scroll .position-control label,.mobile-panel-scroll .control-help{font-size:11px}.mobile-panel-scroll .segmented button{font-size:13px}.mobile-panel-scroll .position-control input{font-size:12px}.primary-button.compact{min-height:36px;font-size:12px}.primary-button.compact svg{width:15px}.mobile-panel-scroll .device-list{max-height:none}.mobile-panel-scroll .search-field{min-height:46px}.mobile-panel-scroll .search-field input{font-size:14px}.mobile-panel-scroll .device-option{min-height:70px}.mobile-panel-scroll .device-option strong{font-size:14px}.mobile-panel-scroll .device-option small{font-size:12px}.mobile-panel-scroll .range-control{margin:18px 0}.mobile-panel-scroll .segmented button{min-height:36px}.mobile-panel-scroll .position-control label>span{height:39px}.mobile-panel-scroll .secondary-button{min-height:43px}.mobile-panel-scroll .recent-devices button{max-width:150px;min-height:36px;font-size:12px}.export-panel.compact{padding:14px 16px 28px}.export-panel.compact .segmented button{min-height:39px}.app-footer{display:none}.info-dialog{padding:30px 24px}.dialog-grid{grid-template-columns:1fr}.dialog-grid div{padding:13px}}@media (max-width:480px){.app-shell{grid-template-rows:var(--header-height) minmax(270px, 42vh) 66px minmax(0, 1fr)}.preview-stage{padding:8px}.stage-toolbar .segmented{width:255px}.device-scaler{max-width:72%}.device-scaler.is-mac{width:88%}.brand{gap:7px}.brand em{margin-left:0}.mobile-panel>header,.mobile-panel-scroll .panel-section,.export-panel.compact{padding-inline:13px}.mobile-tabs button{font-size:10px}.mobile-tabs svg{width:20px}.position-control{grid-template-columns:1fr 1fr}.background-control .segmented button{padding-inline:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}