@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap";:root{color:#111827;background:#f4f6f8;font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2f6;--ink: #111827;--muted: #667085;--subtle: #98a2b3;--line: #d8dee8;--line-strong: #b8c2d0;--canvas: #141922;--canvas-2: #0d1118;--accent: #0f766e;--accent-strong: #0b5f59;--accent-soft: #d9f3ef;--danger: #b42318;--warning: #b54708;--ok: #067647;--radius: 8px;--shadow: 0 18px 48px rgb(15 23 42 / 10%)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:linear-gradient(180deg,rgb(255 255 255 / 72%),transparent 260px),var(--bg)}.landing-shell{min-height:100vh;background:linear-gradient(135deg,#0f766e1f,#0f172a0a),#f6f8fb;color:var(--ink)}.landing-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:48px;align-items:center;width:min(1180px,calc(100% - 48px));min-height:92vh;margin:0 auto;padding:32px 0}.landing-copy{display:grid;gap:22px}.landing-kicker{width:fit-content;border:1px solid rgb(15 118 110 / 24%);border-radius:999px;padding:7px 12px;background:#ffffffb8;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.landing-copy h1{max-width:720px;margin:0;font-size:48px;line-height:1.08;letter-spacing:0}.landing-copy p{max-width:620px;margin:0;color:#475569;font-size:17px;line-height:1.8}.landing-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.landing-app-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.landing-app-link:hover{background:var(--accent-strong)}.landing-app-link:active{transform:translateY(1px)}.landing-actions span{color:#64748b;font-size:13px}.landing-preview{overflow:hidden;border:1px solid rgb(148 163 184 / 45%);border-radius:var(--radius);background:var(--surface);box-shadow:0 24px 80px #0f172a1f}.landing-preview-bar{display:flex;gap:7px;align-items:center;height:44px;padding:0 16px;border-bottom:1px solid #e2e8f0}.landing-preview-bar span{width:10px;height:10px;border-radius:999px;background:#cbd5e1}.landing-preview-grid{display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:linear-gradient(45deg,rgb(15 23 42 / 6%) 25%,transparent 25%),linear-gradient(-45deg,rgb(15 23 42 / 6%) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(15 23 42 / 6%) 75%),linear-gradient(-45deg,transparent 75%,rgb(15 23 42 / 6%) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.landing-preview-panel{display:flex;align-items:flex-end;justify-content:flex-start;padding:22px;color:#fff;font-weight:800}.landing-preview-panel.is-before{background:linear-gradient(160deg,#334155e5,#0f172ac2)}.landing-preview-panel.is-after{background:linear-gradient(160deg,#0f766ec7,#1e293b1f)}.landing-trust{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:0 0 64px}.landing-trust-heading{display:grid;gap:14px;max-width:760px;margin-bottom:24px}.landing-trust-heading h2{margin:0;font-size:30px;line-height:1.2;letter-spacing:0}.landing-trust-heading p,.landing-trust-copy p,.landing-contact p{margin:0;color:#475569;line-height:1.8}.landing-trust-tabs{display:inline-flex;max-width:100%;margin:10px 0 36px;border:1px solid rgb(148 163 184 / 36%);border-radius:var(--radius);padding:5px;background:#ffffffc7;box-shadow:0 16px 42px #0f172a0f}.landing-trust-tab{min-height:42px;border:0;border-radius:var(--radius);padding:0 22px;background:transparent;color:#1f2937;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}.landing-trust-tab:hover{background:#0f766e14;color:var(--accent-strong)}.landing-trust-tab[aria-selected=true]{background:linear-gradient(135deg,#d9f99d,#6ee7d8);color:#0f172a;box-shadow:inset 0 0 0 1px #0f766e1f}.landing-trust-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:52px;align-items:center;min-height:360px}.landing-trust-copy{display:grid;gap:18px;max-width:620px}.landing-trust-copy>span{color:var(--accent);font-size:13px;font-weight:800}.landing-trust-copy h3{margin:0;color:#0f172a;font-size:28px;line-height:1.25;letter-spacing:0}.landing-contact h3{margin:0;color:#0f172a;font-size:16px;line-height:1.35}.landing-trust-copy p,.landing-contact p{font-size:15px}.landing-trust-visual{overflow:hidden;min-height:330px;border-radius:var(--radius);background:linear-gradient(90deg,rgb(255 255 255 / 50%),transparent 34%,rgb(255 255 255 / 56%) 70%),linear-gradient(135deg,#d9f99d,#6ee7d8 36%,#c7d2fe 68%,#f0abfc);box-shadow:0 24px 80px #0f172a1f}.landing-trust-visual-card{display:grid;align-content:end;width:100%;height:330px;padding:28px;background:linear-gradient(0deg,rgb(15 23 42 / 68%),transparent 48%),repeating-linear-gradient(135deg,#ffffff47 0,#ffffff47 22px,#0f766e1a 22px,#0f766e1a 44px);color:#fff}.landing-trust-visual-card span{font-size:12px;font-weight:800;opacity:.78;text-transform:uppercase}.landing-trust-visual-card strong{margin-top:8px;font-size:28px;line-height:1.15}.landing-contact{border:1px solid rgb(148 163 184 / 36%);border-radius:var(--radius);background:#ffffffc2;box-shadow:0 16px 42px #0f172a12}.landing-contact{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:14px;padding:20px}.landing-contact>div{display:grid;gap:8px}.landing-contact a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgb(15 118 110 / 34%);border-radius:var(--radius);background:#fff;color:var(--accent);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.landing-contact a:hover,.landing-footer a:hover{color:var(--accent-strong)}.landing-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:26px 0 32px;border-top:1px solid rgb(148 163 184 / 34%);color:#64748b;font-size:13px}.landing-footer nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}.landing-footer a{color:#475569;font-weight:700;text-decoration:none}button,input,select{font:inherit}button{color:inherit}button,a,input,select,.drop-zone{transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,opacity .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.drop-zone:focus-visible{outline:3px solid rgb(15 118 110 / 24%);outline-offset:2px}h1,h2,p{margin:0}h1{color:var(--ink);font-size:18px;line-height:1.2;letter-spacing:0}h2{color:var(--ink);font-size:14px;line-height:1.25;letter-spacing:0}.app-shell{display:grid;grid-template-columns:236px 340px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);gap:12px;height:100dvh;min-height:100dvh;padding:12px;overflow:hidden}.app-shell.is-rail-collapsed{grid-template-columns:72px 340px minmax(0,1fr)}.app-header,.workflow-rail,.canvas-surface,.inspector-panel,.mode-canvas{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #0f172a0d}.app-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:10px 14px}.brand-lockup{display:flex;align-items:center;min-width:0;gap:10px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgb(15 118 110 / 26%);border-radius:var(--radius);color:var(--accent);background:var(--accent-soft)}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:14px;line-height:1.1}.brand-lockup span{margin-top:2px;color:var(--muted);font-size:12px;font-weight:500}.header-status{display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:8px}.status-metric,.connection-chip,.output-badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:700;white-space:nowrap}.connection-chip.is-live{color:var(--ok);border-color:#0676473d;background:#ecfdf3}.output-badge{color:var(--accent);border-color:#0f766e38;background:var(--accent-soft)}.workflow-rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px}.rail-toggle{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:800;text-align:left;cursor:pointer}.rail-toggle:hover{color:var(--ink);border-color:var(--line-strong);background:#fff}.rail-toggle>svg{justify-self:center}.workflow-item{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:8px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);background:transparent;text-align:left;cursor:pointer}.workflow-item:hover{color:var(--ink);background:var(--surface-2)}.workflow-item.is-active{color:var(--ink);border-color:#0f766e38;background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.workflow-item>svg{justify-self:center}.workflow-item strong,.workflow-item small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-item strong{font-size:13px}.workflow-item small{margin-top:2px;color:var(--muted);font-size:11px}.app-shell.is-rail-collapsed .workflow-rail{align-items:stretch}.app-shell.is-rail-collapsed .rail-toggle,.app-shell.is-rail-collapsed .workflow-item{grid-template-columns:1fr;justify-items:center;gap:0;padding-right:8px;padding-left:8px}.app-shell.is-rail-collapsed .rail-toggle span,.app-shell.is-rail-collapsed .workflow-item span,.app-shell.is-rail-collapsed .rail-note span{display:none}.app-shell.is-rail-collapsed .workflow-item{min-height:48px}.app-shell.is-rail-collapsed .workflow-item.is-active{box-shadow:inset 0 -3px 0 var(--accent)}.app-shell.is-rail-collapsed .rail-note{justify-content:center;padding:10px 8px}.rail-note{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);font-size:12px;line-height:1.4}.canvas-surface{display:grid;grid-template-columns:minmax(0,1fr) 316px;min-width:0;min-height:0;overflow:hidden}.canvas-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.canvas-toolbar,.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:70px;min-width:0;padding:12px 14px;border-bottom:1px solid var(--line)}.canvas-toolbar h1,.preview-toolbar h2{max-width:68ch;overflow:hidden;font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.canvas-actions{display:flex;align-items:center;gap:8px}.inspector-panel,.tool-stack,.side-panel{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0;overflow:auto;padding:14px}.enhance-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.enhance-workspace .inspector-panel,.enhance-workspace .canvas-surface{border:0;border-radius:0;box-shadow:none}.enhance-workspace .inspector-panel{border-right:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-kicker{display:block;margin-bottom:3px;color:var(--subtle);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.primary-button,.run-compare-button,.sc-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid var(--accent);border-radius:var(--radius);color:#fff;background:var(--accent);font-size:13px;font-weight:800;cursor:pointer}.primary-button:hover,.run-compare-button:hover,.sc-cta:hover{background:var(--accent-strong)}.primary-button:active,.run-compare-button:active,.text-button:active,.icon-button:active{transform:translateY(1px)}.primary-button:disabled,.run-compare-button:disabled,.text-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48}.text-button,.zc-reset,.sc-cta-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--surface);font-size:12px;font-weight:800;cursor:pointer}.text-button:hover,.zc-reset:hover,.sc-cta-ghost:hover{border-color:var(--line-strong);background:var(--surface-3)}.drop-zone{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-height:108px;padding:14px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);cursor:pointer}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius);color:var(--accent);background:#fff;box-shadow:inset 0 0 0 1px #0f766e2e}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{font-size:13px;line-height:1.3}.drop-zone span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.drop-zone input{display:none}.drop-error{grid-column:1 / -1;color:var(--danger);font-size:12px}.param-bar{display:grid;gap:14px}.control-group,.quality-control,.custom-size-control{display:grid;gap:7px}.control-group>span,.quality-control>span,.custom-size-control span,.cutout .field>span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-3)}.segmented-control button{min-height:36px;border:0;border-right:1px solid var(--line);color:var(--muted);background:transparent;font-size:12px;font-weight:800;cursor:pointer}.segmented-control button:last-child{border-right:0}.segmented-control button:hover{color:var(--ink);background:#fff}.segmented-control button.is-active{color:#fff;background:var(--accent)}.segmented-control button:disabled,.quality-control input:disabled,.custom-size-control input:disabled{cursor:not-allowed;opacity:.55}.resize-mode-control{grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr))}.custom-size-control{grid-template-columns:1fr 1fr}.custom-size-control label{display:grid;gap:6px}.custom-size-control input,.cutout .field select,.cutout .field input[type=range]{width:100%}.custom-size-control input,.cutout .field select{min-height:36px;border:1px solid var(--line);border-radius:var(--radius);padding:0 10px;color:var(--ink);background:#fff}.quality-control input[type=range]{width:100%;accent-color:var(--accent)}.selected-summary,.empty-state,.cost-warning,.cutout-details,.layer-panel{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);font-size:12px;line-height:1.45}.empty-state strong{color:var(--ink)}.compare-workspace .param-bar{gap:8px}.compare-workspace .control-group,.compare-workspace .custom-size-control{gap:5px}.compare-workspace .tool-stack{gap:10px;overflow:hidden}.compare-workspace .segmented-control button,.compare-workspace .custom-size-control input{min-height:34px}.compare-workspace .model-checklist{gap:5px}.compare-workspace .run-compare-button{min-height:38px}.compare-workspace .cost-warning{display:block;padding:8px 10px;font-size:11px;line-height:1.25;white-space:nowrap}.compare-workspace .cost-warning strong{display:inline}.compare-workspace .compare-empty-note{font-size:8px;line-height:1.35}.preview-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--canvas)}.preview-panel>.preview-toolbar{color:var(--ink);background:#fff;border-bottom-color:var(--line)}.preview-panel>.preview-toolbar .panel-kicker{color:var(--subtle)}.preview-panel>.preview-toolbar h2{color:var(--ink)}.compare,.preview-placeholder,.compare-tile-body{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(45deg,rgb(255 255 255 / 7%) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / 7%) 75%) 0 0 / 28px 28px,linear-gradient(180deg,var(--canvas),var(--canvas-2))}.compare{touch-action:none;cursor:grab}.compare:active{cursor:grabbing}.compare-stage,.compare-after-stage,.compare-tile-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center;pointer-events:none;will-change:transform}.compare-after-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.compare-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:24px;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.compare-divider,.zc-divider{position:absolute;z-index:3;top:0;bottom:0;width:2px;transform:translate(-1px);background:#38bdf8}.compare-range-control,.zc-range-wrap{position:absolute;z-index:4;right:14px;bottom:12px;left:14px;height:28px}.compare-range,.zc-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;margin:0;border-radius:999px;background:#0f172ab3;cursor:pointer}.compare-range::-webkit-slider-thumb,.zc-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:22px;border:2px solid #ffffff;border-radius:999px;background:var(--accent);box-shadow:0 4px 12px #00000059;cursor:ew-resize}.compare-range::-moz-range-thumb,.zc-range::-moz-range-thumb{width:40px;height:22px;border:2px solid #ffffff;border-radius:999px;background:var(--accent);box-shadow:0 4px 12px #00000059;cursor:ew-resize}.compare-reset-button{position:absolute;z-index:5;top:14px;left:14px;min-height:34px;padding:0 12px;border:1px solid rgb(255 255 255 / 20%);border-radius:var(--radius);color:#fff;background:#0f172ac2;font-size:12px;font-weight:800;cursor:pointer}.compare-reset-button:hover{background:#0f172aeb}.compare-labels{position:absolute;z-index:4;top:16px;right:16px;left:16px;display:flex;justify-content:space-between;color:#fff;font-size:11px;font-weight:800;text-shadow:0 1px 10px rgb(0 0 0 / 70%);pointer-events:none}.preview-placeholder{display:grid;place-items:center;padding:28px;color:#fff}.preview-placeholder.is-clickable{cursor:pointer}.preview-placeholder.is-clickable .empty-artboard svg{animation:uploadNudge 1.8s ease-in-out infinite}.preview-placeholder.is-clickable:hover .empty-artboard{border-color:#ffffff47;color:#ffffff8f;background:linear-gradient(45deg,rgb(255 255 255 / 10%) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / 10%) 75%) 0 0 / 24px 24px,#232b38}@keyframes uploadNudge{0%,to{transform:translateY(0)}45%{transform:translateY(-4px)}}.preview-placeholder>div:last-child{position:absolute;top:50%;left:50%;display:grid;width:min(360px,calc(100% - 48px));justify-items:center;gap:8px;text-align:center;transform:translate(-50%,72px);pointer-events:none}.preview-placeholder strong,.preview-placeholder span{display:block}.preview-placeholder strong{max-width:34ch;font-size:17px;line-height:1.25}.preview-placeholder span{max-width:42ch;color:#ffffffad;font-size:13px;line-height:1.55}.empty-artboard{display:grid;width:min(38vw,340px);max-width:76%;aspect-ratio:4 / 3;place-items:center;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius);color:#ffffff5c;background:linear-gradient(45deg,rgb(255 255 255 / 8%) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / 8%) 75%) 0 0 / 24px 24px,#1d2430}.empty-artboard svg{transition:color .16s ease,transform .16s ease}.queue-strip{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--surface)}.queue-strip-head,.compare-grid-toolbar{display:flex;align-items:center;gap:10px;min-height:70px;padding:12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.queue-strip-head strong{color:var(--ink)}.queue-download-all{margin-left:auto;min-height:30px;padding:0 9px}.queue-list{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:10px}.queue-row{display:grid;grid-template-columns:54px minmax(150px,1fr) auto;align-items:start;gap:10px;width:100%;flex:0 0 auto;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.queue-row:hover{border-color:var(--line-strong);background:#fff}.queue-row.is-selected{border-color:#0f766e57;background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.queue-select{width:54px;height:54px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer}.queue-select img{width:100%;height:100%;object-fit:cover}.queue-main{min-width:0}.queue-main strong,.queue-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-main strong{color:var(--ink);font-size:12px;line-height:1.25}.queue-main span{margin-top:4px;color:var(--muted);font-size:11px}.queue-progress{position:relative;width:100%;height:4px;overflow:hidden;border-radius:999px;background:#dbe3ed}.queue-progress i{display:block;width:100%;height:100%;transform-origin:left center;background:var(--accent)}.queue-main .error{color:var(--danger)}.queue-main .warning{color:var(--warning)}.queue-actions{display:flex;flex-direction:column;gap:5px}.icon-button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;text-decoration:none;cursor:pointer}.icon-button:hover{color:#fff;border-color:var(--accent);background:var(--accent)}.mode-canvas{grid-column:2 / -1;grid-row:2;min-width:0;min-height:0;overflow:hidden}.mode-canvas-wide{display:flex;flex-direction:column}.workspace,.compare-workspace{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.compare-workspace .tool-stack{grid-column:1;grid-row:1;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none}.compare-workspace .compare-preview{grid-column:2;grid-row:1;border:0;border-radius:0;box-shadow:none}.model-checklist{display:grid;gap:6px}.model-check{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);cursor:pointer}.model-check:hover{background:#fff}.model-check.is-checked{border-color:#0f766e57;background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.model-check.is-disabled{cursor:not-allowed;opacity:.5}.model-check input{width:15px;height:15px;accent-color:var(--accent)}.model-check-label{overflow:hidden;color:var(--ink);font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.model-check-tag{color:var(--muted);font-size:9.5px;font-weight:800;text-transform:uppercase}.cost-warning.is-active{border-color:#b423183d;color:var(--danger);background:#fef3f2}.compare-grid-wrap{display:flex;flex:1;flex-direction:column;min-height:0;background:var(--canvas)}.compare-single-preview{position:relative;display:grid;flex:1;min-height:0;place-items:center;overflow:hidden;padding:28px;background:linear-gradient(45deg,rgb(255 255 255 / 7%) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / 7%) 75%) 0 0 / 28px 28px,linear-gradient(180deg,var(--canvas),var(--canvas-2))}.compare-single-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius);box-shadow:0 18px 48px #0000003d}.compare-single-meta{position:absolute;right:18px;bottom:18px;display:grid;max-width:min(420px,calc(100% - 36px));gap:4px;padding:12px;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius);color:#fff;background:#0f172ab8}.compare-single-meta strong,.compare-single-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-single-meta strong{font-size:13px}.compare-single-meta span{color:#ffffffb8;font-size:12px}.compare-grid-toolbar{border-color:#ffffff1a;color:#ffffffa3;background:#ffffff08}.compare-zoom-readout{min-width:48px;color:#fff;font-size:12px;font-weight:800}.compare-grid-hint{flex:1;font-size:11px}.compare-grid-toolbar .text-button{min-height:30px;color:#fff;border-color:#ffffff29;background:#ffffff14}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;flex:1;min-height:0;overflow:auto;padding:12px}.compare-grid.count-1{grid-template-columns:minmax(0,1fr)}.compare-grid.count-3,.compare-grid.count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-tile{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius);background:#ffffff0a}.compare-tile.has-error{border-color:#fb71857f}.compare-tile-head{display:grid;gap:3px;padding:8px 10px;border-bottom:1px solid rgb(255 255 255 / 10%);color:#fff}.compare-tile-title{display:flex;align-items:center;gap:8px}.compare-tile-head strong{flex:1;overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.compare-tile-meta{color:#ffffffbd;font-size:11px;white-space:nowrap}.compare-tile-badge{flex-shrink:0;padding:1px 6px;border-radius:999px;color:#fff;background:var(--accent);font-size:10px;font-weight:800}.compare-tile-body{min-height:240px;aspect-ratio:4 / 3;touch-action:none;cursor:grab}.compare-tile-body.is-zoomed{cursor:grabbing}.compare-tile-stage .compare-image{padding:12px}.compare-tile-status{display:grid;height:100%;place-items:center;padding:16px;color:#ffffffb8;font-size:12px;font-weight:700;text-align:center}.compare-tile-error{color:#fda29b;font-size:11px;line-height:1.4}.cutout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:0;width:100%;height:100%;min-height:0;overflow:hidden}.cutout-controls{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;padding:14px;border-right:1px solid var(--line);background:var(--surface)}.cutout-stage{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;padding:0;background:var(--surface-2)}.cutout-stage-toolbar{margin:0;background:#fff}.cutout-workspace{display:grid;grid-template-columns:minmax(520px,1fr) minmax(320px,380px);gap:14px;min-width:0;min-height:0;overflow:hidden;align-items:start;padding:14px}.cutout-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cutout-tools button{min-height:36px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:800;cursor:pointer}.cutout-tools button.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.cutout-actions{display:grid;gap:8px}.cutout-details summary{padding:10px 12px;color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.cutout-details[open] summary{border-bottom:1px solid var(--line)}.cutout-details-body{display:flex;flex-direction:column;gap:12px;padding:12px 0 0}.cutout-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.cutout-check input{width:16px;height:16px;accent-color:var(--accent)}.cutout-hint,.cutout-warning,.layer-panel-head span{color:var(--muted);font-size:12px;line-height:1.55}.cutout-warning{color:var(--danger)}.cutout-compare-wrap{display:grid;grid-template-rows:auto auto;gap:8px;min-width:0;min-height:0}.cutout-compare-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.cutout-compare-head strong{color:var(--ink);font-size:12px}.cutout-view-tools{display:inline-flex;align-items:center;gap:10px}.cutout-bg-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(42px,1fr));overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.cutout-bg-toggle button{min-height:28px;padding:0 10px;border:0;border-right:1px solid var(--line);color:var(--muted);background:transparent;font-size:11px;font-weight:800;cursor:pointer}.cutout-bg-toggle button:last-child{border-right:0}.cutout-bg-toggle button.is-active{color:#fff;background:var(--ink)}.cutout-compare{position:relative;overflow:hidden;width:100%;height:auto;max-height:calc(100dvh - 190px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(45deg,rgb(255 255 255 / 7%) 25%,transparent 25%,transparent 75%,rgb(255 255 255 / 7%) 75%) 0 0 / 28px 28px,linear-gradient(180deg,var(--canvas),var(--canvas-2))}.cutout-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:transparent}.cutout-canvas.is-interactive{cursor:crosshair}.cutout-after-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cutout-result-canvas{pointer-events:none}.cutout-marker-canvas{z-index:3;pointer-events:none}.compare-tag{position:absolute;z-index:4;top:12px;padding:3px 9px;border-radius:var(--radius);color:#fff;background:#0f172ab3;font-size:11px;font-weight:800;pointer-events:none}.compare-tag-left{left:12px}.compare-tag-right{right:12px}.layer-panel{margin-top:0;max-height:calc(100dvh - 150px);overflow:auto}.layer-panel-head{display:flex;flex-direction:column;gap:3px}.layer-panel-head strong{color:var(--ink);font-size:13px}.layer-thumbs{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;align-items:stretch;padding-bottom:4px}.layer-thumb{display:flex;flex-direction:column;gap:6px;width:100%;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.layer-thumb.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.layer-thumb-main{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.layer-thumb-label{display:block;min-height:calc(12px * 1.35 * 2);color:var(--ink);font-size:12px;font-weight:700;line-height:1.35}.layer-thumb-canvas,.layer-thumb-note{display:block;width:100%;border:1px solid var(--line);border-radius:var(--radius)}.layer-thumb-note{display:flex;aspect-ratio:216 / 160;align-items:center;justify-content:center;padding:8px;color:var(--muted);font-size:11px;line-height:1.4;text-align:center}.layer-thumb-patch{cursor:pointer;text-align:left}.layer-apply-row{display:grid;grid-template-columns:1fr;align-items:flex-end;gap:10px}.layer-mode-field{min-width:0}.showcase,.sc-section,.sc-hero,.sc-final-cta{display:none}@media(max-width:1180px){.app-shell{grid-template-columns:86px 320px minmax(0,1fr)}.app-shell.is-rail-collapsed{grid-template-columns:72px 320px minmax(0,1fr)}.rail-toggle,.workflow-item{grid-template-columns:1fr;justify-items:center;min-height:64px;text-align:center}.rail-toggle span,.workflow-item small,.rail-note span{display:none}}@media(max-width:940px){.landing-hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding:56px 0}.landing-copy h1{font-size:38px}.landing-preview-grid{min-height:340px}.landing-trust-tabs{overflow-x:auto;width:100%}.landing-trust-panel{grid-template-columns:1fr;gap:28px}.landing-trust-visual,.landing-trust-visual-card{min-height:280px;height:280px}.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto minmax(560px,1fr) auto;height:auto;min-height:100dvh;overflow:visible}.app-header,.workflow-rail,.mode-canvas{grid-column:1;grid-row:auto}.workflow-rail{flex-direction:row;overflow-x:auto}.rail-toggle,.workflow-item{min-width:190px;grid-template-columns:34px minmax(0,1fr);justify-items:stretch;text-align:left}.rail-toggle span,.workflow-item small,.rail-note span{display:block}.app-shell.is-rail-collapsed .rail-toggle,.app-shell.is-rail-collapsed .workflow-item{min-width:48px;grid-template-columns:1fr}.app-shell.is-rail-collapsed .rail-toggle span,.app-shell.is-rail-collapsed .workflow-item span,.app-shell.is-rail-collapsed .rail-note span{display:none}.rail-note{min-width:180px;margin-top:0}.enhance-workspace .canvas-surface{grid-template-columns:1fr;grid-template-rows:minmax(480px,1fr) 260px}.queue-strip{border-left:0;border-top:1px solid var(--line)}.queue-list{flex-direction:row}.queue-row{width:min(360px,82vw)}.workspace,.enhance-workspace,.compare-workspace,.cutout{grid-template-columns:1fr;overflow:visible}.enhance-workspace .inspector-panel,.compare-workspace .tool-stack,.cutout-controls{border-right:0;border-bottom:1px solid var(--line)}.compare-workspace .compare-preview,.cutout-stage{min-height:560px}.cutout-workspace{grid-template-columns:1fr}.layer-panel{max-height:none}}@media(max-width:620px){.landing-hero{width:min(100% - 28px,1180px);padding:32px 0}.landing-copy h1{font-size:30px;line-height:1.16}.landing-copy p{font-size:15px}.landing-actions{align-items:flex-start;flex-direction:column}.landing-preview-grid{grid-template-columns:1fr;min-height:360px}.landing-trust{width:min(100% - 28px,1180px);padding-bottom:44px}.landing-trust-heading h2{font-size:24px}.landing-trust-tabs{margin-bottom:28px}.landing-trust-tab{min-height:38px;padding:0 15px;font-size:13px}.landing-trust-copy h3{font-size:23px}.landing-trust-copy p{font-size:14px}.landing-trust-visual,.landing-trust-visual-card{min-height:220px;height:220px}.landing-trust-visual-card{padding:20px}.landing-trust-visual-card strong{font-size:22px}.landing-contact,.landing-footer{align-items:flex-start;flex-direction:column}.landing-contact a{width:100%;white-space:normal}.landing-footer{width:min(100% - 28px,1180px)}.landing-footer nav{justify-content:flex-start}.app-shell{padding:8px;gap:8px}.app-header,.header-status,.canvas-toolbar,.preview-placeholder>div:last-child{width:min(300px,calc(100% - 32px));transform:translate(-50%,68px)}.header-status,.canvas-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.canvas-toolbar h1,.preview-toolbar h2{white-space:normal}.custom-size-control,.cutout-tools{grid-template-columns:1fr}.queue-row{width:min(320px,88vw);grid-template-columns:54px minmax(0,1fr)}.queue-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end}.compare-grid,.compare-grid.count-3,.compare-grid.count-5{grid-template-columns:minmax(0,1fr)}}