html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
:root{--bg:#f3f4f2;--surface:#fff;--surface-raised:#fff;--surface-soft:#f7f8f6;--surface-strong:#eceeea;--border:#dfe2dc;--border-strong:#c9cec5;--text:#161816;--muted:#6e746c;--faint:#9aa098;--accent:#151a17;--accent-contrast:#f6f8f5;--accent-soft:#e8eee9;--success:#24724a;--danger:#8f2020;--attention:#b35b00;--checker-a:#e6e8e4;--checker-b:#f4f5f2;--shadow-sm:0 1px 2px #1014110d, 0 8px 24px #1014110a;--shadow-lg:0 30px 80px #0a0e0b2e;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", Times, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}.app.dark{--bg:#080a09;--surface:#101311;--surface-raised:#151916;--surface-soft:#0c0f0d;--surface-strong:#1b201c;--border:#292e2a;--border-strong:#3b433d;--text:#f0f3ef;--muted:#9ba39b;--faint:#697169;--accent:#eef3ee;--accent-contrast:#0c100d;--accent-soft:#1c2520;--success:#6fc38d;--danger:#b92f2f;--attention:#e58a1f;--checker-a:#191d1a;--checker-b:#101310;--shadow-sm:0 1px 2px #00000040, 0 12px 28px #00000029;--shadow-lg:0 30px 80px #00000080;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", Times, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--bg)}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;display:flex}.app-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;flex:0 0 64px;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 22px;display:flex;position:relative}.header-brand-group,.header-actions{align-items:center;display:flex}.header-brand-group{gap:12px;min-width:0}.brand-home{color:var(--text);letter-spacing:-.055em;cursor:pointer;background:0 0;border:0;padding:0;font-size:19px;font-weight:760}.brand-divider{background:var(--border-strong);width:1px;height:20px}.brand-context{flex-direction:column;gap:1px;min-width:0;display:flex}.brand-context strong{font-size:11px;font-weight:650}.brand-context span{color:var(--faint);font-size:9px}.header-actions{gap:7px}.local-status{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:600;display:inline-flex}.status-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 13%, transparent);border-radius:50%}.header-utility-button,.theme-toggle,.header-export-button{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.header-utility-button{color:var(--muted);padding:0 10px;font-size:10px}.header-utility-button:hover,.theme-toggle:hover{background:var(--surface-soft);color:var(--text)}.theme-toggle{width:34px;padding:0}.header-export-button{border-color:var(--text);background:var(--accent);color:var(--accent-contrast);padding:0 14px;font-size:10px;font-weight:700;box-shadow:0 4px 12px #00000014}.header-export-button:hover{transform:translateY(-1px)}.app-main{flex:1;width:100%;min-height:0}.workspace-shell{height:calc(100dvh - 104px);min-height:560px;padding:14px}.workspace-grid{grid-template-columns:minmax(330px,360px) minmax(0,1fr) 112px;gap:12px;max-width:1720px;height:100%;min-height:0;margin:0 auto;display:grid}.edit-panel{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:78px minmax(0,1fr);display:grid;overflow:hidden}.edit-rail{border-right:1px solid var(--border);background:var(--surface-soft);flex-direction:column;align-items:center;min-width:0;padding:14px 7px;display:flex}.edit-rail-brand{background:var(--accent);width:31px;height:31px;color:var(--accent-contrast);letter-spacing:-.04em;border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid}.edit-rail-label{color:var(--faint);letter-spacing:.16em;margin:17px 0 9px;font-size:8px;font-weight:800}.edit-rail-tools{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.edit-rail-tool{width:62px;min-height:57px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background .15s,color .15s,transform .15s;display:flex;position:relative}.edit-rail-tool:hover:not(:disabled){background:var(--surface);color:var(--text)}.edit-rail-tool.active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 7px 18px #00000017}.edit-rail-tool span:last-of-type{font-size:9px;font-weight:650}.edit-rail-tool.future{opacity:.62;cursor:default}.edit-rail-tool.future small{text-transform:uppercase;letter-spacing:.04em;font-size:6px;font-weight:800;position:absolute;top:5px;right:6px}.edit-rail-icon{place-items:center;display:grid}.edit-rail-separator{background:var(--border);width:30px;height:1px;margin:5px 0}.edit-inspector{grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.inspector-scroll{scrollbar-width:thin;min-height:0;padding:20px 18px 14px;overflow:auto}.inspector-tool{min-width:0;animation:.18s ease-out inspector-in}.adjustment-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.adjustment-heading h2{letter-spacing:-.025em;margin:4px 0 5px;font-size:17px}.adjustment-heading p{max-width:230px;color:var(--muted);margin:0;font-size:8px;line-height:1.5}.adjustment-controls{gap:13px;display:grid}.adjustment-control{gap:6px;display:grid}.adjustment-control-head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.adjustment-control-head strong{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:8px}.adjustment-control input{width:100%;height:14px;accent-color:var(--text);cursor:pointer;margin:0}.adjustment-controls.compact{gap:14px}.adjustment-controls.compact .adjustment-control-head{font-size:9px}@keyframes inspector-in{0%{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}.inspector-eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:8px;font-weight:800}.inspector-title-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-top:6px;display:flex}.inspector-title-row h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:18px;font-weight:500;line-height:1.05}.inspector-title-row p{max-width:190px;color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.45}.ghost-action{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:7px;flex:none;align-items:center;gap:5px;padding:6px 7px;font-size:8px;font-weight:650;display:inline-flex}.ghost-action:hover:not(:disabled){color:var(--text);background:var(--surface-soft)}.ghost-action:disabled{opacity:.45;cursor:not-allowed}.control-label-row{justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:8px;display:flex}.control-label-row span:first-child{color:var(--text);font-size:9px;font-weight:700}.control-hint{color:var(--faint);font-size:8px}.aspect-ratio-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.aspect-btn{border:1px solid var(--border);background:var(--surface-soft);min-width:0;height:56px;color:var(--muted);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:8px;font-weight:650;transition:border .15s,background .15s,color .15s,transform .15s;display:flex}.aspect-btn:hover{background:var(--surface-strong);color:var(--text);transform:translateY(-1px)}.aspect-btn.active{border-color:var(--text);background:var(--accent);color:var(--accent-contrast)}.aspect-ratio-icon{color:currentColor;opacity:.9;width:30px;height:30px;display:block}.dimension-readout{border-top:1px solid var(--border);justify-content:space-between;align-items:end;gap:8px;margin-top:16px;padding:12px 0 2px;display:flex}.dimension-readout div{flex-direction:column;gap:4px;display:flex}.dimension-readout span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:8px}.dimension-readout strong{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.dimension-readout>span{color:var(--faint);font-size:8px}.resize-dimensions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:7px;margin-top:20px;display:grid}.resize-dimensions label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:8px;font-weight:700;display:block}.resize-input-wrap{position:relative}.resize-input-wrap input{border:1px solid var(--border-strong);background:var(--surface-soft);width:100%;min-width:0;height:42px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;padding:0 28px 0 10px;font-size:12px;font-weight:650}.resize-input-wrap input:focus{border-color:var(--text)}.resize-input-wrap span{color:var(--faint);pointer-events:none;font-size:8px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.resize-times{color:var(--faint);padding-bottom:12px}.resize-lock{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:7px;margin-top:11px;padding:8px 9px;font-size:9px;font-weight:650;display:inline-flex}.resize-lock:hover:not(:disabled){color:var(--text)}.resize-lock.active{border-color:var(--border-strong);color:var(--text);background:var(--accent-soft)}.resize-lock:disabled{opacity:.45;cursor:not-allowed}.resize-summary{border-top:1px solid var(--border);gap:8px;margin-top:16px;padding-top:13px;display:grid}.resize-summary div{justify-content:space-between;align-items:center;gap:8px;display:flex}.resize-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:8px}.resize-summary strong{font-variant-numeric:tabular-nums;font-size:10px}.upload-section{isolation:isolate;background:radial-gradient(circle at 74% 42%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 29%), radial-gradient(circle at 19% 78%, color-mix(in srgb, var(--accent) 4%, transparent), transparent 24%), var(--bg);place-items:center;min-height:calc(100dvh - 104px);padding:clamp(42px,7vh,88px) 24px clamp(54px,8vh,96px);display:grid;position:relative;overflow:hidden}.upload-section:before{content:"";z-index:-2;opacity:.42;background-image:linear-gradient(to right, color-mix(in srgb, var(--border) 32%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--border) 25%, transparent) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.upload-section:after{content:"";aspect-ratio:1;z-index:-1;border:1px solid color-mix(in srgb, var(--border-strong) 45%, transparent);width:min(70vw,900px);box-shadow:0 0 0 90px color-mix(in srgb, var(--border) 12%, transparent), 0 0 0 180px color-mix(in srgb, var(--border) 7%, transparent);border-radius:50%;position:absolute;bottom:-28%;left:50%;transform:translate(-50%)}.upload-content{grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;column-gap:clamp(42px,7vw,110px);width:min(1120px,100%);display:grid}.upload-kicker{width:fit-content;color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-column:1;align-self:end;align-items:center;gap:8px;margin-bottom:17px;font-size:9px;font-weight:650;display:inline-flex}.upload-kicker .status-dot{width:7px;height:7px}.upload-content h1{max-width:620px;color:var(--text);font-family:var(--font-display);letter-spacing:-.055em;grid-column:1;margin:0;font-size:clamp(52px,6.2vw,94px);font-weight:500;line-height:.91}.upload-content h1 em{letter-spacing:-.065em;font-weight:500}.upload-lede{max-width:570px;color:var(--muted);grid-column:1;margin:26px 0 0;font-size:12px;line-height:1.65}.upload-area{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 82%, transparent);min-height:310px;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;grid-area:1/2/span 4;align-content:center;place-items:center;gap:15px;padding:38px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.upload-area:before{content:"";border:1px dashed var(--border);pointer-events:none;border-radius:11px;position:absolute;inset:9px}.upload-area:hover,.upload-area:focus-visible,.upload-area.drag-over{border-color:var(--text);background:var(--surface);box-shadow:0 18px 45px color-mix(in srgb, var(--text) 10%, transparent);transform:translateY(-3px)}.upload-area:focus-visible{outline:2px solid var(--text);outline-offset:4px}.upload-drop-icon{border:1px solid var(--border-strong);background:var(--surface-soft);width:58px;height:58px;color:var(--text);box-shadow:0 8px 22px color-mix(in srgb, var(--text) 7%, transparent);border-radius:15px;place-items:center;display:grid}.upload-area>div:nth-of-type(2){z-index:1;text-align:center;position:relative}.upload-area>div:nth-of-type(2) strong,.upload-area>div:nth-of-type(2) span{display:block}.upload-area>div:nth-of-type(2) strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:25px;font-weight:500}.upload-area>div:nth-of-type(2) span{color:var(--muted);margin-top:5px;font-size:10px}.upload-browse{border:1px solid var(--border);background:var(--surface);width:31px;height:31px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.upload-paste{color:var(--faint);font-family:var(--font-mono);grid-column:2;justify-self:center;align-items:center;gap:5px;margin-top:-2px;font-size:8px;display:inline-flex}.upload-paste kbd{border:1px solid var(--border);border-bottom-color:var(--border-strong);background:var(--surface);min-width:19px;color:var(--muted);font-family:var(--font-mono);text-align:center;border-radius:4px;padding:3px 4px;font-size:7px}.upload-benefits{border-top:1px solid var(--border);color:var(--faint);font-family:var(--font-mono);letter-spacing:.02em;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 18px;margin-top:34px;padding-top:14px;font-size:7px;display:flex}.upload-benefits span{align-items:center;gap:5px;display:inline-flex}.upload-benefits span:first-child{color:var(--muted)}.upload-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--border-strong) 34%, transparent);pointer-events:none;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:420px;top:12%;right:-190px}.orbit-two{aspect-ratio:1;width:280px;bottom:3%;left:-145px}.canvas-workspace{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.canvas-header{border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:53px;padding:8px 13px;display:flex}.canvas-header>div:first-child{align-items:center;gap:9px;min-width:0;display:flex}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800}.canvas-header strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px;font-weight:650}.canvas-header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.canvas-header-actions>span{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.canvas-header-actions-buttons{align-items:center;gap:6px;display:inline-flex}.canvas-preview-button{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:700;display:inline-flex}.canvas-preview-button:hover:not(:disabled){background:var(--surface-soft);border-color:var(--border-strong)}.canvas-preview-button:disabled{opacity:.45;cursor:not-allowed}.canvas-export-button{border:1px solid var(--border-strong);background:var(--surface-soft);height:32px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:9px;font-weight:750;display:inline-flex}.canvas-export-button:hover:not(:disabled){background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.canvas-export-button:disabled{opacity:.45;cursor:not-allowed}.canvas-toolbar{border-bottom:1px solid var(--border);background:var(--surface-soft);flex:none;align-items:center;gap:5px;min-height:62px;padding:8px 10px;display:flex}.toolbar-cluster{align-items:center;gap:3px;display:flex}.toolbar-rule{background:var(--border);width:1px;height:28px;margin:0 3px}.toolbar-icon-button,.toolbar-mini-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;place-items:center;display:grid}.toolbar-icon-button{border-radius:7px;width:31px;height:31px}.toolbar-icon-button:hover:not(:disabled),.toolbar-mini-button:hover:not(:disabled){color:var(--text);background:var(--surface-strong)}.toolbar-icon-button.active{border-color:var(--text);background:var(--accent);color:var(--accent-contrast)}.toolbar-icon-button:disabled,.toolbar-mini-button:disabled{opacity:.3;cursor:not-allowed}.toolbar-mini-button{border-radius:6px;width:27px;height:27px}.destructive-hover:hover:not(:disabled){color:var(--danger)}.toolbar-danger-cluster{border-left:1px solid var(--border);gap:5px;margin-left:auto;padding-left:6px;display:flex}.toolbar-important-button,.toolbar-clear-button{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 9%, var(--surface));color:var(--danger)}.toolbar-important-button:hover:not(:disabled),.toolbar-clear-button:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb, var(--danger) 18%, var(--surface));color:var(--danger)}.toolbar-range{min-width:175px;padding:0 7px}.zoom-range{min-width:220px}.toolbar-range-head{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-bottom:3px;font-size:7px;display:flex}.toolbar-range-head strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:8px}.rotation-control-row{grid-template-columns:minmax(48px,1fr) auto 27px;align-items:center;gap:4px;margin-bottom:2px;display:grid}.rotation-number-input{border:1px solid var(--border);background:var(--surface);width:100%;height:27px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 7px;font-size:8px}.rotation-number-input::-webkit-inner-spin-button{margin:0}.rotation-number-input::-webkit-outer-spin-button{margin:0}.rotation-degree{color:var(--muted);font-size:8px}.rotation-reset-button{width:27px;height:27px}.toolbar-range input{width:100%;height:14px;accent-color:var(--text);cursor:pointer}.zoom-control-row{grid-template-columns:27px minmax(60px,1fr) 27px;align-items:center;gap:5px;display:grid}.zoom-control-row input{width:100%}.zoom-presets{gap:3px;margin-top:1px;display:flex}.zoom-presets button{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:1px 3px;font-size:7px}.toolbar-fit-button{align-items:center;gap:3px;font-weight:700;display:inline-flex;color:var(--muted)!important}.zoom-presets button:hover,.zoom-presets button.active{color:var(--text)}.canvas-stage{background-color:var(--checker-b);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-footer{border-top:1px solid var(--border);min-height:37px;color:var(--faint);font-family:var(--font-mono);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:7px;display:flex}.canvas-footer span:last-child{text-align:right}.freeform-cropper{touch-action:none;position:absolute;inset:0;overflow:hidden}.freeform-cropper-image{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;max-width:none;position:absolute}.freeform-crop-box{border:1px solid var(--text);touch-action:none;position:absolute;box-shadow:0 0 0 9999px #00000080}.freeform-crop-grid{pointer-events:none;position:absolute;inset:0}.freeform-grid-line{background:color-mix(in srgb, var(--text) 55%, transparent);position:absolute}.freeform-grid-line.horizontal{height:1px;left:0;right:0}.freeform-grid-line.horizontal.one{top:33.333%}.freeform-grid-line.horizontal.two{top:66.666%}.freeform-grid-line.vertical{width:1px;top:0;bottom:0}.freeform-grid-line.vertical.one{left:33.333%}.freeform-grid-line.vertical.two{left:66.666%}.export-overlay{z-index:200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0305047a;justify-content:flex-end;display:flex;position:fixed;inset:0}.export-drawer{border-left:1px solid var(--border);background:var(--surface);width:min(450px,100vw);height:100%;color:var(--text);box-shadow:var(--shadow-lg);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.export-drawer-header{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(0,1fr) 34px;align-items:start;gap:11px;padding:22px 20px 17px;display:grid}.export-title-mark{background:var(--accent);width:38px;height:38px;color:var(--accent-contrast);border-radius:10px;place-items:center;display:grid}.export-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:1px 0 3px;font-size:8px;font-weight:800;display:block}.export-drawer-header h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:21px;font-weight:500}.export-drawer-header p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.4}.drawer-close{border:1px solid var(--border);background:var(--surface-soft);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.drawer-close:hover{color:var(--text)}.export-drawer-body{scrollbar-width:thin;min-height:0;padding:14px 20px 20px;overflow:auto}.export-hero-summary{grid-template-columns:1.25fr 1fr;gap:8px;margin-bottom:10px;display:grid}.export-hero-summary div{border:1px solid var(--border);background:var(--surface-soft);border-radius:9px;padding:11px}.export-hero-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:7px;font-weight:800;display:block}.export-hero-summary strong{font-variant-numeric:tabular-nums;font-size:10px;display:block}.export-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;margin-bottom:9px;padding:13px}.export-card-heading{justify-content:space-between;align-items:start;gap:8px;margin-bottom:11px;display:flex}.export-card-heading>div{align-items:baseline;gap:7px;display:flex}.export-section-kicker{color:var(--faint);letter-spacing:.1em;font-size:7px;font-weight:800}.export-card h3{letter-spacing:-.01em;margin:0;font-size:11px}.export-card-note{color:var(--faint);font-size:7px}.export-value{font-variant-numeric:tabular-nums;font-size:11px}.format-choice-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.format-choice{border:1px solid var(--border);background:var(--surface-soft);min-width:0;min-height:53px;color:var(--muted);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:8px;display:flex;position:relative}.format-choice:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.format-choice.active{border-color:var(--text);background:var(--accent-soft);color:var(--text)}.format-choice-icon{border:1px solid var(--border);background:var(--surface);border-radius:6px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:7px;font-weight:850;display:grid}.format-choice>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.format-choice strong{font-size:8px}.format-choice small{color:var(--muted);font-size:7px}.format-choice>svg{position:absolute;top:7px;right:7px}.export-capability{color:var(--muted);align-items:center;gap:6px;margin:9px 0 0;font-size:8px;display:flex}.export-quality-slider{width:100%;accent-color:var(--text);margin:4px 0 0}.quality-scale{color:var(--faint);justify-content:space-between;font-size:7px;display:flex}.quality-presets{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:9px;display:grid}.quality-presets button,.background-choice-row button{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);cursor:pointer;border-radius:7px}.quality-presets button{min-height:29px;font-size:7px}.quality-presets button:hover,.quality-presets button.active{border-color:var(--text);color:var(--text);background:var(--accent-soft)}.export-help{color:var(--muted);margin:-2px 0 10px;font-size:8px;line-height:1.45}.background-choice-row{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.background-choice-row button{justify-content:center;align-items:center;gap:5px;min-height:34px;font-size:8px;display:flex}.background-choice-row button.active{border-color:var(--text);color:var(--text);background:var(--accent-soft)}.swatch{border:1px solid var(--border-strong);border-radius:3px;width:10px;height:10px}.swatch.white{background:#fff}.swatch.black{background:#000}.swatch.custom{background:var(--surface-strong)}.custom-color-row{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:7px;display:flex}.custom-color-row input{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;width:34px;height:28px;padding:2px}.custom-color-row strong{font-variant-numeric:tabular-nums;color:var(--text);font-size:8px}.custom-color-row span{color:var(--faint)}.export-info-card .export-facts{margin-bottom:8px}.export-info-card .export-facts strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.metadata-detail-list{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.metadata-detail-list div{background:var(--surface-soft);flex-direction:column;gap:4px;padding:9px;display:flex}.metadata-detail-list span{color:var(--muted);font-size:7px}.metadata-detail-list strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.metadata-policy{border:1px solid var(--border);background:var(--surface-soft);border-radius:9px;align-items:flex-start;gap:9px;padding:10px;display:flex}.metadata-policy-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 12%, transparent);border-radius:50%;flex:0 0 8px;margin-top:3px}.metadata-policy strong{font-size:9px;display:block}.metadata-policy p{color:var(--muted);margin:4px 0 0;font-size:7px;line-height:1.5}.export-summary-card{background:var(--surface-soft)}.export-facts{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.export-facts div{background:var(--surface);flex-direction:column;gap:4px;padding:9px;display:flex}.export-facts span{color:var(--muted);font-size:7px}.export-facts strong{font-variant-numeric:tabular-nums;font-size:9px}.export-drawer-footer{border-top:1px solid var(--border);background:var(--surface);padding:12px 20px 15px}.export-status{min-height:20px;color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:8px;display:flex}.export-status-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.export-status-complete .export-status-dot{background:var(--success)}.export-status-error .export-status-dot{background:var(--danger)}.primary-export-button{background:var(--accent);width:100%;min-height:45px;color:var(--accent-contrast);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex;box-shadow:0 8px 20px #0000001a}.primary-export-button:hover:not(:disabled){transform:translateY(-1px)}.primary-export-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.export-action-stack{gap:7px;display:grid}.secondary-export-button{border:1px solid var(--border-strong);background:var(--surface-soft);width:100%;min-height:40px;color:var(--text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:750;display:flex}.secondary-export-button:hover:not(:disabled){border-color:var(--text);background:var(--surface)}.secondary-export-button:disabled{opacity:.4;cursor:not-allowed}.export-preview-backdrop{z-index:240;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030504a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.export-preview-modal{border:1px solid var(--border);background:var(--surface);width:min(1200px,94vw);height:min(80dvh,900px);min-height:80dvh;max-height:88dvh;color:var(--text);box-shadow:var(--shadow-lg);border-radius:14px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.export-preview-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:12px;padding:17px 18px;display:flex}.export-preview-modal-header h2{margin:3px 0 0;font-size:17px}.export-preview-modal-header p{color:var(--muted);margin:4px 0 0;font-size:8px}.export-preview-close{border:1px solid var(--border);background:var(--surface-soft);width:31px;height:31px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;display:grid}.export-preview-modal-body{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:14px;min-height:0;padding:14px;display:grid;overflow:hidden}.export-preview-main{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-width:0;height:100%;min-height:0;display:grid}.export-preview-large-stage{border:1px dashed var(--border);background:var(--checker-b);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;border-radius:10px;min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.export-preview-large-stage:active,.export-preview-large-stage.is-panning{cursor:grabbing}.export-preview-checkerboard{position:absolute;inset:0;overflow:hidden}.export-preview-large-image{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;max-width:none;max-height:none;display:block;position:absolute;top:50%;left:50%;box-shadow:0 14px 40px #00000029}.export-preview-large-image.is-ready{opacity:1}.export-preview-loading{width:100%;height:100%;color:var(--muted);place-items:center;font-size:9px;display:grid}.export-preview-inspection-status{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--muted);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 8px;font-size:7px;position:absolute;bottom:10px;right:10px}.export-preview-pan-hint{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--muted);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:7px;line-height:1;display:inline-flex;position:absolute;bottom:10px;left:10px}.export-preview-toolbar{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.export-preview-zoom-group,.export-preview-zoom-presets,.export-preview-format-presets,.export-preview-view-presets{align-items:center;gap:4px;display:flex}.export-preview-zoom-button,.export-preview-zoom-value,.export-preview-preset,.export-preview-format-button{border:1px solid var(--border);background:var(--surface-soft);height:28px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:inline-flex}.export-preview-zoom-button{width:30px;padding:0}.export-preview-zoom-value{min-width:48px;color:var(--text);padding:0 8px}.export-preview-preset{min-width:42px;padding:0 8px}.export-preview-format-button{min-width:46px;padding:0 8px}.export-preview-zoom-button:hover:not(:disabled),.export-preview-zoom-value:hover,.export-preview-preset:hover:not(:disabled),.export-preview-format-button:hover:not(:disabled){color:var(--text);background:var(--surface)}.export-preview-zoom-button:disabled{opacity:.35;cursor:not-allowed}.export-preview-preset.active,.export-preview-format-button.active{border-color:var(--text);background:var(--accent);color:var(--accent-contrast)}.export-preview-details{border:1px solid var(--border);border-radius:9px;align-self:start;gap:1px;display:grid;overflow:hidden}.export-preview-details div{background:var(--surface-soft);flex-direction:column;gap:4px;padding:11px;display:flex}.export-preview-details span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:7px}.export-preview-details strong{font-variant-numeric:tabular-nums;font-size:10px}.export-preview-note{border-top:1px solid var(--border);color:var(--muted);margin:0;padding:9px 11px 11px;font-size:7px;line-height:1.45}.app-modal-backdrop,.history-overlay{z-index:220;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03050494;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app-modal,.history-dialog{border:1px solid var(--border);background:var(--surface);width:min(520px,94vw);max-height:min(86dvh,760px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:13px;overflow:auto}.app-modal-header,.history-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:12px;padding:18px;display:flex}.app-modal-header h2,.history-dialog-header h2{align-items:center;gap:7px;margin:4px 0 0;font-size:17px;display:flex}.app-modal-description,.history-dialog-header p{color:var(--muted);margin:0;padding:12px 18px 0;font-size:9px;line-height:1.5}.app-modal-close,.history-close{border:1px solid var(--border);background:var(--surface-soft);width:31px;height:31px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;display:grid}.shortcut-list{padding:14px 18px 18px}.shortcut-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:10px 0;display:grid}.shortcut-row:last-child{border-bottom:0}.shortcut-row kbd{border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:6px;justify-self:start;padding:4px 7px;font-family:inherit;font-size:8px;font-weight:700}.shortcut-row span{color:var(--muted);font-size:9px}.history-dialog{grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.history-dialog-body{min-height:0;padding:8px 18px;overflow:auto}.history-timeline{margin:0;padding:0;list-style:none}.history-timeline li{position:relative}.history-entry{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 5px;display:grid}.history-entry:hover{background:var(--surface-soft)}.history-entry-marker{border:1px solid var(--border);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;font-size:7px;font-weight:800;display:grid}.history-timeline li.current .history-entry-marker{border-color:var(--text);background:var(--accent);color:var(--accent-contrast)}.history-entry-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.history-entry-copy strong{font-size:9px}.history-entry-copy small{color:var(--muted);font-size:7px}.history-current{background:var(--accent-soft);color:var(--text);text-transform:uppercase;border-radius:999px;padding:4px 6px;font-size:6px;font-weight:800}.history-dialog-footer{border-top:1px solid var(--border);color:var(--faint);justify-content:space-between;gap:8px;padding:11px 18px;font-size:7px;display:flex}.confirmation-dialog{width:min(430px,92vw);padding:22px;position:relative}.confirmation-icon{background:color-mix(in srgb, var(--danger) 12%, transparent);width:37px;height:37px;color:var(--danger);border-radius:10px;place-items:center;display:grid}.confirmation-close{position:absolute;top:14px;right:14px}.confirmation-dialog h2{margin:16px 0 7px;font-size:17px}.confirmation-dialog p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.confirmation-actions{justify-content:flex-end;gap:7px;margin-top:18px;display:flex}.confirmation-cancel,.confirmation-danger{cursor:pointer;border-radius:8px;min-height:34px;padding:0 11px;font-size:9px;font-weight:700}.confirmation-cancel{border:1px solid var(--border);background:var(--surface-soft);color:var(--text)}.confirmation-danger{border:1px solid var(--danger);background:var(--danger);color:#fff;box-shadow:0 3px 10px color-mix(in srgb, var(--danger) 24%, transparent)}.toast{z-index:300;border:1px solid var(--border-strong);background:var(--surface);max-width:min(340px,100vw - 36px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:8px;padding:9px 11px;font-size:9px;position:fixed;bottom:18px;right:18px}.skip-link{z-index:400;background:var(--accent);color:var(--accent-contrast);border-radius:7px;padding:8px 10px;font-size:9px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.mobile-quick-bar,.mobile-bottom-bar,.mobile-control-sheet{display:none}.app-footer{border-top:1px solid var(--border);background:var(--surface);flex:0 0 40px;height:40px}.footer-content{max-width:1720px;height:100%;color:var(--faint);justify-content:space-between;align-items:center;gap:10px;margin:0 auto;padding:0 22px;font-size:7px;display:flex}.footer-content strong{color:var(--muted)}@media (max-height:760px) and (min-width:901px){.workspace-shell{min-height:0;padding:10px}.inspector-scroll{padding-top:14px;padding-bottom:9px}}@media (max-width:1100px) and (min-width:901px){.workspace-grid{grid-template-columns:minmax(300px,330px) minmax(0,1fr) 104px}.edit-panel{grid-template-columns:68px minmax(0,1fr)}.edit-rail-tool{width:54px}.toolbar-range{min-width:145px}.zoom-range{min-width:175px}.canvas-header-actions>span{display:none}}@media (max-width:900px){.upload-section{place-items:start center;min-height:calc(100dvh - 98px);padding:34px 14px 58px}.upload-content{flex-direction:column;align-items:stretch;gap:0;width:min(560px,100%);display:flex}.upload-kicker{margin:8px 0 16px}.upload-content h1{font-size:clamp(49px,15vw,72px);line-height:.9}.upload-lede{margin:20px 0 28px;font-size:11px}.upload-area{order:3;min-height:280px;padding:32px 20px}.upload-paste{order:4;margin-top:12px}.upload-benefits{order:5;margin-top:27px}.upload-area>div:nth-of-type(2) strong{font-size:23px}.orbit-one{width:280px;top:17%;right:-180px}.orbit-two{width:190px;bottom:4%;left:-125px}.app{min-height:100dvh;padding-bottom:66px}.app-header{flex-basis:58px;height:58px;padding:0 12px}.brand-context span,.header-utility-button span,.local-status{display:none}.header-actions{gap:5px}.header-export-button{height:32px;padding:0 11px}.theme-toggle{width:32px;height:32px}.workspace-shell{height:auto;min-height:calc(100dvh - 58px);padding:8px}.workspace-grid{height:auto;display:block}.edit-panel{display:none}.canvas-workspace{border-radius:11px;height:calc(100dvh - 142px);min-height:420px}.canvas-header{min-height:47px;padding:7px 9px}.canvas-header-actions>span{display:none}.canvas-export-button{height:30px;padding:0 9px}.canvas-toolbar{scrollbar-width:none;min-height:51px;padding:6px;overflow-x:auto}.canvas-toolbar::-webkit-scrollbar{display:none}.toolbar-range{min-width:135px}.zoom-range{min-width:165px}.canvas-stage{min-height:0}.canvas-footer{min-height:30px;padding:0 8px;font-size:6px}.canvas-footer span:first-child{display:none}.mobile-quick-bar{z-index:70;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);height:43px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;justify-content:center;align-items:center;gap:3px;padding:5px;display:flex;position:fixed;bottom:70px;left:8px;right:8px;overflow-x:auto}.mobile-quick-button{width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 32px;place-items:center;display:grid}.mobile-quick-button:disabled{opacity:.3}.mobile-important-button,.mobile-danger-button{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))!important;background:color-mix(in srgb, var(--danger) 9%, var(--surface))!important;color:var(--danger)!important}.mobile-important-button:hover,.mobile-danger-button:hover{background:color-mix(in srgb, var(--danger) 18%, var(--surface))!important}.mobile-quick-divider{background:var(--border);width:1px;height:20px;margin:0 2px}.mobile-quick-value{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--muted);border-radius:6px;padding:0 7px;font-size:7px}.mobile-quick-value.active{color:var(--text);border-color:var(--text)}.mobile-bottom-bar{z-index:80;border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,1fr);height:66px;display:grid;position:fixed;inset:auto 0 0}.mobile-bottom-bar button{border:0;border-right:1px solid var(--border);color:var(--muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}.mobile-bottom-bar button:last-child{border-right:0}.mobile-bottom-bar button.active{color:var(--text);background:var(--accent-soft)}.mobile-export-icon{font-size:17px;line-height:1}.mobile-control-sheet{z-index:75;border:1px solid var(--border);background:var(--surface);max-height:min(58dvh,480px);box-shadow:var(--shadow-lg);border-radius:12px;padding:12px;display:block;position:fixed;bottom:72px;left:8px;right:8px;overflow:auto}.mobile-sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.mobile-sheet-header strong{font-size:11px}.mobile-icon-button{border:1px solid var(--border);background:var(--surface-soft);width:30px;height:30px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.mobile-section-label{color:var(--muted);text-transform:uppercase;margin:12px 0 7px;font-size:8px;font-weight:700}.mobile-aspect-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.mobile-aspect-button{border:1px solid var(--border);background:var(--surface-soft);height:52px;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}.mobile-aspect-button.active{border-color:var(--text);background:var(--accent);color:var(--accent-contrast)}.mobile-secondary-button{border:1px solid var(--border);background:var(--surface-soft);min-height:34px;color:var(--muted);border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:0 9px;font-size:8px;display:inline-flex}.mobile-resize-controls p{color:var(--muted);margin:12px 0;font-size:9px;line-height:1.45}.mobile-resize-dimensions{grid-template-columns:1fr auto 1fr;align-items:end;gap:6px;display:grid}.mobile-resize-dimensions label{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:7px;display:block}.mobile-resize-dimensions input{border:1px solid var(--border-strong);background:var(--surface-soft);width:100%;height:38px;color:var(--text);border-radius:7px;padding:0 8px;font-size:11px}.mobile-resize-lock{border:1px solid var(--border);background:var(--surface-soft);min-height:33px;color:var(--muted);border-radius:7px;align-items:center;gap:6px;margin-top:9px;padding:0 8px;font-size:8px;display:inline-flex}.mobile-resize-lock.active{color:var(--text);background:var(--accent-soft)}.mobile-control-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding-top:11px;display:grid}.mobile-control-button{border:1px solid var(--border);background:var(--surface-soft);min-height:55px;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:7px;display:flex}.mobile-control-button:disabled{opacity:.35}.export-drawer{width:100vw}.export-drawer-header{padding:17px 14px 14px}.export-drawer-body{padding:10px 14px 16px}.export-drawer-footer{padding:10px 14px 13px}.export-preview-backdrop,.app-modal-backdrop,.history-overlay{padding:8px}.export-preview-modal{width:100%;max-height:92dvh}.export-preview-modal-body{grid-template-columns:1fr;overflow:auto}.export-preview-main{min-height:48dvh}.export-preview-details{grid-row:2}.export-preview-note{grid-column:auto}.export-preview-toolbar{flex-wrap:wrap}.export-preview-format-presets{scrollbar-width:none;order:2;width:100%;overflow-x:auto}.export-preview-format-presets::-webkit-scrollbar{display:none}.export-preview-view-presets{scrollbar-width:none;overflow-x:auto}.export-preview-view-presets::-webkit-scrollbar{display:none}.export-preview-zoom-presets{scrollbar-width:none;overflow-x:auto}.export-preview-zoom-presets::-webkit-scrollbar{display:none}.app-footer{display:none}}@media (max-width:420px){.format-choice-grid{grid-template-columns:1fr}.format-choice{min-height:45px}.quality-presets{grid-template-columns:repeat(2,1fr)}.background-choice-row,.export-hero-summary{grid-template-columns:1fr}.header-export-button{gap:0;width:32px;padding:0;font-size:0}.header-export-button svg{margin:0}}.mobile-sheet-kicker{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:7px;font-weight:800;display:block}.flip-vertical-icon{transform:rotate(90deg)}.mobile-adjust-controls{padding:2px 0}.mobile-adjust-controls .adjustment-control input{height:20px}.canvas-stage .reactEasyCrop_Image{filter:var(--croplab-adjust-filter,none)}.image-collection-rail{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow-sm);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.image-collection-header{border-bottom:1px solid var(--border);background:var(--surface-soft);min-height:53px;color:var(--muted);justify-content:space-between;align-items:center;gap:7px;padding:8px;display:flex}.image-collection-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.image-collection-header strong{font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.image-thumbnail-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;align-items:center;gap:7px;min-height:0;padding:9px 7px;display:flex;overflow:auto}.image-thumbnail-list::-webkit-scrollbar{display:none}.image-thumbnail{width:86px;min-height:82px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;flex:none;padding:0;display:block;position:relative}.image-thumbnail-select{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-rows:64px auto;gap:4px;padding:4px;display:grid;position:relative}.image-thumbnail-select:hover:not(:disabled){background:var(--surface-soft);border-color:var(--border)}.image-thumbnail-select:disabled{opacity:.5;cursor:wait}.image-thumbnail:hover:not(:disabled){background:var(--surface-soft);border-color:var(--border)}.image-thumbnail.active{border-color:var(--text);background:var(--accent-soft);color:var(--text)}.image-thumbnail-remove{z-index:3;border:1px solid color-mix(in srgb, var(--border-strong) 80%, var(--surface));background:color-mix(in srgb, var(--surface) 92%, transparent);width:19px;height:19px;color:var(--muted);cursor:pointer;opacity:1;border-radius:50%;place-items:center;padding:0;transition:opacity .14s,color .14s,background .14s,border-color .14s;display:grid;position:absolute;top:3px;right:3px}.image-thumbnail-remove:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:var(--surface)}.image-thumbnail-remove:disabled{opacity:.25;cursor:wait}.image-thumbnail:disabled{opacity:.5;cursor:wait}.image-thumbnail-frame{border:1px solid var(--border);background-color:var(--checker-b);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:6px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.image-thumbnail-frame img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.image-thumbnail-edited{background:var(--text);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--surface) 82%, transparent);border-radius:50%;position:absolute;top:4px;right:4px}.image-thumbnail-index{background:color-mix(in srgb, var(--surface) 86%, transparent);min-width:14px;height:14px;color:var(--text);font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 3px;font-size:6px;font-weight:800;line-height:1;display:grid;position:absolute;top:9px;left:9px}.image-thumbnail-format{max-width:100%;color:var(--faint);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;justify-self:end;font-size:6px;font-weight:750;overflow:hidden}.image-collection-actions{border-top:1px solid var(--border);background:var(--surface-soft);gap:6px;padding:8px 7px;display:grid}.image-collection-add,.image-collection-export{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:7px;font-weight:700;display:inline-flex}.image-collection-add:hover:not(:disabled),.image-collection-export:hover:not(:disabled){border-color:var(--text);color:var(--text)}.image-collection-add:disabled,.image-collection-export:disabled{opacity:.4;cursor:not-allowed}.image-batch-progress{gap:6px;display:grid}.image-batch-progress-copy{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:5px;font-size:6px;display:flex}.image-batch-progress-copy strong{color:var(--text);font-family:var(--font-mono);font-size:7px}.image-batch-progress-track{background:var(--border);border-radius:999px;height:3px;overflow:hidden}.image-batch-progress-track span{background:var(--text);height:100%;transition:width .18s;display:block}.image-batch-cancel{border:1px solid var(--border);background:var(--surface);min-height:26px;color:var(--muted);cursor:pointer;border-radius:6px;font-size:7px;font-weight:700}.image-batch-cancel:hover{color:var(--text);border-color:var(--text)}.image-batch-spinner{animation:.8s linear infinite croplab-spin;position:absolute;bottom:8px;right:8px}@keyframes croplab-spin{to{transform:rotate(360deg)}}@media (max-width:900px) and (min-width:701px){.workspace-grid{grid-template-columns:minmax(300px,330px) minmax(0,1fr) 104px}}@media (max-width:700px){.image-collection-rail{grid-template-rows:auto auto;min-height:0;margin-top:8px}.image-collection-header{min-height:42px;padding:6px 9px}.image-thumbnail-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;align-items:stretch;min-height:82px;max-height:94px;padding:7px;overflow:auto hidden}.image-thumbnail-list::-webkit-scrollbar{display:none}.image-thumbnail{width:82px;min-height:76px}.image-thumbnail-select{grid-template-rows:58px auto}.image-thumbnail-remove{opacity:1}.image-collection-actions{grid-template-columns:1fr auto;align-items:center;padding:7px}.image-collection-export{min-width:92px}.image-batch-progress{grid-column:1/-1}.image-batch-spinner{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.edit-rail-tool:hover:not(:disabled),.aspect-btn:hover,.upload-area:hover,.header-export-button:hover,.primary-export-button:hover:not(:disabled){transform:none!important}}.image-thumbnail-select:focus-visible,.image-thumbnail-remove:focus-visible,.mobile-quick-button:focus-visible,.mobile-quick-value:focus-visible,.mobile-bottom-bar button:focus-visible,.mobile-control-button:focus-visible,.mobile-secondary-button:focus-visible,.image-collection-add:focus-visible,.image-collection-export:focus-visible,.image-batch-cancel:focus-visible,.freeform-crop-handle:focus-visible{outline:2px solid var(--text);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0)!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}.performance-diagnostics{z-index:120;font-size:12px;position:fixed;bottom:16px;right:16px}.performance-diagnostics-toggle,.performance-diagnostics-panel button{border:1px solid var(--border-color,#7f7f7f59);background:var(--panel-background,#141414f0);color:inherit;font:inherit;border-radius:8px}.performance-diagnostics-toggle{cursor:pointer;align-items:center;gap:7px;padding:8px 10px;display:inline-flex;box-shadow:0 8px 24px #0000002e}.performance-diagnostics-panel{border:1px solid var(--border-color,#7f7f7f59);background:var(--panel-background,#141414fa);border-radius:12px;width:min(620px,100vw - 32px);max-height:min(70vh,620px);padding:12px;position:absolute;bottom:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 16px 48px #00000047}.performance-diagnostics-panel header,.performance-diagnostics-actions,.performance-diagnostics-summary,.performance-row{align-items:center;display:flex}.performance-diagnostics-panel header{justify-content:space-between;gap:12px;margin-bottom:10px}.performance-diagnostics-panel header div{gap:2px;display:grid}.performance-diagnostics-panel header span{opacity:.65;font-size:11px}.performance-icon-button,.performance-diagnostics-actions button:not(:first-child){cursor:pointer;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.performance-diagnostics-actions{gap:6px;margin-bottom:10px}.performance-diagnostics-actions button:first-child{cursor:pointer;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.performance-diagnostics-actions button:disabled{opacity:.5;cursor:not-allowed}.performance-diagnostics-summary{opacity:.8;flex-wrap:wrap;gap:12px;margin-bottom:10px}.performance-diagnostics-summary span{white-space:nowrap}.performance-diagnostics-table{border:1px solid var(--border-color,#7f7f7f40);border-radius:8px;overflow:hidden}.performance-row{border-bottom:1px solid var(--border-color,#7f7f7f29);grid-template-columns:minmax(0,1fr) 82px 82px;gap:8px;padding:7px 8px;display:grid}.performance-row:last-child{border-bottom:0}.performance-row span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.performance-row-head{opacity:.65;font-weight:700}.performance-empty,.performance-diagnostics-error{margin:0;padding:10px}.performance-diagnostics-error{color:#ff8b8b}@media (max-width:720px){.performance-diagnostics{bottom:10px;right:10px}.performance-diagnostics-panel{width:calc(100vw - 20px)}}


.canvas-stage>.reactEasyCrop_Container{cursor:grab;z-index:1;pointer-events:auto!important;touch-action:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.canvas-stage>.reactEasyCrop_Container:active{cursor:grabbing}@media (max-width:900px){.workspace-grid{width:100%}}.freeform-cropper{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;inset:0;overflow:hidden}.freeform-cropper-image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.freeform-crop-box{z-index:3;cursor:move;touch-action:none;border:1px solid #fff;position:absolute;box-shadow:0 0 0 9999px #00000061}.freeform-crop-grid{pointer-events:none;position:absolute;inset:0}.freeform-grid-line{pointer-events:none;background:#ffffff6b;display:block;position:absolute}.freeform-grid-line.vertical{width:1px;top:0;bottom:0}.freeform-grid-line.vertical.one{left:33.333%}.freeform-grid-line.vertical.two{left:66.666%}.freeform-grid-line.horizontal{height:1px;left:0;right:0}.freeform-grid-line.horizontal.one{top:33.333%}.freeform-grid-line.horizontal.two{top:66.666%}.freeform-crop-handle{z-index:4;appearance:none;touch-action:none;background:0 0;border:2px solid #fff;border-radius:2px;width:14px;height:14px;margin:0;padding:0;position:absolute;box-shadow:0 0 0 1px #00000059}.freeform-crop-handle.handle-nw{top:-7px;left:-7px}.freeform-crop-handle.handle-n{top:-7px;left:calc(50% - 7px)}.freeform-crop-handle.handle-ne{top:-7px;right:-7px}.freeform-crop-handle.handle-w{top:calc(50% - 7px);left:-7px}.freeform-crop-handle.handle-e{top:calc(50% - 7px);right:-7px}.freeform-crop-handle.handle-sw{bottom:-7px;left:-7px}.freeform-crop-handle.handle-s{bottom:-7px;left:calc(50% - 7px)}.freeform-crop-handle.handle-se{bottom:-7px;right:-7px}.freeform-crop-handle:focus-visible{outline-offset:2px;outline:2px solid}@media (max-width:640px){.freeform-crop-handle{width:22px;height:22px}.freeform-crop-handle.handle-nw{top:-11px;left:-11px}.freeform-crop-handle.handle-n{top:-11px;left:calc(50% - 11px)}.freeform-crop-handle.handle-ne{top:-11px;right:-11px}.freeform-crop-handle.handle-w{top:calc(50% - 11px);left:-11px}.freeform-crop-handle.handle-e{top:calc(50% - 11px);right:-11px}.freeform-crop-handle.handle-sw{bottom:-11px;left:-11px}.freeform-crop-handle.handle-s{bottom:-11px;left:calc(50% - 11px)}.freeform-crop-handle.handle-se{bottom:-11px;right:-11px}}