@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-600.ttf)format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.ttf)format("truetype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10110f;--panel:#191a17;--panel-soft:#20211d;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f4f0e8;--muted:#a8a198;--faint:#746f67;--accent:#c7ff6b;--accent-ink:#10110f;--guide-preview-line:var(--accent);--danger:#ff706d;--shadow:0 24px 80px #00000059;--canvas-shadow:0 30px 90px #00000075;--shell-bg:radial-gradient(circle at 28% 16%, #c7ff6b14, transparent 28%), linear-gradient(135deg, #12130f 0%, #171713 47%, #0f1110 100%);--topbar-bg:#10110fd1;--topbar-solid:#000;--surface-bg:#191a17d1;--control-bg:#ffffff09;--button-bg:#ffffff0b;--button-hover:#ffffff14;--menu-bg:#141512fa;--canvas-bg:#080908;--range-track:#ffffff24;--panel-toggle:var(--accent);--app-font:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f0e8;--panel:#fff;--panel-soft:#f9f6ee;--line:#1e1c181f;--line-strong:#1e1c1833;--text:#181712;--muted:#6f685e;--faint:#9b9388;--accent:#c6fe6b;--accent-ink:#10110f;--guide-preview-line:#526b1a;--danger:#b93330;--shadow:0 24px 80px #2a23181f;--canvas-shadow:0 18px 48px #2a231824;--shell-bg:radial-gradient(circle at 28% 16%, #c6fe6b38, transparent 28%), linear-gradient(135deg, #f8f5ee 0%, #eee8dc 47%, #faf8f2 100%);--topbar-bg:#f8f5eed1;--topbar-solid:#fff;--surface-bg:#fffdf8d6;--control-bg:#18171209;--button-bg:#1817120b;--button-hover:#18171214;--menu-bg:#fffdf8fa;--canvas-bg:#ede8dd;--range-track:#18171229;--panel-toggle:#3c3933}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f0e8;--panel:#fff;--panel-soft:#f9f6ee;--line:#1e1c181f;--line-strong:#1e1c1833;--text:#181712;--muted:#6f685e;--faint:#9b9388;--accent:#c6fe6b;--accent-ink:#10110f;--guide-preview-line:#526b1a;--danger:#b93330;--shadow:0 24px 80px #2a23181f;--canvas-shadow:0 18px 48px #2a231824;--shell-bg:radial-gradient(circle at 28% 16%, #c6fe6b38, transparent 28%), linear-gradient(135deg, #f8f5ee 0%, #eee8dc 47%, #faf8f2 100%);--topbar-bg:#f8f5eed1;--topbar-solid:#fff;--surface-bg:#fffdf8d6;--control-bg:#18171209;--button-bg:#1817120b;--button-hover:#18171214;--menu-bg:#fffdf8fa;--canvas-bg:#ede8dd;--range-track:#18171229;--panel-toggle:#3c3933}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--app-font);margin:0}body{overflow:hidden}button,input,select{font:inherit}button{color:inherit}.shell{background:var(--shell-bg);grid-template-rows:72px 1fr;width:100%;max-width:100vw;height:100vh;display:grid;overflow:hidden}.topbar{z-index:60;border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;padding:9px 18px 9px 20px;display:flex;position:relative;overflow:visible}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brandLink{color:inherit;text-decoration:none}.brandLink:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}.brandMark{border-radius:8px;place-items:center;width:50px;height:50px;padding:3px;display:grid;overflow:hidden}.brandMark img{object-fit:contain;width:100%;height:100%;display:block}.brand h1{letter-spacing:0;margin:0;font-size:22px;line-height:1}.brandVersion{color:var(--accent);opacity:0;transition:opacity .16s}.brand:hover .brandVersion,.brand:focus-within .brandVersion{opacity:1}.brand p{color:var(--muted);margin:5px 0 0;font-size:12px}.topActions,.stageToolbar{align-items:center;gap:8px;display:flex}.iconButton,.toolButton,.fontTestButton,.primaryButton,.topActionButton,.dropzone,.preset,.menuPopover button,.ratioGrid button,.resetCropButton,.cancelCropButton,.doneCropButton,.previewEdgeToggle{border:1px solid var(--line);background:var(--button-bg);transition:border-color .16s,background .16s,transform .16s,color .16s}.iconButton,.toolButton,.fontTestButton,.primaryButton,.topActionButton{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.themeButton{background:var(--button-bg)}.themeButton svg{color:currentColor}.iconButton{width:38px;padding:0}.topActionButton{width:38px;min-width:38px;color:var(--text);white-space:nowrap;padding:0;position:relative;overflow:hidden}.topActionButton svg{flex:none;transition:transform .16s}.topActionButton span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topActionButton:not(:disabled):hover,.topActionButton:not(:disabled):focus-visible{border-color:var(--line-strong);background:var(--button-hover)}.topActionButton:not(:disabled):hover svg,.topActionButton:not(:disabled):focus-visible svg{transform:scale(1.08)}.topActionButton:disabled{cursor:not-allowed;opacity:.42}.topExportButton{background:var(--accent);color:var(--accent-ink);border-color:#c7ff6b80}.topExportButton:not(:disabled):hover,.topExportButton:not(:disabled):focus-visible{background:var(--accent);border-color:#c7ff6bb8}.topExportWrap .exportPopover{width:292px}.exportPopoverHeader,.mobileExportSheetMount{display:none}.iconButton:disabled,.primaryButton:disabled{cursor:not-allowed;opacity:.42}.toolButton{padding:0 12px}.fontTestButton{min-width:112px;color:var(--text);white-space:nowrap;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.squareTool{width:38px;padding:0}.primaryButton{background:var(--accent);color:var(--accent-ink);border-color:#c7ff6b80;padding:0 15px;font-weight:700}.iconButton:not(:disabled):hover,.toolButton:hover,.fontTestButton:hover,.preset:hover,.menuPopover button:hover,.ratioGrid button:hover,.resetCropButton:hover,.cancelCropButton:hover,.doneCropButton:hover,.previewEdgeToggle:hover,.toolButton.active{border-color:var(--line-strong);background:var(--button-hover)}.originalPreviewButton.active svg{color:var(--accent)}.workspace{grid-template-columns:224px minmax(0,1fr) 304px;gap:14px;min-height:0;padding:14px;display:grid;position:relative}.workspace.leftClosed{grid-template-columns:minmax(0,1fr) 304px}.workspace.rightClosed{grid-template-columns:224px minmax(0,1fr)}.workspace.leftClosed.rightClosed{grid-template-columns:minmax(0,1fr)}.panelInsetToggle,.panelCollapsedToggle{z-index:50;width:60px;height:76px;color:var(--muted);box-shadow:none;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .16s,opacity .16s;display:grid;position:absolute}.panelInsetToggle:hover,.panelInsetToggle:focus-visible,.panelCollapsedToggle:hover,.panelCollapsedToggle:focus-visible{color:var(--text);outline:none}.panelInsetToggle{top:50%;transform:translateY(-50%)}.panelInsetToggleLeft{right:-30px}.panelInsetToggleRight{left:-30px}.panelCollapsedToggle{top:50%;transform:translateY(-50%)}.panelCollapsedToggleLeft{left:0}.panelCollapsedToggleRight{right:0}.rail,.stage{border:1px solid var(--line);background:var(--surface-bg);min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px}.rail{min-width:0;position:relative;overflow:visible}.presetList{overflow:auto}.presetsRail{grid-template-rows:minmax(0,1fr);min-height:0;padding-top:0;display:grid}.presetsRail .presetList{grid-template-rows:auto minmax(0,1fr);min-height:0;max-height:100%;padding-top:12px;overflow:hidden}.presetList,.controlStack,.controlsRail{scrollbar-color:#ffffff38 transparent}.presetList{gap:10px;max-height:calc(100vh - 166px);padding:12px;display:grid}.presetListHeader{gap:10px;min-width:0;display:grid}.presetListScroll{scrollbar-color:#ffffff38 transparent;min-height:0;overflow:hidden auto}.stockSections,.mobileStockSections{align-content:start;gap:10px;display:grid}.selectedStockPanelCard{z-index:5;background-color:var(--panel);background:linear-gradient(90deg, color-mix(in srgb, var(--preset-color) 26%, var(--panel)), color-mix(in srgb, var(--preset-color) 8%, var(--panel)) 58%, var(--panel));box-shadow:0 0 0 12px var(--panel), 0 16px 32px color-mix(in srgb, var(--bg) 24%, transparent);position:relative}.stockSearch{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-bg) 94%, var(--panel));border-radius:8px;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:7px;min-height:40px;padding:0 8px;display:grid}.stockSearch svg{color:var(--muted)}.stockSearch input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.stockSearch input::placeholder{color:var(--muted);opacity:.82}.stockSearch button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.stockSearch button:hover,.stockSearch button:focus-visible{background:var(--button-hover);color:var(--text);outline:none}.emptyStockSearch{border:1px dashed var(--line);min-height:78px;color:var(--muted);border-radius:8px;place-items:center;padding:12px;font-size:12px;font-weight:700;display:grid}.stockSection{border:1px solid var(--line);background:color-mix(in srgb, var(--control-bg) 76%, transparent);border-radius:8px;gap:8px;padding:8px;display:grid}.stockSectionHeader{width:100%;min-height:32px;color:var(--text);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 9px 0 11px;font-size:11px;font-weight:800;display:flex}.stockSectionHeader:hover{background:var(--button-hover)}.stockSectionHeader svg{color:var(--muted)}.stockSectionPresets{gap:8px;display:grid}.preset{background:linear-gradient(90deg, color-mix(in srgb, var(--preset-color) 24%, transparent), color-mix(in srgb, var(--preset-color) 8%, var(--button-bg)) 52%, var(--button-bg));text-align:left;cursor:pointer;border-radius:8px;width:100%;min-height:68px;padding:0;display:block;position:relative;overflow:hidden}.presetPreview{background:var(--canvas-bg);object-fit:cover;width:100%;height:100%;transition:filter .16s;display:block;position:absolute;inset:0;transform:scale(1.02)}.presetPreviewTint{background:linear-gradient(90deg, #0a0a0ac7, #0a0a0a4d 72%, #0a0a0a1f), linear-gradient(0deg, color-mix(in srgb, var(--preset-color) 12%, transparent), transparent 65%);position:absolute;inset:0}.presetLabel{z-index:2;align-content:center;min-height:68px;padding:10px 12px;display:grid;position:relative}.preset.active{background:linear-gradient(90deg, color-mix(in srgb, var(--preset-color) 34%, transparent), color-mix(in srgb, var(--accent) 12%, var(--button-bg)) 58%, var(--button-bg));border-color:#c7ff6bb3}.swatch{border-radius:6px;width:30px;height:40px;box-shadow:inset 0 0 0 1px #ffffff3d}.preset strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.preset.hasPreview strong{color:#fff}.preset small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;display:block;overflow:hidden}.preset.hasPreview small{color:#ffffffb8}.selectedStockCard{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--preset-color) 30%, transparent), color-mix(in srgb, var(--preset-color) 10%, var(--button-bg)) 58%, var(--button-bg));border-radius:8px;gap:12px;padding:10px;display:grid}.selectedStockCard.empty{background:linear-gradient(90deg, #ffffff0f, var(--button-bg) 58%, var(--button-bg))}.selectedStockPanelCard.selectedStockCard{isolation:isolate;background-color:var(--panel);background:linear-gradient(90deg, color-mix(in srgb, var(--preset-color) 22%, var(--panel)), color-mix(in srgb, var(--preset-color) 7%, var(--panel)) 58%, var(--panel));box-shadow:0 0 0 12px var(--panel), 0 16px 32px color-mix(in srgb, var(--bg) 24%, transparent)}.selectedStockSummary{grid-template-columns:38px 1fr;align-items:center;gap:9px;min-width:0;display:grid}.selectedStockSummary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.selectedStockSummary small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.selectedStockStrength{gap:8px;display:grid}.selectedStockStrength span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.selectedStockStrength strong{color:var(--text);letter-spacing:0;font-weight:700}.selectedStockStrength input{margin:0}.stage{grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:18px;display:grid;position:relative;overflow:visible}.stage.idleStage{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;grid-template-rows:auto auto;align-content:center}.previewEdgeToggle{z-index:25;width:32px;height:50px;color:var(--panel-toggle);box-shadow:none;cursor:pointer;opacity:.92;background:0 0;border-color:#0000;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.previewEdgeToggle:hover{opacity:1;background:0 0;border-color:#0000;transform:translateY(-50%)}.previewEdgeToggle svg{width:18px;height:18px;transition:transform .16s}.previewEdgeToggle:hover svg{transform:scale(1.12)}.previewEdgeLeft{left:-16px}.previewEdgeRight{right:-16px}.helpPopover{width:min(390px,100vw - 32px);color:var(--text);gap:0;padding:0;overflow:hidden}.helpHeader{border-bottom:1px solid var(--line);background:var(--control-bg);gap:3px;padding:14px 16px 12px;display:grid}.helpHeader strong{color:var(--text);font-size:14px;line-height:1.1}.helpHeader span{color:var(--muted);font-size:12px;line-height:1.25}.helpRows{gap:0;margin:0;display:grid}.helpRows p{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding:10px 16px;font-size:12px;line-height:1.4}.helpFooter{border-top:1px solid var(--line);background:var(--control-bg);flex-wrap:wrap;justify-content:space-between;gap:8px 14px;padding:12px 16px 14px;display:flex}.helpPopover a{color:var(--accent);font-size:12px;font-weight:700;line-height:1.2;text-decoration:none}:root[data-theme=light] .helpPopover a{color:var(--text)}:root[data-theme=light] .helpPopover a:hover,:root[data-theme=light] .helpPopover a:focus-visible{color:#315900}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .helpPopover a{color:var(--text)}:root:not([data-theme=dark]) .helpPopover a:hover,:root:not([data-theme=dark]) .helpPopover a:focus-visible{color:#315900}}.stage.dragging{border-color:#c7ff6bb3}.dropzone{width:min(840px,96%);min-height:min(58vh,520px);color:var(--text);box-shadow:none;cursor:pointer;background:0 0;border-style:solid;border-color:#0000;border-radius:8px;align-content:center;place-items:center;gap:10px;display:grid}.dropzone svg{color:var(--accent)}.dropzone:hover,.dropzone:focus-visible{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:0 0}.dropzone .dropzoneActions{justify-items:center;gap:8px;font-size:12px;font-weight:500;display:grid}.dropzone span{font-size:30px;font-weight:750;line-height:1.05}.dropzone .dropzonePrivacyNote{max-width:34ch;color:var(--faint);text-align:center;font-size:15px;font-weight:600;line-height:1.25}.dropzone small{color:var(--muted);opacity:.68;transition:color .16s,opacity .16s}.dropzone small:hover,.dropzone small:focus-visible{color:var(--accent);opacity:1;outline:none}.dropzone small[data-disabled=true]{cursor:not-allowed;opacity:.38}.dropzone small[data-disabled=true]:hover,.dropzone small[data-disabled=true]:focus-visible{color:var(--muted)}.dropzoneMessage{color:var(--danger);opacity:.88}.mobileDropzoneCopy{display:none}.editorMessage{z-index:45;background:var(--surface-bg);max-width:min(560px,100% - 28px);color:var(--danger);border:1px solid #ff706d6b;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.25;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.editorMessage span{min-width:0}.editorMessage button{color:currentColor;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:24px;height:24px;display:grid}.batchProgressPanel{border:1px solid var(--line);background:var(--surface-bg);border-radius:8px;gap:12px;width:min(520px,92%);padding:18px;display:grid}.batchProgressPanel strong{color:var(--text);font-size:14px}.batchProgressPanel span,.batchProgressPanel li{color:var(--muted);font-size:12px}.batchProgressPanel progress{background:var(--range-track);border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}.batchProgressPanel progress::-webkit-progress-bar{background:var(--range-track)}.batchProgressPanel progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.batchProgressPanel progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.batchProgressPanel ul{gap:4px;max-height:140px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.batchEmptyWrap{place-items:center;width:min(520px,92%);min-height:320px;display:grid;position:relative}.batchEmptyWrap .dropzone{width:100%;min-height:320px}.batchSetupPanel{border:1px solid var(--line);background:var(--surface-bg);border-radius:8px;gap:14px;width:min(720px,94%);max-height:min(720px,92%);padding:18px;display:grid;position:relative;overflow:auto}.batchCloseButton,.batchThumb button{border:1px solid color-mix(in srgb, var(--danger) 52%, transparent);background:color-mix(in srgb, var(--danger) 14%, var(--surface-bg));color:var(--danger);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.batchCloseButton{z-index:2;width:32px;height:32px;position:absolute;top:10px;right:10px}.batchCloseButton:hover,.batchCloseButton:focus-visible,.batchThumb button:hover,.batchThumb button:focus-visible{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 22%, var(--surface-bg));outline:none;transform:scale(1.05)}.batchSetupHeader{gap:4px;padding-right:36px;display:grid}.batchSetupHeader strong{color:var(--text);font-size:18px}.batchSetupHeader span,.batchSetupNote{color:var(--muted);font-size:12px;line-height:1.5}.batchThumbGrid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px;display:grid}.batchThumb{gap:6px;min-width:0;margin:0;display:grid;position:relative}.batchThumb button{width:24px;height:24px;position:absolute;top:6px;right:6px}.batchThumb img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:var(--button-bg);border-radius:7px;width:100%}.batchThumb figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.batchSetupActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.batchSetupActions .toolButton,.batchSetupActions .primaryButton{min-width:0;min-height:40px;padding:0 10px;font-size:12px;font-weight:750}.canvasWrap{place-items:start center;width:100%;height:100%;min-height:0;padding-bottom:8px;display:grid;position:relative;overflow:visible}.canvasWrap.cropActive{cursor:grab;overflow:visible}.canvasWrap.cropActive:active{cursor:grabbing}.canvasWrap.previewZoomed{cursor:grab;overflow:hidden}.canvasWrap.previewZoomed:active{cursor:grabbing}.canvasWrap canvas{background:var(--canvas-bg);max-width:100%;max-height:min(100% - 8px,100vh - 190px);box-shadow:var(--canvas-shadow);transform:translate3d(var(--preview-pan-x,0), var(--preview-pan-y,0), 0) scale(var(--preview-zoom,1));transform-origin:50%;will-change:transform;border-radius:8px;display:block}.zoomBadge{z-index:18;color:var(--accent);font-family:var(--app-font);letter-spacing:0;pointer-events:none;background:#0000008a;border:1px solid #c7ff6b57;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1;position:absolute;top:12px;right:12px}.compositionOverlay{top:var(--overlay-top,0);left:var(--overlay-left,0);z-index:5;width:var(--overlay-width,0);height:var(--overlay-height,0);--guide-line:#f6f7ef94;--guide-line-soft:#f6f7ef66;--guide-line-strong:#f6f7ef9c;pointer-events:none;border-radius:8px;position:absolute;overflow:hidden}.compositionOverlay:before,.compositionOverlay:after{content:"";pointer-events:none;position:absolute;inset:0}.compositionOverlay[data-mode=thirds]{background:linear-gradient(to right, transparent calc(33.333% - .5px), var(--guide-line) calc(33.333% - .5px), var(--guide-line) calc(33.333% + .5px), transparent calc(33.333% + .5px)), linear-gradient(to right, transparent calc(66.666% - .5px), var(--guide-line) calc(66.666% - .5px), var(--guide-line) calc(66.666% + .5px), transparent calc(66.666% + .5px)), linear-gradient(to bottom, transparent calc(33.333% - .5px), var(--guide-line) calc(33.333% - .5px), var(--guide-line) calc(33.333% + .5px), transparent calc(33.333% + .5px)), linear-gradient(to bottom, transparent calc(66.666% - .5px), var(--guide-line) calc(66.666% - .5px), var(--guide-line) calc(66.666% + .5px), transparent calc(66.666% + .5px))}.compositionOverlay[data-mode=grid]{background:repeating-linear-gradient(to right, var(--guide-line-soft) 0 1px, transparent 1px 25%), repeating-linear-gradient(to bottom, var(--guide-line-soft) 0 1px, transparent 1px 25%)}.compositionOverlay[data-mode=golden]{background:linear-gradient(to right, transparent calc(38.2% - .5px), var(--guide-line) calc(38.2% - .5px), var(--guide-line) calc(38.2% + .5px), transparent calc(38.2% + .5px)), linear-gradient(to right, transparent calc(61.8% - .5px), var(--guide-line) calc(61.8% - .5px), var(--guide-line) calc(61.8% + .5px), transparent calc(61.8% + .5px)), linear-gradient(to bottom, transparent calc(38.2% - .5px), var(--guide-line) calc(38.2% - .5px), var(--guide-line) calc(38.2% + .5px), transparent calc(38.2% + .5px)), linear-gradient(to bottom, transparent calc(61.8% - .5px), var(--guide-line) calc(61.8% - .5px), var(--guide-line) calc(61.8% + .5px), transparent calc(61.8% + .5px))}.compositionOverlay[data-mode=diagonal]:before{background:linear-gradient(to bottom right, transparent calc(50% - .5px), var(--guide-line) calc(50% - .5px), var(--guide-line) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to top right, transparent calc(50% - .5px), var(--guide-line) calc(50% - .5px), var(--guide-line) calc(50% + .5px), transparent calc(50% + .5px))}.compositionOverlay[data-mode=center]{background:linear-gradient(to right, transparent calc(50% - .5px), var(--guide-line-strong) calc(50% - .5px), var(--guide-line-strong) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), var(--guide-line-strong) calc(50% - .5px), var(--guide-line-strong) calc(50% + .5px), transparent calc(50% + .5px))}.cropOverlayBox{box-sizing:border-box;z-index:12;cursor:move;touch-action:none;border:2px solid #f6f7efeb;border-radius:8px;min-width:54px;min-height:54px;display:block;position:absolute;box-shadow:0 0 0 1px #00000073}.cropOverlayBox.cropOverlayActive{box-shadow:0 0 0 9999px #00000057,0 0 0 1px #00000073}.cropOverlayGrid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#f6f7ef8c calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px)),linear-gradient(90deg,#0000 calc(66.666% - .5px),#f6f7ef8c calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#f6f7ef8c calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px)),linear-gradient(#0000 calc(66.666% - .5px),#f6f7ef8c calc(66.666% - .5px) calc(66.666% + .5px),#0000 calc(66.666% + .5px));border-radius:6px;position:absolute;inset:0}.cropHandle{z-index:2;background:var(--accent);touch-action:none;border:2px solid #111111b8;border-radius:999px;width:22px;height:22px;padding:0;position:absolute;box-shadow:0 2px 12px #00000061}.cropHandle-nw,.cropHandle-ne,.cropHandle-sw,.cropHandle-se{width:24px;height:24px}.cropHandle-nw{cursor:nwse-resize;top:-13px;left:-13px}.cropHandle-n{cursor:ns-resize;top:-12px;left:calc(50% - 11px)}.cropHandle-ne{cursor:nesw-resize;top:-13px;right:-13px}.cropHandle-e{cursor:ew-resize;top:calc(50% - 11px);right:-12px}.cropHandle-se{cursor:nwse-resize;bottom:-13px;right:-13px}.cropHandle-s{cursor:ns-resize;bottom:-12px;left:calc(50% - 11px)}.cropHandle-sw{cursor:nesw-resize;bottom:-13px;left:-13px}.cropHandle-w{cursor:ew-resize;top:calc(50% - 11px);left:-12px}@media (max-width:640px){.cropHandle{width:20px;height:20px}.cropHandle-nw,.cropHandle-ne,.cropHandle-sw,.cropHandle-se{width:22px;height:22px}.cropHandle-nw{top:-10px;left:-10px}.cropHandle-n{top:-10px;left:calc(50% - 10px)}.cropHandle-ne{top:-10px;right:-10px}.cropHandle-e{top:calc(50% - 10px);right:-8px}.cropHandle-se{bottom:-10px;right:-10px}.cropHandle-s{bottom:-10px;left:calc(50% - 10px)}.cropHandle-sw{bottom:-10px;left:-10px}.cropHandle-w{top:calc(50% - 10px);left:-8px}}.compareHandle{z-index:15;cursor:ew-resize;background:0 0;border:0;place-items:center;width:34px;height:min(72%,100vh - 260px);min-height:140px;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.compareHandle:before{content:"";background:var(--accent);border-radius:999px;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 18px #c7ff6b73}.compareHandle span{background:var(--menu-bg);border:1px solid #c7ff6bbf;border-radius:999px;width:22px;height:42px;position:relative;box-shadow:0 12px 32px #00000059}.compareHandle span:before,.compareHandle span:after{content:"";border-top:1.5px solid var(--accent);border-left:1.5px solid var(--accent);width:5px;height:5px;position:absolute;top:50%}.compareHandle span:before{left:5px;transform:translateY(-50%)rotate(-45deg)}.compareHandle span:after{right:5px;transform:translateY(-50%)rotate(135deg)}.stageToolbar{z-index:40;justify-content:center;width:100%;padding-top:6px;position:relative}.panelToggleTool{border:1px solid var(--line);background:var(--button-bg);width:38px;height:38px;color:var(--muted);border-radius:8px;flex:none}.panelToggleTool:hover,.panelToggleTool:focus-visible,.panelToggleTool.active{border-color:var(--line-strong);background:var(--button-hover);color:var(--text)}.modeToolGroup{border:1px solid var(--line);background:var(--button-bg);border-radius:8px;align-items:center;gap:4px;min-height:38px;padding:3px;display:inline-flex}.editorToolBar{max-width:100%}.modeIconTool{width:32px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:background .16s,color .16s,opacity .16s;display:inline-grid}.modeIconTool:hover,.modeIconTool:focus-visible,.modeIconTool.active{background:var(--button-hover);color:var(--text);outline:none}.modeIconTool:disabled{cursor:not-allowed;opacity:.38}.modeToolDivider{background:var(--line);width:1px;height:22px;margin:0 2px}.toolbarPopoverWrap{display:inline-flex}.modeTool{min-height:30px;color:var(--muted);cursor:pointer;letter-spacing:0;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:800;line-height:1;transition:background .16s,color .16s;display:inline-flex}.modeTool:hover,.modeTool:focus-visible,.modeTool.active{background:var(--button-hover);color:var(--text);outline:none}.modeTool.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 58%, transparent)}.modeTool svg{flex:none}.idleToolbar{padding-top:12px}.demoImageButton{letter-spacing:0;min-width:142px;padding:0 16px;font-size:12px;font-weight:700}.popoverWrap{display:inline-flex;position:relative}.menuPopover{z-index:80;border:1px solid var(--line-strong);background:var(--menu-bg);border-radius:8px;gap:4px;min-width:116px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0000006b}.menuPopover.alignRight{inset:calc(100% + 8px) 0 auto auto;transform:none}.confirmPopover{grid-template-columns:1fr 1fr;min-width:92px}.confirmTitle{color:var(--text);text-align:center;grid-column:1/-1;padding:2px 2px 4px;font-size:12px;font-weight:800;line-height:1.1}.confirmPopover button{place-items:center;min-height:34px;padding:0;display:grid}.confirmPopover .cancelCropButton{background:var(--danger);color:#fff;border-color:#ff706da6}.confirmPopover .doneCropButton{background:var(--accent);color:var(--accent-ink);border-color:#c7ff6ba6}.menuPopover button{min-height:34px;color:var(--muted);text-align:left;cursor:pointer;border-radius:6px;padding:0 12px;font-size:12px}.menuPopover button:disabled{cursor:not-allowed;opacity:.42}.menuPopover button.active{color:var(--text);background:#c7ff6b26;border-color:#c7ff6b80}.exportPopoverSection,.exportQualityControl{gap:7px;padding:4px;display:grid}.exportPopoverSection>span,.exportQualityControl>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.exportPopoverSection small{color:var(--muted);font-size:11px}.exportSegmentGroup{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.menuPopover .exportSegmentGroup button{text-align:center;place-items:center;min-height:32px;padding:0 6px;display:grid}.exportQualityControl input{width:100%}.menuPopover .exportConfirmButton{background:var(--accent);min-height:38px;color:var(--accent-ink);text-align:center;border-color:#c7ff6b80;font-weight:800}.cropPanel,.framePanel,.guidePanel{gap:12px;width:100%;padding:12px;display:grid}.cropSection{gap:8px;display:grid}.cropSection>span,.cropSlider span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.ratioGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.ratioGrid button{min-height:34px;color:var(--muted);text-align:center;cursor:pointer;border-radius:6px;padding:0 10px;font-size:12px}.ratioGrid button.active{color:var(--text);background:#c7ff6b26;border-color:#c7ff6b80}.frameTextInput{border:1px solid var(--line);background:var(--button-bg);min-height:36px;color:var(--text);border-radius:8px;width:100%;padding:0 10px;font-size:12px;font-weight:750}.frameNoneBlock button{border:1px solid var(--line);background:color-mix(in srgb, var(--button-bg) 72%, transparent);width:100%;min-height:46px;color:var(--muted);cursor:pointer;text-align:left;border-radius:8px;gap:3px;padding:8px 10px;transition:border-color .16s,background .16s,color .16s;display:grid}.frameNoneBlock button:hover,.frameNoneBlock button:focus-visible,.frameNoneBlock button.active{border-color:color-mix(in srgb, var(--accent) 56%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--button-bg));color:var(--text);outline:none}.frameNoneBlock strong,.frameNoneBlock span{line-height:1.2}.frameNoneBlock strong{color:var(--text);font-size:12px;font-weight:850}.frameNoneBlock span,.frameStyleGrid button>span:not(.frameStylePreview){color:var(--muted);font-size:11px;font-weight:650;line-height:1.25}.frameStyleGrid{gap:7px;padding-right:2px;display:grid}.frameStyleGrid button{border:1px solid var(--line);background:var(--button-bg);min-height:66px;color:var(--muted);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:5px 9px;padding:8px 10px;transition:border-color .16s,background .16s,color .16s;display:grid}.frameStyleGrid button:hover,.frameStyleGrid button:focus-visible,.frameStyleGrid button.active{border-color:color-mix(in srgb, var(--accent) 56%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--button-bg));color:var(--text);outline:none}.frameStyleGrid strong{color:var(--text);align-self:end;font-size:12px;font-weight:850;line-height:1.1}.frameStyleGrid button>span:not(.frameStylePreview){align-self:start}.frameStylePreview{border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);background:#151515;border-radius:6px;grid-row:span 2;width:54px;height:42px;position:relative;overflow:hidden}.frameStylePreview:before,.frameStylePreview:after{content:"";position:absolute}.frameStylePreview:before{background:linear-gradient(135deg,#cdbb91,#5f7467);border-radius:3px;inset:10px}.frameStylePreview[data-frame-style=lab]{background:#f0eadc}.frameStylePreview[data-frame-style=lab]:before{background:linear-gradient(135deg,#d6c190,#627563);inset:8px 9px 12px}.frameStylePreview[data-frame-style=lab]:after{background:#46341c73;width:18px;height:2px;bottom:5px;right:9px;box-shadow:-22px 0 #46341c47}.frameStylePreview[data-frame-style=clean]{background:radial-gradient(circle at 20% 22%,#ffffff38 0 1px,#0000 2px),#111}.frameStylePreview[data-frame-style=clean]:before{background:linear-gradient(135deg,#b4aa8b,#39443f);inset:7px}.frameStylePreview[data-frame-style=contact]{background:#111}.frameStylePreview[data-frame-style=contact]:before{background:linear-gradient(135deg,#c2b889,#586d62);inset:8px}.frameStylePreview[data-frame-style=contact]:after{border-top:1px solid #ffffff73;border-bottom:1px solid #ffffff40;height:4px;bottom:5px;left:7px;right:7px}.frameStylePreview[data-frame-style=strip]{background:radial-gradient(at 8px 8px,#0000 0 3px,#0d0d0d 3.5px),radial-gradient(at 22px 8px,#0000 0 3px,#0d0d0d 3.5px),radial-gradient(at 36px 8px,#0000 0 3px,#0d0d0d 3.5px),radial-gradient(at 50px 8px,#0000 0 3px,#0d0d0d 3.5px),radial-gradient(at 8px 34px,#0000 0 3px,#0d0d0d 3.5px),radial-gradient(at 22px 34px,#0000 0 3px,#0d0d0d 3.5px),radial-gradient(at 36px 34px,#0000 0 3px,#0d0d0d 3.5px),radial-gradient(at 50px 34px,#0000 0 3px,#0d0d0d 3.5px),#050505}.frameStylePreview[data-frame-style=strip]:before{background:linear-gradient(135deg,#c8b681,#4c665b);inset:12px 7px}.frameChoiceBlock{gap:6px;display:grid}.frameChoiceBlock>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:750}.frameSegmentGroup,.frameToggleGrid{flex-wrap:wrap;gap:6px;display:flex}.frameBooleanGroup{grid-template-columns:1fr 1fr;display:grid}.frameSegmentGroup button,.frameToggleGrid button{border:1px solid var(--line);background:var(--button-bg);min-height:34px;color:var(--muted);cursor:pointer;border-radius:8px;padding:0 10px;font-size:12px;font-weight:750;transition:border-color .16s,background .16s,color .16s}.frameSegmentGroup button:hover,.frameSegmentGroup button:focus-visible,.frameSegmentGroup button.active,.frameToggleGrid button:hover,.frameToggleGrid button:focus-visible,.frameToggleGrid button.active{border-color:color-mix(in srgb, var(--accent) 56%, var(--line));background:color-mix(in srgb, var(--accent) 14%, var(--button-bg));color:var(--text);outline:none}.frameBooleanGroup button{text-align:center;justify-content:center}.frameAdvancedGroup{gap:8px;padding-top:2px;display:grid}.frameAdvancedGroup>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:750}.frameSwatchGroup{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.frameSwatchGroup button{border:1px solid var(--line);background:var(--button-bg);cursor:pointer;border-radius:8px;place-items:center;min-height:34px;padding:4px;transition:border-color .16s,background .16s;display:grid}.frameSwatchGroup button:hover,.frameSwatchGroup button:focus-visible,.frameSwatchGroup button.active{border-color:color-mix(in srgb, var(--accent) 56%, var(--line));background:color-mix(in srgb, var(--accent) 12%, var(--button-bg));outline:none}.frameSwatchGroup button span{border:1px solid #00000029;border-radius:5px;width:100%;height:22px;box-shadow:inset 0 0 0 1px #ffffff38}.guideOptions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.guideOptions button{border:1px solid var(--line);background:var(--button-bg);min-height:56px;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;padding:7px;display:grid}.guideOptions button:hover,.guideOptions button.active{border-color:var(--line-strong);background:var(--button-hover)}.guideOptions button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 58%, transparent)}.guidePreview{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--text) 16%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--canvas-bg) 80%, var(--panel)), color-mix(in srgb, var(--button-bg) 78%, var(--canvas-bg)));border-radius:5px;width:100%;display:block;position:relative;overflow:hidden}.guidePreview:before{content:"";opacity:.72;position:absolute;inset:0}.guidePreview[data-guide=thirds]:before{background:linear-gradient(90deg, transparent 32.8%, var(--guide-preview-line) 33.1%, var(--guide-preview-line) 33.9%, transparent 34.2%, transparent 65.8%, var(--guide-preview-line) 66.1%, var(--guide-preview-line) 66.9%, transparent 67.2%), linear-gradient(0deg, transparent 32.8%, var(--guide-preview-line) 33.1%, var(--guide-preview-line) 33.9%, transparent 34.2%, transparent 65.8%, var(--guide-preview-line) 66.1%, var(--guide-preview-line) 66.9%, transparent 67.2%)}.guidePreview[data-guide=grid]:before{background:linear-gradient(90deg, transparent 24.5%, var(--guide-preview-line) 24.9%, var(--guide-preview-line) 25.5%, transparent 25.9%, transparent 49.5%, var(--guide-preview-line) 49.9%, var(--guide-preview-line) 50.5%, transparent 50.9%, transparent 74.5%, var(--guide-preview-line) 74.9%, var(--guide-preview-line) 75.5%, transparent 75.9%), linear-gradient(0deg, transparent 24.5%, var(--guide-preview-line) 24.9%, var(--guide-preview-line) 25.5%, transparent 25.9%, transparent 49.5%, var(--guide-preview-line) 49.9%, var(--guide-preview-line) 50.5%, transparent 50.9%, transparent 74.5%, var(--guide-preview-line) 74.9%, var(--guide-preview-line) 75.5%, transparent 75.9%)}.guidePreview[data-guide=golden]:before{background:linear-gradient(90deg, transparent 37.7%, var(--guide-preview-line) 38.1%, var(--guide-preview-line) 38.9%, transparent 39.3%, transparent 60.7%, var(--guide-preview-line) 61.1%, var(--guide-preview-line) 61.9%, transparent 62.3%), linear-gradient(0deg, transparent 37.7%, var(--guide-preview-line) 38.1%, var(--guide-preview-line) 38.9%, transparent 39.3%, transparent 60.7%, var(--guide-preview-line) 61.1%, var(--guide-preview-line) 61.9%, transparent 62.3%)}.guidePreview[data-guide=diagonal]:before{background:linear-gradient(36.87deg, transparent 49.2%, var(--guide-preview-line) 49.7%, var(--guide-preview-line) 50.3%, transparent 50.8%), linear-gradient(143.13deg, transparent 49.2%, var(--guide-preview-line) 49.7%, var(--guide-preview-line) 50.3%, transparent 50.8%)}.guidePreview[data-guide=center]:before{background:linear-gradient(90deg, transparent 49.3%, var(--guide-preview-line) 49.8%, var(--guide-preview-line) 50.2%, transparent 50.7%), linear-gradient(0deg, transparent 49.3%, var(--guide-preview-line) 49.8%, var(--guide-preview-line) 50.2%, transparent 50.7%)}.cropSlider{gap:8px;display:grid}.cropSlider span{justify-content:space-between;display:flex}.cropSlider strong{color:var(--text);letter-spacing:0;font-weight:700}.cropSlider input{margin:0}.cropActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.resetCropButton,.cancelCropButton,.doneCropButton{width:100%;min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.cancelCropButton{background:var(--danger);color:#fff;border-color:#ff706da6}.doneCropButton{background:var(--accent);color:var(--accent-ink);border-color:#c7ff6ba6}.cancelCropButton:hover{background:var(--danger);border-color:#ff706de6}.doneCropButton:hover{background:var(--accent);border-color:#c7ff6be6}.controlsRail{flex-direction:column;gap:12px;padding:12px;display:flex;overflow:visible}.controlsPanelContent{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow:auto}.controlsRail.panelToggleVisible .controlsPanelContent{padding-top:0}.panelActionCluster{flex:none;gap:8px;width:100%;display:grid}.panelActionRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.panelActionButton,.panelExportButton{border:1px solid var(--line);background:var(--button-bg);min-width:0;height:38px;min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 15px;transition:border-color .16s,background .16s,color .16s;display:inline-flex;position:relative}.panelActionButton:hover,.panelActionButton:focus-visible{border-color:var(--line-strong);background:var(--button-hover)}.panelActionButton:disabled,.panelExportButton:disabled{cursor:not-allowed;opacity:.42}.panelExportWrap{flex:none;width:100%;display:block}.panelExportButton{background:var(--accent);width:100%;color:var(--accent-ink);border-color:#c7ff6b80;overflow:hidden}.panelActionButton svg,.panelExportButton svg{opacity:1;flex:none;transition:opacity .16s,transform .16s;position:absolute}.panelActionButton span,.panelExportButton span{max-width:100%;color:inherit;letter-spacing:0;opacity:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;line-height:1.05;transition:opacity .16s,transform .16s;display:block;overflow:hidden;transform:scale(.96)}.panelActionButton:not(:disabled):hover svg,.panelActionButton:not(:disabled):focus-visible svg,.panelExportButton:not(:disabled):hover svg,.panelExportButton:not(:disabled):focus-visible svg{opacity:0;transform:scale(.82)}.panelActionButton:not(:disabled):hover span,.panelActionButton:not(:disabled):focus-visible span,.panelExportButton:not(:disabled):hover span,.panelExportButton:not(:disabled):focus-visible span{opacity:1;transform:scale(1)}.exportPopover{width:100%;left:auto;right:0;transform:none}.bulkProgress{border:1px solid var(--line);background:var(--control-bg);border-radius:8px;gap:2px;min-width:0;padding:8px 10px;display:grid}.bulkProgress span,.bulkProgress strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bulkProgress span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.bulkProgress strong{color:var(--text);font-size:12px;font-weight:700}.controlGroup{border:1px solid var(--line);background:var(--control-bg);border-radius:8px;padding:12px}.controlGroup.compact{padding:8px 10px}.controlGroup.activeControl{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--control-bg))}.controlGroup.activeControl .controlTitle{color:var(--accent)}.cropCommitActions{background:var(--surface-bg);grid-template-columns:1fr 1.4fr;gap:8px;padding-top:10px;display:grid;position:sticky;bottom:0}.cropCommitActions button{justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.frameStyleGroup{gap:6px;display:grid}.frameStyleGroupLabel{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.controlTitle{color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.controlTitle span{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{--range-value:0%;appearance:none;width:100%;height:18px;accent-color:var(--accent);background:linear-gradient(to right, var(--accent) 0 var(--range-value), var(--range-track) var(--range-value) 100%) center / 100% 6px no-repeat;touch-action:pan-x;margin:12px 0 2px}input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:999px;width:18px;height:18px;margin-top:-6px;transition:transform .14s}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:999px;width:18px;height:18px;transition:transform .14s}input[type=range]::-moz-range-track{background:0 0;border-radius:999px;height:6px}input[type=range]:active::-moz-range-thumb{transform:scale(1.18)}input[type=range]:focus-visible::-moz-range-thumb{transform:scale(1.18)}.controlStack{gap:6px;display:grid}.adjustmentSections{gap:8px;display:grid}.desktopInspector{margin:0 0 9px}.desktopInspector.histogramExpanded{z-index:30;background:var(--panel);box-shadow:0 8px 14px color-mix(in srgb, var(--bg) 18%, transparent);position:sticky;top:0}.histogramCanvas{border:1px solid var(--line);background-color:var(--control-bg);background-image:linear-gradient(color-mix(in srgb, var(--line) 58%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 58%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--button-bg) 78%, transparent), var(--control-bg));background-size:25% 25%,25% 25%,100% 100%;border-radius:7px;width:100%;height:86px;display:block}.adjustmentSection{border:1px solid var(--line);background:color-mix(in srgb, var(--control-bg) 76%, transparent);border-radius:8px;gap:8px;padding:6px;display:grid}.adjustmentSectionHeader{width:100%;min-height:34px;color:var(--text);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px 0 12px;font-size:11px;font-weight:800;transition:border-color .16s,background .16s;display:flex}.adjustmentSectionHeader:hover{background:var(--button-hover)}.adjustmentSectionHeader svg{color:var(--muted)}.appInfoContent{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.appInfoContent h2,.appInfoContent p{margin:0}.mobileStockSection,.mobileStockList,.mobileTopEditAction,.mobileSelectedStockPill,.mobileEditorSheet,.mobileBottomTabs{display:none}@media (max-width:1180px){body{overflow:hidden}.shell{height:100vh;min-height:100vh}.workspace{grid-template-columns:176px minmax(0,1fr) 286px;gap:10px}.workspace.leftClosed,.workspace.leftClosed.rightClosed{grid-template-columns:minmax(0,1fr) 286px}.workspace.rightClosed{grid-template-columns:176px minmax(0,1fr)}.workspace.leftClosed.rightClosed{grid-template-columns:minmax(0,1fr)}.controlsRail{max-height:calc(100vh - 100px);display:flex}.controlStack{grid-template-columns:1fr}}@media (max-width:760px){body{overflow:auto}.shell{height:auto;min-height:100vh}.topbar{flex-direction:column;align-items:flex-start;height:auto}.topActions{width:100%;overflow-x:auto}.workspace{grid-template-columns:1fr;padding:10px}.presetsRail{order:2}.stage{order:1;min-height:64vh}.controlsRail{order:3}.presetList{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px}.controlStack{grid-template-columns:1fr}.brand p{display:none}}@media (max-width:640px){html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}html,body,button,.shell{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;user-select:auto}body{width:100%;max-width:100vw;position:fixed}.shell{height:100svh;min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:62px minmax(0,1fr)}.topbar{flex-direction:row;align-items:center;gap:10px;width:100%;min-width:0;height:62px;min-height:62px;padding:9px 10px;overflow:visible}.brand{flex:auto;gap:8px;min-width:0}.brandMark{border-radius:7px;width:41px;height:41px}.brand h1{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.brandVersion{display:none}.topActions{width:auto;min-width:0;max-width:calc(100svw - 104px - env(safe-area-inset-left) - env(safe-area-inset-right));scrollbar-width:none;flex:0 auto;justify-content:flex-end;gap:5px;overflow:visible}.topActions::-webkit-scrollbar{display:none}.iconButton,.toolButton,.fontTestButton,.primaryButton,.topActionButton{min-height:44px}.iconButton,.squareTool,.topActionButton{width:42px;min-width:42px}.helpPopover{top:calc(env(safe-area-inset-top) + 62px);right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));width:auto;max-height:calc(100svh - 84px);position:fixed;overflow:auto}.mobileHiddenAction{display:none}.mobileTopEditAction{display:inline-flex}.workspace,.workspace.leftClosed,.workspace.rightClosed,.workspace.leftClosed.rightClosed{height:calc(100svh - 62px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:8px;width:100%;max-width:100%;min-height:0;padding:8px;overflow:hidden}.panelInsetToggle,.panelCollapsedToggle{display:none}.workspace.rightClosed,.workspace.leftClosed.rightClosed{grid-template-rows:minmax(0,1fr)}.stage{min-width:0;height:100%;min-height:0;padding:14px 12px calc(88px + env(safe-area-inset-bottom));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;touch-action:none;background:0 0;border-color:#0000;order:1;grid-template-rows:minmax(0,1fr);overflow:hidden}.stage.idleStage{grid-template-rows:auto auto;align-content:center}.canvasWrap{touch-action:none;place-items:start center;min-height:0;padding:0 0 14px}.canvasWrap canvas{transform-origin:50%;border-radius:7px;max-width:100%;max-height:calc(100% - 18px)}.canvasWrap.cropActive:not(.mobileCropAspectActive) .cropOverlayBox{display:none}.compareHandle{touch-action:none;width:44px;height:72%;min-height:108px}.stageToolbar{flex:none;justify-content:center;gap:6px;padding-top:8px}.stageToolbar:not(.idleToolbar){display:none}.modeToolGroup{flex-wrap:wrap;flex:auto;width:100%;min-width:0}.modeIconTool{flex:calc(20% - 4px);width:auto;height:34px}.modeTool{flex:calc(25% - 4px);min-width:0;min-height:34px;padding:0 7px;font-size:10px}.modeToolDivider{background:0 0;flex:0 0 100%;width:100%;height:0;margin:0;display:block}.dropzone{width:min(100%,430px);min-height:min(100%,360px);padding:26px 22px}.dropzone span{font-size:26px;line-height:1.05}.desktopDropzoneCopy{display:none}.mobileDropzoneCopy{display:block}.dropzone .dropzonePrivacyNote{font-size:14px}.idleToolbar{padding-top:34px}.batchSetupPanel{width:100%;max-height:100%;padding:12px}.batchThumbGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.batchSetupActions{grid-template-columns:1fr}.previewEdgeToggle,.presetsRail{display:none}.preset{flex:0 0 158px;grid-template-columns:30px minmax(0,1fr);min-height:64px;padding:8px}.preset .swatch{border-radius:5px;width:24px;height:34px}.preset strong{font-size:12px}.preset small{font-size:11px}.controlsRail{display:none}.mobileSelectedStockPill{right:16px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:45;border:1px solid color-mix(in srgb, var(--preset-color) 54%, var(--line));background:color-mix(in srgb, var(--panel) 92%, transparent);max-width:min(270px,100% - 32px);min-height:36px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;grid-template-columns:18px minmax(0,auto) auto;align-items:center;gap:7px;padding:6px 10px;display:inline-grid;position:absolute;box-shadow:0 14px 36px #00000052}.mobileSelectedStockPill .swatch{border-radius:4px;width:14px;height:20px}.mobileSelectedStockPill span:not(.swatch){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.mobileSelectedStockPill strong{color:var(--muted);font-size:11px}.mobileBottomTabs{right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:70;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-height:58px;padding:6px;display:grid;position:absolute;left:8px;box-shadow:0 18px 46px #0000005c}.mobileBottomTabs button{min-width:0;min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;gap:2px;font-size:10px;font-weight:800;display:grid}.mobileBottomTabs button.active{background:color-mix(in srgb, var(--accent) 27%, var(--button-bg));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 46%, transparent)}.mobileEditorSheet{right:8px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:65;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 97%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px 16px 12px 12px;grid-template-rows:minmax(0,1fr);max-height:min(34svh,236px);padding:8px;display:grid;position:absolute;left:8px;overflow:hidden;box-shadow:0 18px 52px #00000061}.mobileEditorSheet[data-size=peek]{height:auto}.mobileSheetHeader{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.mobileSheetHeader strong{letter-spacing:.04em;text-transform:uppercase;font-size:13px}.mobileSheetHeaderActions{gap:6px;display:inline-flex}.mobileIconButton{border:1px solid var(--line);background:var(--button-bg);width:34px;min-width:34px;min-height:34px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.mobileIconButton.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));color:var(--accent)}.mobileSheetBody{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:auto;min-height:0;overflow:hidden auto}.mobileLooksSheet,.mobileToolStack,.mobileAdjustmentSections,.mobileSliderTray,.mobileCropTray,.mobileEffectsTray{gap:8px;display:grid}.mobileStrengthControl{min-width:0;color:var(--muted);flex:auto;gap:3px;font-size:11px;font-weight:800;display:grid}.mobileStrengthControl span{justify-content:space-between;gap:8px;display:flex}.mobileSheetHint{color:var(--muted);font-size:12px;font-weight:800}.mobileStockSearchInput{border:1px solid var(--line);background:var(--control-bg);width:100%;min-height:38px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px}.mobileLooksGroups{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:8px;padding-bottom:2px;display:flex;overflow:auto hidden}.mobileBrandTabs{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:6px;padding-bottom:2px;display:flex;overflow:auto hidden}.mobileBrandTabs button{border:1px solid var(--line);background:var(--button-bg);min-height:34px;color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:0 12px;font-size:12px;font-weight:850}.mobileBrandTabs button.active{border-color:color-mix(in srgb, var(--accent) 82%, var(--line));background:color-mix(in srgb, var(--accent) 25%, var(--button-bg));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}.mobileLooksGroup{flex:none;gap:6px;min-width:min(76vw,310px);display:grid}.mobileLooksGroup>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.mobileLooksList{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:7px;padding-bottom:3px;display:flex;overflow:auto hidden}.mobileLooksList .preset{flex:0 0 145px;min-height:54px}.mobileLooksList .preset strong{font-size:13px}.mobileEmptyState{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:10px;padding:14px}.controlsPanelContent{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;gap:8px;padding-right:0;overflow:auto}.controlsPanelContent>.selectedStockCard{display:none}.mobileStockSection{display:grid}.mobileStockPicker{gap:8px;display:grid}.mobileSelectedStockCard{position:static}.mobileStockList{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:7px;margin-top:4px;padding-bottom:2px;display:flex;overflow:auto hidden}.mobileStockList .preset{flex:0 0 158px;min-height:56px}.selectedStockCard{gap:8px;padding:8px}.selectedStockSummary{grid-template-columns:32px minmax(0,1fr)}.selectedStockSummary .swatch{width:24px;height:32px}.adjustmentSections{gap:8px}.adjustmentSectionHeader{min-height:38px}.controlStack{grid-template-columns:1fr;gap:8px}.controlGroup.compact,.cropPanel,.framePanel,.guidePanel{padding:9px}.mobileControlChips{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:6px;padding-bottom:2px;display:flex;overflow:auto hidden}.mobileControlChips button{border:1px solid var(--line);background:var(--button-bg);min-width:74px;min-height:42px;color:var(--muted);text-align:left;border-radius:10px;flex:none;align-content:center;gap:2px;padding:5px 9px;display:grid}.mobileControlChips button.active{border-color:color-mix(in srgb, var(--accent) 82%, var(--line));background:color-mix(in srgb, var(--accent) 25%, var(--button-bg));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}.mobileControlChips span{white-space:nowrap;font-size:12px;font-weight:850;line-height:1.1}.mobileControlChips strong{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.mobileAspectChips button{text-align:center;min-width:54px}.mobileOverlayChips button{min-width:64px}.mobileCropSectionPills{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.mobileCropSectionPills button{border:1px solid var(--line);background:var(--button-bg);min-width:0;min-height:48px;color:var(--muted);border-radius:10px;grid-template-rows:16px auto;place-items:center;gap:3px;padding:5px;display:grid}.mobileCropSectionPills button svg{color:currentColor}.mobileCropSectionPills button span{overflow-wrap:anywhere;text-align:center;min-width:0;max-width:100%;font-size:10px;font-weight:850;line-height:1.05}.mobileCropSectionPills button.active{border-color:color-mix(in srgb, var(--accent) 82%, var(--line));background:color-mix(in srgb, var(--accent) 25%, var(--button-bg));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}.mobileSingleSlider{border:1px solid var(--line);background:var(--control-bg);border-radius:12px;gap:2px;padding:7px 9px 6px;display:grid}.mobileSingleSlider span{color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:850;display:flex}.mobileSingleSlider strong{color:var(--muted);font-variant-numeric:tabular-nums}.mobileSingleSlider input[type=range]{height:30px;margin:2px 0 0}.mobileStraightenSlider{border:1px solid var(--line);background:var(--control-bg);border-radius:12px;grid-template-columns:minmax(86px,auto) minmax(0,1fr);align-items:center;gap:9px;min-height:38px;padding:5px 9px;display:grid}.mobileStraightenSlider span{color:var(--text);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:850;display:flex}.mobileStraightenSlider strong{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.mobileStraightenSlider input[type=range]{height:28px;margin:0}.mobileActionRow{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:7px;display:flex;overflow:auto hidden}.mobileActionRow button{flex:0 0 42px;min-height:38px}.mobileRotateActions button,.mobileCropApplyActions button{flex:1 1 0;min-width:0}.mobileCropApplyActions{padding-top:1px}.mobileCropApplyActions button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.mobileCropApplyActions button span{font-size:12px;font-weight:850}.mobileEffectGroups{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.mobileEffectGroups button{border:1px solid var(--line);background:var(--button-bg);min-height:38px;color:var(--muted);border-radius:10px;padding:0 9px;font-size:11px;font-weight:850}.mobileEffectGroups button.active{border-color:color-mix(in srgb, var(--accent) 82%, var(--line));background:color-mix(in srgb, var(--accent) 25%, var(--button-bg));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}.mobileFrameColors button{border:1px solid var(--line);background:var(--button-bg);color:var(--muted);border-radius:10px;flex:0 0 104px;place-items:center;display:grid}.mobileFrameColors button.active{border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:color-mix(in srgb, var(--accent) 16%, var(--button-bg));color:var(--text)}.mobileFrameColors span{color:currentColor;letter-spacing:0;text-align:center;min-width:0;font-size:10px;font-weight:850;line-height:1.05}.mobileSwatchRow button{flex-basis:52px;padding:4px}.mobileSwatchRow span{border:1px solid #00000029;border-radius:6px;width:100%;min-width:0;height:24px;box-shadow:inset 0 0 0 1px #ffffff38}.mobileFrameTray{gap:7px;display:grid}.mobileFrameTray .frameTextInput{border-radius:10px;min-height:34px}.controlTitle{font-size:12px}input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) 0 var(--range-value), var(--range-track) var(--range-value) 100%) center / 100% 6px no-repeat;height:34px;margin:6px 0 0}input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:24px;height:24px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 16%, transparent);border:0;border-radius:999px;margin-top:-9px}input[type=range]::-moz-range-track{background:0 0;border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{background:var(--accent);width:24px;height:24px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 16%, transparent);border:0;border-radius:999px}.panelActionCluster{display:none}.panelActionRow{gap:6px}.panelActionButton,.panelExportButton{height:42px;min-height:42px}.menuPopover{max-width:calc(100vw - 20px)}.topActions .menuPopover.alignRight{z-index:200;top:calc(env(safe-area-inset-top) + 62px);right:max(10px, env(safe-area-inset-right));bottom:auto;left:max(10px, env(safe-area-inset-left));position:fixed;transform:none}.topExportWrap>.exportPopover{display:none}.mobileExportSheetMount{display:block}.mobileExportSheetMount .exportPopover.alignRight{z-index:200;top:auto;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));border-color:var(--line);background:color-mix(in srgb, var(--panel) 98%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius:18px;gap:10px;width:auto;max-width:none;max-height:min(58svh,430px);padding:10px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 18px 52px #0000006b}.exportPopoverHeader{justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 2px 2px;display:flex}.exportPopoverHeader strong{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:900}.menuPopover .exportPopoverClose{width:40px;min-width:40px;min-height:40px;color:var(--text);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobileExportSheetMount .exportPopover .exportPopoverSection,.mobileExportSheetMount .exportPopover .exportQualityControl{border:1px solid var(--line);background:var(--control-bg);border-radius:14px;gap:8px;padding:9px}.mobileExportSheetMount .exportPopover .exportPopoverSection>span,.mobileExportSheetMount .exportPopover .exportQualityControl>span{font-size:11px}.mobileExportSheetMount .exportPopover .exportPopoverSection small{font-size:12px;font-weight:750}.mobileExportSheetMount .exportPopover .exportSegmentGroup{gap:6px}.mobileExportSheetMount .exportPopover .exportSegmentGroup button{border-radius:12px;min-height:48px;padding:0 8px;font-size:12px;font-weight:850}.mobileExportSheetMount .exportPopover .exportQualityControl input[type=range]{height:38px;margin:0}.mobileExportSheetMount .exportPopover .exportConfirmButton{border-radius:14px;min-height:52px;font-size:14px;font-weight:900;position:sticky;bottom:0}}@media (min-width:641px) and (orientation:landscape){:root[data-standalone=true] .shell{grid-template-rows:calc(72px + max(env(safe-area-inset-top), 24px)) minmax(0, 1fr);height:var(--pocket35-app-height,100dvh);min-height:var(--pocket35-app-height,100dvh);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}:root[data-standalone=true] .topbar{background:var(--topbar-solid);-webkit-backdrop-filter:none;backdrop-filter:none;padding-top:calc(9px + max(env(safe-area-inset-top), 24px))}:root[data-standalone=true] .stage.idleStage{align-content:start;padding-top:24px}:root[data-standalone=true] .stage.idleStage .dropzone{min-height:clamp(220px,44vh,300px)}:root[data-standalone=true] .stage.idleStage .idleToolbar{padding-top:10px}}@media (max-width:640px){:root[data-standalone=true],:root[data-standalone=true] body{height:var(--pocket35-app-height,100dvh);min-height:var(--pocket35-app-height,100dvh);background:var(--topbar-solid)}:root[data-standalone=true] body{background:var(--topbar-solid);min-height:0;inset:0}:root[data-standalone=true] .shell{height:var(--pocket35-app-height,100dvh);min-height:var(--pocket35-app-height,100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);background:linear-gradient(var(--topbar-solid), var(--topbar-solid)) 0 0 / 100% calc(62px + env(safe-area-inset-top)) no-repeat, var(--shell-bg);grid-template-rows:62px minmax(0,1fr)}:root[data-standalone=true] .topbar{border-top:0;border-bottom-color:color-mix(in srgb, var(--topbar-solid) 86%, var(--line));background:var(--topbar-solid);-webkit-backdrop-filter:none;backdrop-filter:none;height:62px;min-height:62px;padding-top:9px}:root[data-standalone=true] .helpPopover{max-height:calc(var(--pocket35-app-height,100dvh) - 84px)}:root[data-standalone=true] .workspace,:root[data-standalone=true] .workspace.leftClosed,:root[data-standalone=true] .workspace.rightClosed,:root[data-standalone=true] .workspace.leftClosed.rightClosed{grid-template-rows:minmax(0,1fr);height:100%;padding-bottom:0}:root[data-standalone=true] .workspace.rightClosed,:root[data-standalone=true] .workspace.leftClosed.rightClosed{grid-template-rows:minmax(0,1fr)}:root[data-standalone=true] .mobileBottomTabs{min-height:calc(62px + env(safe-area-inset-bottom));padding:6px max(10px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0;position:fixed;bottom:0;left:0;right:0}:root[data-standalone=true] .mobileEditorSheet{right:0;bottom:calc(62px + env(safe-area-inset-bottom));max-height:min(34svh,236px);padding:8px max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;position:fixed;left:0}}
