:root{--bg:#eef2f5;--surface:#fff;--surface-subtle:#f7f9fb;--surface-muted:#edf2f6;--border:#d8e0e7;--border-strong:#bdc8d2;--text:#17202a;--text-muted:#5f6f7e;--text-soft:#8995a1;--accent:#4361ee;--accent-strong:#2f46d8;--accent-soft:#e9edff;--blue:#2563eb;--brand-purple:#7c3aed;--brand-cyan:#22c7f2;--warning:#b7791f;--warning-soft:#fff6d7;--error:#b42318;--error-soft:#ffe4df;--shadow:0 18px 40px #1a28371f;--radius:8px}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (min-width:861px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{--left-panel-width:276px;--right-panel-width:320px;--status-height:0px;grid-template-rows:auto minmax(0, 1fr) var(--status-height);min-width:0;height:100dvh;display:grid;overflow:hidden}.app-shell--left-collapsed{--left-panel-width:52px}.app-shell--right-collapsed{--right-panel-width:52px}.app-shell--status-collapsed{--status-height:0px}.topbar{z-index:80;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;flex-wrap:wrap;align-items:center;gap:9px 13px;padding:10px 16px;display:flex;position:relative}.topbar__brand,.topbar__actions,.topbar__layout-actions,.topbar__preset,.canvas-toolbar,.canvas-toolbar__meta,.status-strip__summary,.status-items,.control-label,.locale-chip,.button,.icon-button{align-items:center;display:flex}.topbar__brand{flex:none;gap:9px;min-width:0;padding-right:4px}.brand-mark{background:#ffffffd1;border:1px solid #d8e0e7cc;border-radius:14px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;padding:3px;display:flex;box-shadow:0 1px 2px #17202a14,0 8px 18px #17202a0f}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.topbar__brand-copy{gap:1px;min-width:0;display:grid}.topbar__product-name{letter-spacing:.04em;background:linear-gradient(90deg, #111827 0%, var(--accent) 52%, var(--brand-purple) 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px;font-weight:900;line-height:1.05}.topbar__page-title{color:#82909e;letter-spacing:0;margin:0;font-size:12px;font-weight:700;line-height:1.18}.eyebrow{color:var(--text-soft);letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:720}h1,h2,h3,p{margin:0}h1{font-size:16px;line-height:1.2}h2{font-size:15px;line-height:1.25}.topbar__preset{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);min-width:0;max-width:720px;color:var(--text-muted);white-space:nowrap;flex:420px;gap:10px;padding:8px 11px;font-size:12px}.topbar__select{border:1px solid var(--border);min-width:0;height:30px;color:var(--text);background:#fff;border-radius:6px;flex:260px;font-size:12px;font-weight:700}.topbar__select--format{flex:0 0 78px;width:78px}.mode-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);flex:none;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.language-switch{z-index:90;flex:none;align-items:center;margin-left:4px;display:inline-flex;position:relative}.language-switch__trigger{border:1px solid color-mix(in srgb, var(--accent) 34%, #fff);background:color-mix(in srgb, var(--accent) 9%, #fff);width:34px;height:34px;color:var(--accent);cursor:pointer;box-shadow:0 1px 2px #17202a0a, 0 8px 18px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:999px;justify-content:center;align-items:center;list-style:none;display:inline-flex}.language-switch__trigger::-webkit-details-marker{display:none}.language-switch__trigger:hover,.language-switch[open] .language-switch__trigger{border-color:color-mix(in srgb, var(--accent) 58%, #fff);background:color-mix(in srgb, var(--accent) 15%, #fff)}.language-switch__menu{z-index:100;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:var(--radius);background:#fbfffe;gap:3px;min-width:148px;padding:4px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 28px #1a283724,inset 0 0 0 1px #ffffffb8}.language-switch__button{color:#405663;text-align:left;background:0 0;border:0;border-radius:6px;min-width:138px;height:28px;padding:0 9px;font-size:12px;font-weight:800}.language-switch__button:hover{background:color-mix(in srgb, var(--accent) 8%, #fff);color:var(--accent)}.language-switch__button.is-active{background:var(--accent);color:#fff;box-shadow:0 1px 2px #4361ee2e}.topbar__support-link{flex:none;min-height:34px;padding:0 10px;font-size:12px}.mode-toggle__button{min-width:98px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:700}.mode-toggle__button.is-active{color:var(--accent-strong);background:#fff;box-shadow:0 1px 2px #192a3824}.topbar__actions{flex:none;justify-self:end;gap:8px;min-width:0;margin-left:auto}.topbar__actions .button{min-width:max-content}.topbar__layout-actions{border-right:1px solid var(--border);gap:4px;margin-right:2px;padding-right:6px}.button,.icon-button{border-radius:var(--radius);border:1px solid var(--border);min-height:36px;color:var(--text);background:#fff;justify-content:center;font-size:13px;font-weight:720}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.68}.button{white-space:nowrap;gap:7px;min-width:0;padding:0 12px}.button svg{flex:none}.button__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.icon-button{flex:none;width:36px}.icon-button.is-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#9ed8cf}.icon-button--danger-soft{color:var(--error);background:#fff7f6;border-color:#ffd2cc}.button--primary{border-color:var(--accent-strong);background:var(--accent);color:#fff}.button--secondary{background:var(--surface-subtle)}.button--support{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 8%, #fff);color:color-mix(in srgb, var(--accent) 82%, #132229);text-decoration:none}.button--danger{color:var(--error);background:#fff7f6;border-color:#ffd2cc}.workspace-grid{grid-template-columns:var(--left-panel-width) minmax(0, 1fr) var(--right-panel-width);min-height:0;display:grid}.left-sidebar,.right-inspector{background:var(--surface);min-height:0}.left-sidebar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.left-sidebar--collapsed{grid-template-rows:auto 1fr;justify-items:center;padding:8px 6px;display:grid;overflow:hidden}.collapse-rail-button,.rail-step-button{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);background:#fff;place-items:center;display:inline-grid}.collapse-rail-button:hover,.rail-step-button:hover,.rail-step-button.is-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#9ed8cf}.rail-step-list{align-content:start;gap:8px;margin-top:14px;display:grid}.rail-panel-marker{color:var(--text-muted);justify-items:center;gap:4px;margin-top:14px;font-size:11px;font-weight:760;display:grid}.rail-panel-marker span{background:var(--surface-muted);border-radius:999px;place-items:center;min-width:22px;height:22px;display:grid}.right-inspector{border-left:1px solid var(--border);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px;overflow:auto}.right-inspector--collapsed{align-content:start;justify-items:center;padding:8px 6px;display:grid;overflow:hidden}.panel-section{border-bottom:1px solid var(--border);flex:none;padding:16px}.panel-section--assets{--asset-panel-height:210px;flex:0 0 var(--asset-panel-height);flex-direction:column;min-height:132px;max-height:380px;display:flex}.panel-section--grow{border-bottom:0;flex:auto;min-height:132px;overflow:auto}.panel-resizer{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #fff, var(--surface-subtle));cursor:row-resize;touch-action:none;flex:0 0 10px;position:relative}.panel-resizer:before{content:"";background:#c7d1dc;border-radius:999px;width:42px;height:2px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.panel-resizer:hover:before{background:var(--accent)}.section-heading{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:760;display:flex}.section-heading strong{color:var(--text)}.section-heading__actions{align-items:center;gap:8px;display:inline-flex}.section-heading--inline{align-items:center;gap:10px}.section-heading--inline span{gap:6px;display:flex}.mini-action,.mini-icon-button{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:760;display:inline-flex}.mini-action{gap:5px;min-height:26px;padding:0 8px}.mini-icon-button{width:27px;height:27px}.mini-action:hover,.mini-icon-button:hover{color:var(--accent-strong);border-color:#9ed8cf}.mini-icon-button--danger:hover,.mini-action--danger:hover{color:var(--error);border-color:#ffc0b8}.mini-icon-button:disabled{cursor:not-allowed;opacity:.42}.step-list,.page-list{gap:7px;display:grid}.page-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.page-row.is-dragging{opacity:.56}.page-row.is-drag-over .page-card{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent)}.page-row__drag{width:24px;height:42px;color:var(--text-soft);cursor:grab;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.page-row__drag:hover,.page-row__drag:focus-visible{border-color:var(--border);background:var(--surface-subtle);color:var(--accent-strong)}.page-row__drag:active{cursor:grabbing}.page-row__actions{gap:5px;display:grid}.step-item,.page-card{border-radius:var(--radius);width:100%;color:var(--text-muted);text-align:left;background:0 0;border:1px solid #0000}.step-item{align-items:center;gap:9px;padding:9px 10px;font-size:13px;font-weight:680;display:flex}.step-item--active{background:var(--accent-soft);color:var(--accent-strong);border-color:#b9e5dd}.step-item--done{color:var(--text)}.page-card{grid-template-columns:22px 52px 1fr;align-items:center;gap:10px;padding:9px;display:grid}.page-card.is-selected{background:#effaf8;border-color:#9ed8cf}.page-card__number{color:var(--text-soft);font-size:12px;font-weight:760}.page-card__preview{border:1px solid var(--border);background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 28px), linear-gradient(180deg, #fff, #f1f5f8);border-radius:6px;height:66px;display:block;position:relative}.page-card__preview span,.page-card__preview img{position:absolute}.page-card__preview span{background:var(--accent);border-radius:4px;width:18px;height:34px;bottom:8px;left:17px;box-shadow:13px -8px #4361ee38}.page-card__preview img{object-fit:cover;border-radius:5px;width:100%;height:100%;inset:0}.page-card__copy{gap:4px;min-width:0;display:grid}.page-card__copy strong,.page-card__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-card__copy strong{color:var(--text);font-size:13px}.page-card__copy small{color:var(--text-soft);font-size:12px}.workspace-canvas{background:linear-gradient(#d8e0e7b8 1px, transparent 1px), linear-gradient(90deg, #d8e0e7b8 1px, transparent 1px), var(--bg);background-size:24px 24px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafce6;justify-content:space-between;gap:16px;padding:12px 18px}.canvas-toolbar__meta{gap:10px;min-width:0}.canvas-toolbar__meta span{border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.canvas-zoom-controls{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffd1;align-items:center;gap:6px;padding:3px;display:flex}.canvas-zoom-controls .mini-icon-button{width:28px;height:28px}.canvas-zoom-slider{width:118px;accent-color:var(--accent)}.canvas-zoom-value{min-width:42px;color:var(--text-muted);text-align:center;font-size:12px;font-weight:760}.canvas-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-stage:active{cursor:grabbing}.canvas-artboard-transform{--canvas-pan-x:0px;--canvas-pan-y:0px;--canvas-zoom:1;width:390px;transform:translate3d(var(--canvas-pan-x), var(--canvas-pan-y), 0) scale(var(--canvas-zoom));transform-origin:50%;will-change:transform;place-items:center;transition:transform .14s;display:grid}.canvas-stage:active .canvas-artboard-transform{transition:none}.canvas-stage .store-artboard{flex:none;width:390px}.canvas-pan-hint{z-index:4;color:var(--text-muted);pointer-events:none;background:#ffffffc2;border:1px solid #bdc8d2b8;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;font-weight:720;display:inline-flex;position:absolute;bottom:16px;right:18px}.store-artboard{aspect-ratio:1290/2796;background:radial-gradient(circle at 24% 16%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 110px), radial-gradient(circle at 85% 78%, #2563eb24, transparent 120px), linear-gradient(180deg, #fbfefe 0%, #edf6f3 100%);width:min(390px,68vh);box-shadow:var(--shadow);--artboard-text:#132229;--artboard-muted:#536674;--device-frame-color:#111a20;border:1px solid #c7d1dc;border-radius:7px;position:relative;overflow:hidden;container-type:inline-size}.export-render-area{pointer-events:none;opacity:0;width:390px;position:fixed;top:0;left:-9999px}.export-render-area .store-artboard{width:390px;box-shadow:none;border:0;border-radius:0}.store-artboard--bg-soft-gradient{background:radial-gradient(circle at 24% 16%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 110px), radial-gradient(circle at 85% 78%, #2563eb24, transparent 120px), linear-gradient(180deg, #fbfefe 0%, #edf6f3 100%)}.store-artboard--bg-solid-light{background:linear-gradient(#fff 0%,#f3f7fa 100%)}.store-artboard--bg-brand-wash{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 150px), linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, #fff) 0%, #f8fbfc 62%, #fff 100%)}.store-artboard--bg-mesh{background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 128px), radial-gradient(circle at 88% 22%, #2563eb2b, transparent 122px), radial-gradient(circle at 72% 84%, #be123c1a, transparent 136px), linear-gradient(180deg, #fbfdff 0%, #eef6f5 100%)}.store-artboard--bg-spotlight{background:radial-gradient(circle at 50% 47%, #fffffff2, transparent 180px), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 260px), linear-gradient(180deg, #eef4f6, #fff)}.store-artboard--bg-glass{background:linear-gradient(135deg, #ffffffb8 0 28%, transparent 28% 100%), linear-gradient(315deg, color-mix(in srgb, var(--accent) 11%, transparent) 0 36%, transparent 36% 100%), linear-gradient(180deg, #f8fbfd 0%, #eaf1f3 100%)}.store-artboard--bg-diagonal{background:linear-gradient(140deg, color-mix(in srgb, var(--accent) 23%, #fff) 0 34%, #f7fafc 34% 68%, #fff 68% 100%)}.store-artboard--bg-deep-contrast{background:radial-gradient(circle at 28% 18%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 140px), radial-gradient(circle at 82% 76%, #2563eb2e, transparent 145px), linear-gradient(180deg, #111b22 0%, #1d2a33 100%);border-color:#26333d}.store-artboard--theme-dark.store-artboard--bg-soft-gradient,.store-artboard--theme-dark.store-artboard--bg-solid-light,.store-artboard--theme-dark.store-artboard--bg-brand-wash,.store-artboard--theme-dark.store-artboard--bg-mesh,.store-artboard--theme-dark.store-artboard--bg-spotlight,.store-artboard--theme-dark.store-artboard--bg-glass,.store-artboard--theme-dark.store-artboard--bg-diagonal{background:radial-gradient(circle at 24% 16%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 140px), radial-gradient(circle at 82% 76%, #7c3aed2e, transparent 150px), linear-gradient(180deg, #101923 0%, #1d2a33 100%);border-color:#26333d}.store-artboard--effects-off.store-artboard--bg-soft-gradient{background:linear-gradient(#fbfefe 0%,#edf6f3 100%)}.store-artboard--effects-off.store-artboard--bg-solid-light{background:linear-gradient(#fff 0%,#f3f7fa 100%)}.store-artboard--effects-off.store-artboard--bg-brand-wash{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, #fff) 0%, #f8fbfc 62%, #fff 100%)}.store-artboard--effects-off.store-artboard--bg-mesh{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, #fbfdff) 0%, #eef6f5 100%)}.store-artboard--effects-off.store-artboard--bg-spotlight{background:linear-gradient(180deg, #eef4f6, color-mix(in srgb, var(--accent) 7%, #fff))}.store-artboard--effects-off.store-artboard--bg-glass{background:linear-gradient(135deg,#ffffffb8 0 28%,#0000 28% 100%),linear-gradient(#f8fbfd 0%,#eaf1f3 100%)}.store-artboard--effects-off.store-artboard--bg-diagonal{background:linear-gradient(140deg, color-mix(in srgb, var(--accent) 12%, #fff), #fff)}.store-artboard--effects-off.store-artboard--bg-deep-contrast,.store-artboard--theme-dark.store-artboard--effects-off{background:linear-gradient(#111b22 0%,#1d2a33 100%)}.store-artboard--bg-deep-contrast .artboard-copy h3{color:var(--artboard-text)}.store-artboard--bg-deep-contrast .artboard-copy p{color:var(--artboard-muted)}.store-artboard--bg-deep-contrast .artboard-copy span{color:color-mix(in srgb, var(--accent) 35%, #fff)}.artboard-decoration{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;position:absolute}.artboard-decoration--one{width:180px;height:180px;top:150px;right:-70px}.artboard-decoration--two{width:190px;height:190px;bottom:150px;left:-70px}.artboard-copy{z-index:2;text-align:center;justify-items:center;display:grid;position:absolute;top:74px;left:34px;right:34px}.artboard-copy span{color:color-mix(in srgb, var(--accent) 82%, #132229);text-transform:uppercase;white-space:pre-line;font-size:11px;font-weight:780}.artboard-copy h3{max-width:100%;color:var(--artboard-text);overflow-wrap:break-word;text-wrap:balance;white-space:pre-line;margin-top:8px;font-size:clamp(22px,7.2cqw,29px);line-height:1.08}.artboard-copy p{max-width:29ch;color:var(--artboard-muted);text-wrap:balance;white-space:pre-line;margin-top:10px;font-size:12px;line-height:1.45}.artboard-text-layers{z-index:2;pointer-events:none;position:absolute;inset:0}.artboard-text-layer{top:var(--layer-y);left:var(--layer-x);width:var(--layer-width);color:var(--artboard-text);font-size:var(--layer-font-size);font-weight:var(--layer-weight);line-height:var(--layer-line-height);overflow-wrap:break-word;text-wrap:balance;white-space:pre-line;position:absolute}.canvas-stage--free .artboard-text-layers{pointer-events:auto}.canvas-stage--free .artboard-text-layer{cursor:grab;pointer-events:auto}.canvas-stage--free .artboard-text-layer:hover,.canvas-stage--free .artboard-text-layer.is-selected{outline:1px dashed color-mix(in srgb, var(--accent) 72%, #fff);outline-offset:4px}.artboard-text-layer--kicker{letter-spacing:.07em;text-transform:uppercase}.artboard-text-layer--accent{color:color-mix(in srgb, var(--accent) 82%, #132229)}.artboard-text-layer--muted{color:var(--artboard-muted)}.store-artboard--bg-deep-contrast .artboard-text-layer--text{color:var(--artboard-text)}.store-artboard--bg-deep-contrast .artboard-text-layer--muted{color:var(--artboard-muted)}.store-artboard--bg-deep-contrast .artboard-text-layer--accent{color:color-mix(in srgb, var(--accent) 35%, #fff)}.device-frame{z-index:3;width:225px;height:474px;position:absolute;bottom:96px;right:83px}.store-artboard--device-phone .device-frame{transform:rotate(var(--device-frame-rotation,0deg));transform-origin:50% 68%}.device-frame--modern{border:1px solid color-mix(in srgb, var(--device-frame-color) 76%, #000);background:linear-gradient(145deg, color-mix(in srgb, var(--device-frame-color) 72%, #fff), var(--device-frame-color));border-radius:38px;padding:7px;box-shadow:0 20px 34px #10202b38}.device-frame--classic{border:3px solid var(--device-frame-color);background:linear-gradient(145deg, #ffffff14, transparent 28%), var(--device-frame-color);border-radius:39px;padding:11px;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 38px #10202b3d}.device-frame--ipad{border:1px solid color-mix(in srgb, var(--device-frame-color) 70%, #000);background:linear-gradient(145deg, #ffffff14, transparent 28%), var(--device-frame-color);border-radius:22px;padding:4px;box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 28px #10202b24}.device-frame__speaker{z-index:8;background:#05090c;border-radius:0 0 22px 22px;width:70px;height:30px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 -2px #05090c,inset 0 -1px #ffffff14,0 1px #0003}.device-frame__speaker:after{content:"";background:#ffffff29;border-radius:999px;width:28px;height:3px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.device-frame__dynamic-island{z-index:5;background:radial-gradient(circle at 78%,#374151b8 0 3px,#0000 4px),#070b0f;border:1px solid #ffffff14;border-radius:999px;width:64px;height:18px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff12,0 1px 4px #00000047}.device-frame__modern-screen,.device-frame__classic-screen,.device-frame__ipad-screen{background:#f6fbfb;width:100%;height:100%;position:relative;overflow:hidden}.canvas-stage--free [data-screenshot-drag-area]{cursor:grab}.canvas-stage--free [data-screenshot-drag-area].is-selected{outline:1px dashed color-mix(in srgb, var(--accent) 72%, #fff);outline-offset:-7px}.device-frame__ipad-screen{border-radius:17px}.device-frame__modern-screen{border-radius:31px}.device-frame__classic-screen{border:1px solid #ffffff0a;border-radius:28px;height:calc(100% + 1px);margin-top:-1px}.device-frame--custom{background:0 0;border:0;border-radius:0;padding:0;box-shadow:0 26px 42px #10202b33}.device-frame__custom-image{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.device-frame__custom-screen{background:#f6fbfb;position:absolute;overflow:hidden}.device-frame__screenshot{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.app-screen{background:linear-gradient(#f9ffff,#eaf5f2);height:100%;padding:24px 14px 14px}.app-screen__top{color:#162229;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.app-screen__top span{background:var(--accent);border-radius:8px;width:30px;height:30px}.app-screen__hero{background:linear-gradient(135deg, #22c7f2eb, #7c3aedc2), var(--accent);border-radius:14px;height:118px;margin-top:24px}.app-screen__rows{gap:12px;margin-top:18px;display:grid}.app-screen__rows span{background:#fff;border-radius:12px;height:38px;box-shadow:0 6px 16px #1a303a14}.app-screen--empty{place-items:center;padding:22px;display:grid}.empty-screenshot{color:var(--text-muted);text-align:center;place-items:center;gap:9px;display:grid}.empty-screenshot strong{color:var(--text);font-size:14px}.empty-screenshot span{font-size:12px;line-height:1.35}.store-artboard--side-by-side .artboard-copy{text-align:left;top:124px;left:28px;right:214px}.store-artboard--side-by-side .artboard-copy h3{font-size:25px;line-height:1.05}.store-artboard--side-by-side .artboard-copy p{max-width:17ch}.store-artboard--side-by-side .device-frame{width:198px;height:418px;bottom:92px;right:20px}.store-artboard--stacked .artboard-copy{top:54px}.store-artboard--stacked .artboard-copy h3{font-size:26px}.store-artboard--stacked .device-frame{width:264px;height:556px;bottom:62px;right:63px}.store-artboard--device-focus .artboard-copy{top:58px;left:30px;right:30px}.store-artboard--device-focus .artboard-copy h3{font-size:27px}.store-artboard--device-focus .artboard-copy p{display:none}.store-artboard--device-focus .device-frame{width:280px;height:590px;bottom:54px;right:55px}.store-artboard--compact-caption .artboard-copy{inset:auto 34px 54px}.store-artboard--compact-caption .artboard-copy h3{font-size:24px}.store-artboard--compact-caption .artboard-copy p{margin-top:8px}.store-artboard--compact-caption .device-frame{width:226px;height:476px;top:74px;bottom:auto;right:82px}.store-artboard--left-device .artboard-copy{text-align:left;justify-items:start;top:148px;left:218px;right:28px}.store-artboard--left-device .artboard-copy h3{font-size:24px;line-height:1.06}.store-artboard--left-device .artboard-copy p{max-width:17ch}.store-artboard--left-device .device-frame{width:196px;height:414px;bottom:82px;left:20px;right:auto}.store-artboard--bottom-story .artboard-copy{inset:auto 30px 70px}.store-artboard--bottom-story .artboard-copy h3{font-size:25px}.store-artboard--bottom-story .device-frame{width:270px;height:568px;top:62px;bottom:auto;right:60px}.store-artboard--hero-headline .artboard-copy{top:76px;left:30px;right:30px}.store-artboard--hero-headline .artboard-copy h3{font-size:32px;line-height:1.02}.store-artboard--hero-headline .artboard-copy p{max-width:27ch}.store-artboard--hero-headline .device-frame{width:250px;height:526px;bottom:60px;right:70px}.store-artboard--right-device .artboard-copy{text-align:left;justify-items:start;top:148px;left:28px;right:218px}.store-artboard--right-device .artboard-copy h3{font-size:24px;line-height:1.06}.store-artboard--right-device .artboard-copy p{max-width:17ch}.store-artboard--right-device .device-frame{width:196px;height:414px;bottom:82px;right:20px}.store-artboard--tilted-device .artboard-copy{top:64px;left:34px;right:34px}.store-artboard--tilted-device .artboard-copy h3{font-size:25px}.store-artboard--tilted-device .device-frame{width:252px;height:532px;transform:rotate(calc(-3deg + var(--device-frame-rotation,0deg)));transform-origin:50% 68%;bottom:78px;right:70px}.store-artboard--feature-card .artboard-copy{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);text-align:left;background:#ffffff94;border-radius:8px;justify-items:start;padding:15px 14px;top:120px;left:28px;right:214px;box-shadow:0 14px 30px #1a283714}.store-artboard--feature-card .artboard-copy h3{font-size:23px;line-height:1.06}.store-artboard--feature-card .artboard-copy p{max-width:17ch}.store-artboard--feature-card .device-frame{width:196px;height:414px;bottom:82px;right:20px}.store-artboard--minimal-top .artboard-copy{top:44px;left:34px;right:34px}.store-artboard--minimal-top .artboard-copy h3{margin-top:5px;font-size:23px}.store-artboard--minimal-top .artboard-copy p{display:none}.store-artboard--minimal-top .device-frame{width:274px;height:578px;bottom:42px;right:58px}.store-artboard--large-caption .artboard-copy{top:70px;left:28px;right:28px}.store-artboard--large-caption .artboard-copy h3{font-size:31px;line-height:1.04}.store-artboard--large-caption .artboard-copy p{max-width:30ch;font-size:14px}.store-artboard--large-caption .device-frame{width:196px;height:414px;bottom:64px;right:97px}.store-artboard--lower-device .artboard-copy{top:82px;left:30px;right:30px}.store-artboard--lower-device .artboard-copy h3{font-size:29px}.store-artboard--lower-device .device-frame{width:286px;height:602px;bottom:-28px;right:52px}.store-artboard--corner-device .artboard-copy{text-align:left;justify-items:start;top:92px;left:30px;right:188px}.store-artboard--corner-device .artboard-copy h3{font-size:26px}.store-artboard--corner-device .artboard-copy p{max-width:18ch}.store-artboard--corner-device .device-frame{width:208px;height:438px;bottom:54px;right:-22px}.store-artboard--device-tablet .artboard-copy{text-wrap:balance;row-gap:0}.store-artboard--device-tablet .artboard-copy span{letter-spacing:.07em;opacity:.9;font-size:8.5px;font-weight:820}.store-artboard--device-tablet .artboard-copy h3{max-width:17ch;margin-top:7px;font-size:clamp(22px,5.7cqw,26px);line-height:1.06}.store-artboard--device-tablet .artboard-copy p{max-width:33ch;margin-top:9px;font-size:11.2px;line-height:1.46}.store-artboard--device-tablet .device-frame{width:250px;height:333px;bottom:34px;left:50%;right:auto;transform:translate(-50%)}.store-artboard--device-tablet.store-artboard--ipad-centered .artboard-copy{top:56px}.store-artboard--device-tablet.store-artboard--ipad-centered .artboard-copy p{max-width:38ch}.store-artboard--device-tablet.store-artboard--ipad-centered .device-frame{width:246px;height:328px;bottom:12px}.store-artboard--device-tablet .artboard-decoration--one{width:190px;height:190px;top:120px;right:-82px}.store-artboard--device-tablet .artboard-decoration--two{width:180px;height:180px;bottom:112px;left:-86px}.store-artboard--device-tablet.store-artboard--orientation-landscape .artboard-copy{top:20px;left:38px;right:38px}.store-artboard--device-tablet.store-artboard--orientation-landscape .artboard-copy h3{justify-self:center;max-width:19ch;font-size:22.5px;line-height:1.04}.store-artboard--device-tablet.store-artboard--orientation-landscape .artboard-copy p{max-width:37ch;font-size:10.6px;line-height:1.36}.store-artboard--device-tablet.store-artboard--orientation-landscape .device-frame{width:236px;height:177px;bottom:14px;left:50%;right:auto;transform:translate(-50%)}.store-artboard--device-tablet.store-artboard--orientation-landscape .artboard-decoration--one{top:48px;right:-76px}.store-artboard--device-tablet.store-artboard--orientation-landscape .artboard-decoration--two{bottom:24px;left:-82px}.store-artboard--device-tablet.store-artboard--ipad-split-story .artboard-copy{text-align:left;justify-items:start;top:38px;left:44px;right:44px}.store-artboard--device-tablet.store-artboard--ipad-split-story .artboard-copy h3,.store-artboard--device-tablet.store-artboard--ipad-feature-card .artboard-copy h3{max-width:16ch;font-size:23px;line-height:1.07}.store-artboard--device-tablet.store-artboard--ipad-split-story .artboard-copy p,.store-artboard--device-tablet.store-artboard--ipad-feature-card .artboard-copy p{max-width:32ch;font-size:10.8px;line-height:1.38}.store-artboard--device-tablet.store-artboard--ipad-split-story .device-frame{width:252px;height:336px;bottom:20px;left:50%;right:auto;transform:translate(-50%)}.store-artboard--device-tablet.store-artboard--ipad-device-focus .artboard-copy,.store-artboard--device-tablet.store-artboard--ipad-minimal-top .artboard-copy{top:30px}.store-artboard--device-tablet.store-artboard--ipad-device-focus .artboard-copy h3,.store-artboard--device-tablet.store-artboard--ipad-minimal-top .artboard-copy h3{max-width:18ch;font-size:24px}.store-artboard--device-tablet.store-artboard--ipad-device-focus .artboard-copy p,.store-artboard--device-tablet.store-artboard--ipad-minimal-top .artboard-copy p{display:none}.store-artboard--device-tablet.store-artboard--ipad-device-focus .device-frame,.store-artboard--device-tablet.store-artboard--ipad-minimal-top .device-frame{width:300px;height:400px;bottom:18px;left:50%;right:auto;transform:translate(-50%)}.store-artboard--device-tablet.store-artboard--ipad-feature-card .artboard-copy{border-color:color-mix(in srgb, var(--accent) 10%, var(--border));background:#fff9;padding:14px 15px;top:34px;left:46px;right:46px;box-shadow:0 10px 22px #1a28370f}.store-artboard--device-tablet.store-artboard--ipad-feature-card .device-frame{width:232px;height:309px;bottom:16px;left:50%;right:auto;transform:translate(-50%)}.store-artboard--device-tablet.store-artboard--ipad-large-caption .artboard-copy{top:36px}.store-artboard--device-tablet.store-artboard--ipad-large-caption .artboard-copy h3{max-width:16ch;font-size:23.5px;line-height:1.07}.store-artboard--device-tablet.store-artboard--ipad-large-caption .artboard-copy p{max-width:32ch;margin-top:8px;font-size:10.8px;line-height:1.38}.store-artboard--device-tablet.store-artboard--ipad-large-caption .device-frame{width:222px;height:296px;bottom:18px;left:50%;right:auto;transform:translate(-50%)}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-split-story .artboard-copy,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .artboard-copy{text-align:left;justify-items:start;top:34px;left:28px;right:232px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-split-story .artboard-copy h3,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .artboard-copy h3{max-width:12.5ch;font-size:19px;line-height:1.08}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-split-story .artboard-copy p,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .artboard-copy p{max-width:19ch;margin-top:6px;font-size:9.5px;line-height:1.34}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-split-story .device-frame,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .device-frame{width:208px;height:156px;bottom:22px;left:auto;right:18px;transform:none}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .artboard-copy{padding:12px 13px;top:28px;left:28px;right:228px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .device-frame{width:204px;height:153px;bottom:24px;right:18px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-device-focus .artboard-copy,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-minimal-top .artboard-copy{top:14px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-centered .artboard-copy,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-large-caption .artboard-copy{top:16px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-centered .artboard-copy h3,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-large-caption .artboard-copy h3,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-device-focus .artboard-copy h3,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-minimal-top .artboard-copy h3{max-width:18ch;font-size:21.5px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-centered .artboard-copy p,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-large-caption .artboard-copy p{display:none}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-device-focus .device-frame,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-minimal-top .device-frame,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-large-caption .device-frame{width:248px;height:186px;bottom:12px;left:50%;right:auto;transform:translate(-50%)}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-device-focus .device-frame,.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-minimal-top .device-frame{width:256px;height:192px;bottom:10px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-centered .device-frame{width:246px;height:185px;bottom:12px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-large-caption .artboard-copy{top:20px}.store-artboard--device-tablet.store-artboard--orientation-landscape.store-artboard--ipad-large-caption .device-frame{width:236px;height:177px}.store-artboard--device-tablet .device-frame--ipad{aspect-ratio:var(--device-frame-aspect-ratio);height:auto!important}.device-frame--free-layout{aspect-ratio:var(--device-frame-aspect-ratio);cursor:grab;transform-origin:50%}.canvas-stage--free .device-frame--free-layout{outline:1px dashed color-mix(in srgb, var(--accent) 62%, #fff);outline-offset:7px}.store-artboard--preset-app-store-ipad-11-portrait.store-artboard--ipad-centered .device-frame,.store-artboard--preset-app-store-ipad-11-portrait.store-artboard--ipad-split-story .device-frame{width:232px}.store-artboard--preset-app-store-ipad-11-portrait.store-artboard--ipad-device-focus .device-frame,.store-artboard--preset-app-store-ipad-11-portrait.store-artboard--ipad-minimal-top .device-frame{width:266px}.store-artboard--preset-app-store-ipad-11-portrait.store-artboard--ipad-feature-card .device-frame{width:218px}.store-artboard--preset-app-store-ipad-11-portrait.store-artboard--ipad-large-caption .device-frame{width:210px}.store-artboard--preset-app-store-ipad-11-landscape.store-artboard--orientation-landscape .device-frame{width:250px}.store-artboard--preset-app-store-ipad-11-landscape.store-artboard--orientation-landscape.store-artboard--ipad-split-story .device-frame,.store-artboard--preset-app-store-ipad-11-landscape.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .device-frame{width:226px;bottom:24px;right:14px}.store-artboard--preset-app-store-ipad-13-portrait.store-artboard--ipad-device-focus .device-frame,.store-artboard--preset-app-store-ipad-13-portrait.store-artboard--ipad-minimal-top .device-frame,.store-artboard--preset-app-store-ipad-portrait.store-artboard--ipad-device-focus .device-frame,.store-artboard--preset-app-store-ipad-portrait.store-artboard--ipad-minimal-top .device-frame{width:304px}.store-artboard--preset-app-store-ipad-landscape.store-artboard--orientation-landscape.store-artboard--ipad-split-story .device-frame,.store-artboard--preset-app-store-ipad-landscape.store-artboard--orientation-landscape.store-artboard--ipad-feature-card .device-frame{width:210px}.inspector-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:12px;padding-bottom:16px;display:flex}.control-group,.control-grid{margin-top:18px}.control-group--selectable,.control-grid--selectable{border-radius:var(--radius);border:1px dashed #0000;margin-left:-8px;margin-right:-8px;padding:8px}.control-group--selectable.is-selected,.control-grid--selectable.is-selected{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 6%, #fff)}.control-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.control-grid--style{grid-template-columns:1fr;align-items:start;gap:14px}.control-grid--style>.control-group{margin-top:0}.control-grid--style .toggle-row{grid-column:1/-1;margin-top:0}.control-label{color:var(--text-muted);gap:7px;margin-bottom:8px;font-size:12px;font-weight:760}.control-label--spaced{margin-top:14px}.workflow-callout{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);gap:4px;margin-bottom:14px;padding:10px 11px;display:grid}.workflow-callout strong{color:var(--accent-strong);font-size:13px}.workflow-callout span{color:var(--text-muted);font-size:12px;line-height:1.35}.toggle-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;margin-top:10px;padding:8px 10px;transition:border-color .18s,background .18s;display:grid}.toggle-row:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row__switch{border:1px solid var(--border-strong);background:#dfe7ee;border-radius:999px;width:34px;height:20px;transition:border-color .18s,background .18s;position:relative;box-shadow:inset 0 1px 2px #17202a1a}.toggle-row__switch:after{content:"";background:#fff;border-radius:999px;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #17202a3d}.toggle-row input:checked+.toggle-row__switch{border-color:var(--accent);background:var(--accent)}.toggle-row input:checked+.toggle-row__switch:after{transform:translate(14px)}.toggle-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4361ee1f}.toggle-row__copy{gap:1px;min-width:0;display:grid}.toggle-row__copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:780;line-height:1.25;overflow:hidden}.toggle-row__copy small{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.32;display:-webkit-box;overflow:hidden}.workflow-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #fff 0%, var(--surface-subtle) 100%);gap:8px;margin-bottom:14px;padding:11px;display:grid}.workflow-card__step-shell{align-items:center;gap:5px;min-width:0;margin-bottom:2px;display:flex}.workflow-card__steps{scrollbar-width:none;flex:auto;gap:5px;min-width:0;padding-bottom:2px;scroll-padding:0 8px;display:flex;overflow-x:auto}.workflow-card__steps::-webkit-scrollbar{display:none}.workflow-step-nav{border:1px solid var(--border);width:28px;height:30px;color:var(--text-muted);background:#ffffffd1;border-radius:4px;flex:0 0 28px;place-items:center;display:grid}.workflow-step-nav:disabled{cursor:not-allowed;opacity:.38}.workflow-step-chip{border:1px solid var(--border);min-width:58px;min-height:30px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffffc7;border-radius:4px;flex:1 0 58px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:760;display:flex;overflow:hidden}.workflow-step-chip__status{background:#c7d1dc;border-radius:999px;flex:none;width:7px;height:7px}.workflow-step-chip--done .workflow-step-chip__status{background:var(--accent)}.workflow-step-chip--attention .workflow-step-chip__status{background:#d99a16}.workflow-step-chip--attention{border-color:#f1d48a}.workflow-step-chip.is-active{color:var(--accent-strong);box-shadow:inset 0 -2px 0 var(--accent), 0 1px 2px #17202a0f;background:#fff;border-color:#8ed2c8}.workflow-card strong{color:var(--accent-strong);font-size:13px}.workflow-card p{color:var(--text-muted);font-size:12px;line-height:1.38}.text-field,.select-field,.option-tile,.color-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);width:100%;color:var(--text)}.text-field{resize:none;padding:10px}.text-field.has-warning{background:#fffdf4;border-color:#f1d48a}.text-field--area{min-height:78px;line-height:1.35}.text-field--compact{min-height:58px;padding:8px;font-size:12px}.select-field{text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.select-field--native{height:40px;display:block}.select-field span{color:var(--accent-strong);font-size:12px;font-weight:760}.empty-control{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-subtle);color:var(--text-muted);padding:10px;font-size:12px;line-height:1.35}.asset-metadata{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.asset-metadata span{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;padding:4px 6px;font-size:11px;font-weight:700}.field-hint{color:var(--text-soft);margin-top:6px;font-size:11px;font-weight:680}.field-hint--warning{color:var(--warning)}.option-tile,.color-chip{text-align:left;height:42px;padding:0 10px;font-size:12px;font-weight:720}.option-tile--static{cursor:default;align-items:center;display:flex}.option-tile--compact{text-align:center;height:34px;margin-top:8px}.option-tile--ghost{color:var(--accent-strong);background:#fff}.option-tile--ghost:hover{background:#effaf8;border-color:#9ed8cf}.option-tile--primary{border-color:var(--accent-strong);background:var(--accent);color:#fff}.option-tile:disabled{cursor:not-allowed;opacity:.48}.option-tile.is-selected{color:var(--accent-strong);background:#effaf8;border-color:#9ed8cf}.frame-upload{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-subtle);min-height:42px;color:var(--accent-strong);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:760;display:flex}.frame-upload input{display:none}.device-frame-summary{border:1px solid var(--border);border-radius:var(--radius);background:#fff;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:9px;margin-top:9px;padding:8px;display:grid}.device-frame-summary img{object-fit:contain;background:var(--surface-muted);border-radius:6px;width:42px;height:54px}.device-frame-summary span{gap:3px;min-width:0;display:grid}.device-frame-summary strong,.device-frame-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-frame-summary strong{color:var(--text);font-size:12px}.device-frame-summary small{color:var(--text-soft);font-size:11px}.device-frame-summary button{width:30px;height:30px;color:var(--error);background:#fff7f6;border:1px solid #ffd2cc;border-radius:6px;place-items:center;display:grid}.calibration-grid{gap:10px;display:grid}.calibration-grid label{color:var(--text-muted);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;font-size:11px;font-weight:760;display:grid}.color-chip{background:#fff;border-color:#d6e0e8;justify-items:center;gap:6px;min-width:0;transition:border-color .18s,background .18s;display:grid;position:relative}.color-chip:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.color-chip__picker{cursor:pointer;place-items:center;width:28px;height:28px;display:grid;position:relative}.color-chip__picker input[type=color]{opacity:0;cursor:pointer;border:0;width:28px;height:28px;padding:0;position:absolute;inset:0}.color-chip__dot{border:2px solid #ffffffdb;border-radius:50%;flex:none;width:21px;height:21px;box-shadow:0 0 0 1px #17202a1a,0 1px 3px #17202a29}.color-chip__hex{border:1px solid var(--border);background:var(--surface-subtle);width:min(92px,100%);min-width:0;color:var(--text);text-align:center;text-transform:uppercase;border-radius:7px;padding:4px 6px;font-size:11px;font-weight:720}.color-chip__hex:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 16%, transparent)}.color-chip__value{min-width:0;color:var(--text-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;overflow:hidden}.range-field{width:100%;accent-color:var(--accent)}.text-layer-list{gap:10px;display:grid}.text-layer-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;gap:9px;padding:10px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.text-layer-card:hover,.text-layer-card.is-selected{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 5%, #fff)}.text-layer-card.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.text-layer-card.is-hidden{background:var(--surface-subtle);opacity:.78;border-style:dashed}.text-layer-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.text-layer-card__header strong{color:var(--text);font-size:12px}.text-layer-control-grid{grid-template-columns:1fr 1fr;gap:9px 10px;display:grid}.text-layer-control-grid label{color:var(--text-muted);gap:5px;font-size:11px;font-weight:740;display:grid}.segmented-control--compact .segmented-control__button{min-height:28px;font-size:11px}.locale-list{gap:8px;display:grid}.locale-chip{border:1px solid var(--border);border-radius:var(--radius);cursor:default;background:#fff;justify-content:space-between;width:100%;padding:9px 10px}.locale-chip strong{color:var(--text);font-size:12px}.locale-chip span{color:var(--text-muted);font-size:12px}.locale-chip--source{background:#effaf8;border-color:#9ed8cf}.locale-chip--draft{background:var(--warning-soft)}.segmented-control{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented-control__button{min-height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;font-size:12px;font-weight:760}.segmented-control__button.is-active{color:var(--accent-strong);background:#fff;box-shadow:0 1px 2px #192a3824}.template-list{gap:8px;display:grid}.template-option{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:#fff;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px;display:grid}.template-option.is-selected{background:#effaf8;border-color:#9ed8cf}.template-option__preview{border:1px solid var(--border);background:radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 18px), linear-gradient(180deg, #fff, #f0f5f6);border-radius:6px;width:76px;height:54px;display:block;position:relative;overflow:hidden}.template-option__preview i,.template-option__preview b,.template-option__preview em{content:"";font-style:normal;display:block;position:absolute}.template-option__preview i{background:#1b2730;border-radius:5px;width:20px;height:34px;box-shadow:inset 0 0 0 2px #ffffffd1}.template-option__preview b,.template-option__preview em{background:color-mix(in srgb, var(--accent) 76%, #fff);border-radius:999px;height:4px}.template-option__preview em{opacity:.45;width:24px}.template-option__preview--centered i,.template-option__preview--device-focus i,.template-option__preview--stacked i,.template-option__preview--minimal-top i{bottom:6px;left:28px}.template-option__preview--centered b,.template-option__preview--device-focus b,.template-option__preview--stacked b,.template-option__preview--minimal-top b{width:40px;top:8px;left:18px}.template-option__preview--centered em,.template-option__preview--device-focus em,.template-option__preview--stacked em,.template-option__preview--minimal-top em{top:15px;left:26px}.template-option__preview--side-by-side i,.template-option__preview--right-device i,.template-option__preview--feature-card i{bottom:8px;right:10px}.template-option__preview--side-by-side b,.template-option__preview--right-device b,.template-option__preview--feature-card b{width:30px;top:17px;left:9px}.template-option__preview--side-by-side em,.template-option__preview--right-device em,.template-option__preview--feature-card em{top:25px;left:9px}.template-option__preview--left-device i,.template-option__preview--corner-device i,.template-option__preview--tilted-device i{bottom:8px;left:10px}.template-option__preview--left-device b,.template-option__preview--corner-device b,.template-option__preview--tilted-device b{width:30px;top:18px;right:9px}.template-option__preview--left-device em,.template-option__preview--corner-device em,.template-option__preview--tilted-device em{top:26px;right:15px}.template-option__preview--tilted-device i{transform:rotate(-8deg)}.template-option__preview--compact-caption i,.template-option__preview--bottom-story i,.template-option__preview--large-caption i,.template-option__preview--lower-device i,.template-option__preview--hero-headline i{top:7px;left:28px}.template-option__preview--compact-caption b,.template-option__preview--bottom-story b,.template-option__preview--large-caption b,.template-option__preview--lower-device b,.template-option__preview--hero-headline b{width:40px;bottom:11px;left:18px}.template-option__preview--compact-caption em,.template-option__preview--bottom-story em,.template-option__preview--large-caption em,.template-option__preview--lower-device em,.template-option__preview--hero-headline em{bottom:5px;left:26px}.template-list--tablet .template-option__preview i{border-radius:5px;width:30px;height:24px;transform:none}.template-list--tablet .template-option__preview--ipad-centered i,.template-list--tablet .template-option__preview--ipad-device-focus i,.template-list--tablet .template-option__preview--ipad-minimal-top i,.template-list--tablet .template-option__preview--ipad-large-caption i{bottom:9px;left:23px}.template-list--tablet .template-option__preview--ipad-device-focus i,.template-list--tablet .template-option__preview--ipad-minimal-top i{width:40px;height:31px;bottom:7px;left:18px}.template-list--tablet .template-option__preview--ipad-large-caption i{width:27px;height:22px;bottom:6px}.template-list--tablet .template-option__preview--ipad-split-story i,.template-list--tablet .template-option__preview--ipad-feature-card i{width:34px;height:26px;bottom:14px;right:8px}.template-list--tablet .template-option__preview--ipad-feature-card i{width:30px;height:24px;bottom:12px}.template-list--tablet .template-option__preview--ipad-centered b,.template-list--tablet .template-option__preview--ipad-device-focus b,.template-list--tablet .template-option__preview--ipad-minimal-top b,.template-list--tablet .template-option__preview--ipad-large-caption b{width:42px;top:8px;left:17px}.template-list--tablet .template-option__preview--ipad-centered em,.template-list--tablet .template-option__preview--ipad-device-focus em,.template-list--tablet .template-option__preview--ipad-minimal-top em,.template-list--tablet .template-option__preview--ipad-large-caption em{top:15px;left:25px}.template-list--tablet .template-option__preview--ipad-split-story b,.template-list--tablet .template-option__preview--ipad-feature-card b{width:30px;top:16px;left:9px}.template-list--tablet .template-option__preview--ipad-split-story em,.template-list--tablet .template-option__preview--ipad-feature-card em{top:24px;left:9px}.template-list--tablet .template-option__preview--ipad-feature-card b{width:26px;top:12px;left:9px}.template-list--tablet .template-option__preview--ipad-feature-card em{top:20px;left:9px}.template-option__copy{gap:4px;min-width:0;display:grid}.template-option strong{color:var(--text);font-size:12px}.template-option small{color:var(--text-muted);font-size:11px;line-height:1.35}.background-style-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.background-style-option{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:#fff;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:9px;display:grid}.background-style-option.is-selected{background:#effaf8;border-color:#9ed8cf}.background-style-option__swatch{border:1px solid var(--border);background:linear-gradient(#fbfefe,#edf6f3);border-radius:7px;width:42px;height:42px}.background-style-option span:last-child{gap:3px;min-width:0;display:grid}.background-style-option strong,.background-style-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.background-style-option strong{color:var(--text);font-size:12px}.background-style-option small{color:var(--text-muted);font-size:11px}.background-style-option--solid-light .background-style-option__swatch{background:linear-gradient(#fff,#f3f7fa)}.background-style-option--brand-wash .background-style-option__swatch{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 24px), linear-gradient(180deg, color-mix(in srgb, var(--accent) 16%, #fff), #fff)}.background-style-option--mesh .background-style-option__swatch{background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--accent) 32%, transparent), transparent 20px), radial-gradient(circle at 82% 22%, #2563eb3d, transparent 18px), radial-gradient(circle at 72% 82%, #be123c29, transparent 20px), #f8fbfd}.background-style-option--spotlight .background-style-option__swatch{background:radial-gradient(circle,#fff,#0000 28px),linear-gradient(#eaf3f4,#fff)}.background-style-option--glass .background-style-option__swatch{background:linear-gradient(135deg, #ffffffe6 0 42%, transparent 42%), linear-gradient(315deg, color-mix(in srgb, var(--accent) 16%, transparent) 0 45%, transparent 45%), #eef4f6}.background-style-option--diagonal .background-style-option__swatch{background:linear-gradient(140deg, color-mix(in srgb, var(--accent) 28%, #fff) 0 40%, #f7fafc 40% 70%, #fff 70%)}.background-style-option--deep-contrast .background-style-option__swatch{background:radial-gradient(circle at 26% 18%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 20px), linear-gradient(180deg, #111b22, #1d2a33)}.theme-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.theme-color-grid--gradient{grid-template-columns:repeat(2,minmax(0,1fr))}.page-theme-override .theme-color-grid:not(.theme-color-grid--gradient){grid-template-columns:1fr}.theme-gradient-controls,.page-theme-override{border-top:1px solid var(--border);gap:10px;margin-top:12px;padding-top:12px;display:grid}.gradient-preset-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.gradient-preset{border:1px solid var(--border);background:#fff;border-radius:8px;height:28px;padding:3px}.gradient-preset span{border-radius:6px;width:100%;height:100%;display:block}.gradient-preset.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent)}.compact-range-label{color:var(--text-muted);gap:6px;font-size:11px;font-weight:740;display:grid}.theme-color-grid .color-chip{align-content:center;gap:5px;min-height:64px;padding:8px 6px}.theme-color-grid .color-chip__dot{width:23px;height:23px}.theme-color-grid .color-chip__value{text-align:center;max-width:100%}.page-theme-override .segmented-control{margin-top:0}.upload-dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-subtle);min-height:84px;color:var(--accent-strong);text-align:center;cursor:pointer;place-items:center;gap:4px;font-size:13px;font-weight:760;display:grid}.upload-dropzone input{display:none}.upload-dropzone small{color:var(--text-soft);font-size:11px;font-weight:680}.upload-error{color:var(--error);margin-top:8px;font-size:12px;line-height:1.35}.asset-list{gap:7px;min-height:0;margin-top:10px;padding-right:2px;display:grid;overflow:auto}.asset-card{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;padding:7px;display:grid}.asset-card__select{min-width:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:0;display:grid}.asset-card.is-selected{background:#effaf8;border-color:#9ed8cf}.asset-card img{object-fit:cover;background:var(--surface-muted);border-radius:6px;width:42px;height:54px}.asset-card span{gap:3px;min-width:0;display:grid}.asset-card strong,.asset-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-card strong{color:var(--text);font-size:12px}.asset-card small{color:var(--text-soft);font-size:11px}.free-mode-note{border-radius:var(--radius);background:#f8fafc;border:1px solid #c7d1dc;margin-top:18px;padding:12px}.free-mode-note strong{font-size:13px}.free-mode-note p{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.4}.status-strip{z-index:30;border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #bdc8d2c7;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:center;gap:12px;max-height:34vh;padding:10px 12px;display:grid;position:fixed;bottom:16px;left:18px;right:18px;box-shadow:0 14px 34px #1a283724}.status-strip--collapsed{border-radius:999px;grid-template-columns:minmax(0,1fr) auto;width:min(520px,100vw - 32px);min-height:42px;padding:7px 9px 7px 12px;left:auto;right:50%;transform:translate(50%)}.status-strip__summary{color:var(--accent-strong);white-space:nowrap;gap:8px;font-size:13px;font-weight:760}.status-strip__summary span,.status-strip__summary strong{text-overflow:ellipsis;overflow:hidden}.status-strip__summary span{flex:none}.status-strip__summary strong{color:var(--text-muted);font-size:12px;font-weight:680}.status-strip__compact-detail{border:1px solid var(--border);background:var(--surface-subtle);min-width:26px;height:24px;color:var(--text-muted);border-radius:999px;place-items:center;font-size:12px;font-weight:760;display:grid}.status-strip--attention .status-strip__summary{color:var(--warning)}.status-strip--attention .status-strip__compact-detail{background:var(--warning-soft);color:var(--warning);border-color:#f1d48a}.status-items{gap:10px;min-width:0;padding-bottom:2px;overflow:auto hidden}.status-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);min-width:0;color:var(--text-muted);align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:flex}.status-item span{color:var(--text);white-space:nowrap;font-weight:760}.status-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-item--warning{background:var(--warning-soft);color:var(--warning);border-color:#f1d48a}.status-item--error{background:var(--error-soft);color:var(--error);border-color:#ffc0b8}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1a236b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.export-modal{border:1px solid var(--border);background:#fff;border-radius:10px;width:min(1040px,100vw - 48px);max-height:min(840px,100vh - 48px);overflow:auto;box-shadow:0 28px 80px #0c182447}.preview-modal{border:1px solid var(--border);background:#fff;border-radius:10px;width:min(680px,100vw - 48px);max-height:min(820px,100vh - 48px);overflow:auto;box-shadow:0 28px 80px #0c182447}.preview-modal__body{background:var(--surface-muted);place-items:center;padding:18px;display:grid}.preview-modal .store-artboard{width:min(390px,80vw,64vh);box-shadow:none}.onboarding-modal{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(520px,100vw - 48px);max-height:min(760px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 28px 80px #0c182447}.onboarding-modal__header,.onboarding-modal__footer{justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.onboarding-modal__header{border-bottom:1px solid var(--border)}.onboarding-modal__footer{border-top:1px solid var(--border)}.onboarding-modal__brand{align-items:center;gap:10px;display:inline-flex}.onboarding-modal__brand img{border-radius:10px;width:38px;height:38px}.onboarding-modal__brand span,.onboarding-step span{gap:2px;min-width:0;display:grid}.onboarding-modal__brand strong{color:var(--text);letter-spacing:.04em;font-size:13px;font-weight:860}.onboarding-modal__brand small,.onboarding-step small{color:var(--text-muted);font-size:12px;line-height:1.38}.onboarding-modal__intro{justify-items:start;gap:8px;padding:20px 18px 10px;display:grid}.onboarding-modal__intro svg{color:var(--accent)}.onboarding-modal__intro h2{color:var(--text);font-size:22px}.onboarding-modal__intro p{color:var(--text-muted);font-size:13px}.onboarding-step-list{gap:9px;min-height:0;margin:0;padding:10px 18px 18px;list-style:none;display:grid;overflow:auto}.onboarding-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;padding:12px;display:grid}.onboarding-step svg{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-strong);border-radius:10px;padding:8px;display:grid}.onboarding-step strong{color:var(--text);font-size:13px}.export-progress-backdrop{z-index:55}.export-progress{border:1px solid var(--border);background:#fff;border-radius:12px;width:min(440px,100vw - 48px);overflow:hidden;box-shadow:0 28px 80px #0c182447}.export-progress__header{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;display:grid}.export-progress__icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);border-radius:999px;place-items:center;display:grid}.export-progress__icon svg{display:block}.export-progress--preparing .export-progress__icon svg,.export-progress--rendering .export-progress__icon svg,.export-progress--zipping .export-progress__icon svg,.export-progress--downloading .export-progress__icon svg{animation:.9s linear infinite export-progress-spin}.export-progress--done .export-progress__icon{color:var(--accent-strong);background:#edf8f5}.export-progress--error .export-progress__icon{color:var(--error);background:#fff1ef}.export-progress__header h2{color:var(--text);margin:2px 0 0;font-size:20px;line-height:1.1}.export-progress__body{gap:10px;padding:18px;display:grid}.export-progress__body strong{color:var(--text);font-size:15px}.export-progress__body p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.export-progress__bar{background:var(--surface-muted);border-radius:999px;width:100%;height:10px;overflow:hidden}.export-progress__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width .22s;display:block}.export-progress--error .export-progress__bar span{background:linear-gradient(90deg,#ef766d,#b42318)}.export-progress__meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:720;display:flex}.export-progress__meta strong{color:var(--text);font-size:12px}.export-progress__file{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:9px 10px;font-size:12px;font-weight:680;display:block;overflow:hidden}@keyframes export-progress-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-modal__header,.export-modal__footer{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.export-modal__header{border-bottom:1px solid var(--border)}.export-modal__footer{border-top:1px solid var(--border)}.export-modal__summary{flex-wrap:wrap;gap:8px;padding:14px 18px 0;display:flex}.export-modal__summary span{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);border-radius:999px;padding:6px 8px;font-size:12px;font-weight:760}.export-ready{border-radius:var(--radius);color:var(--accent-strong);background:#effaf8;border:1px solid #9ed8cf;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:720;display:flex}.export-review-grid{grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:14px;padding:14px 18px 0;display:grid}.export-preview-panel,.export-issues-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle)}.export-preview-panel{min-width:0;padding:12px}.export-preview-panel__heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.export-preview-panel__heading strong{color:var(--text);font-size:13px}.export-preview-panel__heading span{color:var(--text-muted);font-size:12px;font-weight:720}.export-preview-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));align-items:start;gap:10px;max-height:430px;padding-right:2px;display:grid;overflow:auto}.export-preview-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 12px 28px #12222c14}.export-preview-card__canvas{background-color:#f8fafb;background-image:linear-gradient(90deg,#5b6e7c14 1px,#0000 1px),linear-gradient(#5b6e7c14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;padding:10px;display:grid}.export-preview-artboard-frame{flex:none;position:relative}.export-preview-artboard-scale{transform-origin:0 0;width:390px;position:absolute;top:0;left:0}.export-preview-artboard-scale .store-artboard{border:0;border-radius:0;width:390px;max-height:none;box-shadow:0 16px 32px #0c18242e}.export-preview-card figcaption{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;padding:9px 10px 10px;display:grid}.export-preview-card figcaption span{background:var(--surface-muted);width:24px;height:24px;color:var(--text-soft);border-radius:999px;grid-row:span 2;place-items:center;font-size:11px;font-weight:820;display:grid}.export-preview-card figcaption strong,.export-preview-card figcaption small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-preview-card figcaption strong{color:var(--text);font-size:12px}.export-preview-card figcaption small{color:var(--text-muted);font-size:11px}.export-preview-card__issue{color:#b42318;background:#fff1eff5;border:1px solid #ffb4aa;border-radius:999px;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:5px 7px;font-size:11px;font-weight:820;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 8px 20px #b423181f}.export-issues-panel{align-content:start;gap:10px;padding:12px;display:grid}.export-issue-summary,.export-issue{color:#b42318;background:#fff1ef;border:1px solid #ffb4aa;align-items:flex-start;gap:9px;display:flex}.export-issue-summary{border-radius:var(--radius);padding:11px 12px}.export-issue-summary span,.export-issue span{gap:2px;min-width:0;display:grid}.export-issue-summary strong,.export-issue strong{color:#821b13;font-size:13px}.export-issue-summary small,.export-issue small{color:#9f2d23;font-size:12px;line-height:1.35}.export-issue-list{gap:8px;display:grid}.export-issue{border-radius:var(--radius);padding:9px 10px}.export-support{border:1px solid color-mix(in srgb, var(--accent) 26%, #fff);border-radius:var(--radius);color:var(--accent-strong);background:radial-gradient(circle at 8% 0,#22c7f229,#0000 32%),linear-gradient(135deg,#f5f7ff,#fff);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:14px 18px 0;padding:12px 14px;display:grid}.export-support span{gap:3px;min-width:0;display:grid}.export-support strong{color:var(--text);font-size:12px}.export-support small{color:var(--text-muted);font-size:12px;line-height:1.35}.export-support__button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px 999px 999px 12px;justify-content:center;align-items:center;gap:6px;min-width:74px;padding:10px 15px 10px 13px;font-size:13px;font-weight:840;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 12px 26px #4361ee38}.export-support__button:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 16px 32px #4361ee47}.privacy-notice{z-index:35;justify-items:end;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:14px;right:16px}.privacy-notice__trigger{color:var(--text-muted);text-underline-offset:3px;background:0 0;border:0;font-size:12px;font-weight:760;text-decoration:underline}.privacy-notice__trigger:hover{color:var(--accent-strong)}.privacy-notice__panel{border:1px solid var(--border);color:var(--text-muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:10px;gap:9px;padding:13px 14px;display:grid;box-shadow:0 18px 50px #0c18242e}.privacy-notice__header,.privacy-notice__header span{align-items:center;display:flex}.privacy-notice__header{justify-content:space-between;gap:12px}.privacy-notice__header span{color:var(--accent-strong);gap:7px}.privacy-notice__header strong{color:var(--text);font-size:13px}.privacy-notice p,.privacy-notice ul{margin:0}.privacy-notice p,.privacy-notice li{font-size:12px;line-height:1.42}.privacy-notice ul{gap:6px;padding-left:18px;display:grid}@media (max-width:1280px){.app-shell{--left-panel-width:248px;--right-panel-width:300px;grid-template-rows:auto minmax(0, 1fr) var(--status-height)}.app-shell.app-shell--left-collapsed{--left-panel-width:52px}.app-shell.app-shell--right-collapsed{--right-panel-width:52px}.topbar{align-items:stretch}.topbar__actions{flex-wrap:wrap;flex:100%;justify-content:flex-end;margin-left:0}.topbar__actions .button{flex:auto}}@media (max-width:1180px){.app-shell{--left-panel-width:228px;--right-panel-width:280px}.app-shell.app-shell--left-collapsed{--left-panel-width:52px}.app-shell.app-shell--right-collapsed{--right-panel-width:52px}.topbar{gap:10px}.topbar__brand,.topbar__preset{flex:100%}.topbar__brand{flex-wrap:wrap}.mode-toggle{flex:0 0 260px}.topbar__actions{flex:420px}.topbar__preset{flex-wrap:wrap;max-width:none}.topbar__select{flex:180px;max-width:none}}@media (max-width:720px){.mode-toggle{flex:100%}.topbar__actions{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.topbar__layout-actions{border-right:0;grid-column:1/-1;justify-content:stretch;margin-right:0;padding-right:0}.topbar__layout-actions .icon-button{flex:1 1 0;width:auto;min-width:0}.topbar__actions>.icon-button{width:100%}.topbar__actions .button{grid-column:span 2;width:100%;padding:0 10px}}@media (max-width:860px){.app-shell{height:auto;min-height:100vh;display:block;overflow:visible}.workspace-grid{grid-template-columns:1fr;display:grid}.left-sidebar,.right-inspector{border-left:0;border-right:0}.left-sidebar{border-bottom:1px solid var(--border);display:block;overflow-y:visible}.left-sidebar.left-sidebar--collapsed{grid-template-rows:auto;grid-template-columns:auto 1fr;place-items:center start;gap:10px;display:grid}.left-sidebar--collapsed .rail-step-list{gap:8px;max-width:100%;margin-top:0;display:flex;overflow-x:auto}.panel-section--grow{max-height:320px}.panel-section--assets{max-height:none}.panel-resizer{display:none}.asset-list{max-height:180px}.workspace-canvas{min-height:640px}.canvas-stage{padding:18px}.store-artboard{width:min(390px,100vw - 40px,72vh)}.right-inspector{max-height:none;display:block}.status-strip{grid-template-columns:1fr;max-height:42vh;bottom:10px;left:10px;right:10px}.status-strip--collapsed{width:auto;left:10px;right:10px;transform:none}.status-strip:not(.status-strip--collapsed){z-index:30;position:fixed;bottom:10px}.status-items{padding-bottom:2px;overflow-x:auto}.export-modal{width:min(720px,100vw - 24px)}.export-review-grid{grid-template-columns:1fr}.export-preview-grid{max-height:360px}}@media (max-width:540px){.topbar{padding:10px}.brand-mark{border-radius:12px;width:44px;height:44px}.topbar__brand{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.language-switch{margin-left:0}.topbar__support-link{width:34px;min-height:34px;padding:0}.topbar__support-link .button__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar__actions{flex-wrap:wrap;gap:8px;display:flex}.topbar__actions .button{flex:calc(50% - 28px);width:auto;min-width:0;padding:0 8px;font-size:12px}.topbar__actions>.icon-button{flex:0 0 40px;width:40px}.mode-toggle,.control-grid{grid-template-columns:1fr}.canvas-toolbar{gap:8px;display:grid}.export-modal{max-height:calc(100vh - 24px)}.export-progress{width:calc(100vw - 24px)}.export-progress__header,.export-progress__body{padding:14px}.onboarding-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.onboarding-modal__header,.onboarding-modal__footer{padding:12px}.onboarding-modal__intro{padding:16px 12px 8px}.onboarding-step-list{padding:8px 12px 12px}.onboarding-step{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:10px}.onboarding-step svg{width:30px;height:30px;padding:7px}.onboarding-modal__footer .button{flex:1 1 0}.export-modal__summary{gap:6px}.export-preview-grid{grid-template-columns:1fr}.export-support{grid-template-columns:auto minmax(0,1fr)}.export-support__button{grid-column:2;justify-self:start}.export-modal__footer{display:grid}}