:root{--paper:#f5f5f7;--ink:#17171a;--cream:#fff;--glass:#1c1c1eb8;--accent:#0a84ff;--teal:#0a84ff;--yellow:#fff;--muted:#3c3c43b3;--surface:#ffffffd1;--surface-strong:#fff;--separator:#3c3c4329;--shadow-soft:0 16px 44px #00000029;--ui-border:1px;--ui-border-strong:1px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:#111;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;transition:transform .14s,opacity .14s,background-color .18s,border-color .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0a84ff8c}.native-shell{width:100vw;height:var(--app-height,100dvh);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% -18%,#5b92ff2e,#0000 42%),linear-gradient(#18181b 0%,#09090b 100%);position:fixed;inset:0;overflow:hidden}.start-screen{z-index:200;color:#f5f5f7;background:radial-gradient(circle at 50% 2%,#5b92ff38,#0000 38%),linear-gradient(#18181b,#09090b);align-content:center;place-items:center;gap:20px;padding:28px;display:grid;position:fixed;inset:0}.start-mark{letter-spacing:-.055em;text-align:center;font-size:clamp(34px,10vw,58px);font-weight:760;line-height:.9}.draft-checking{color:#fff8ecb8;place-items:center;min-height:86px;font-size:14px;font-weight:900;display:grid}.draft-recovery-card{border:var(--ui-border-strong) solid #ffffff2e;width:min(100%,360px);color:var(--ink);box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:22px;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:13px;padding:11px;display:grid}.draft-recovery-card .layout-preview{width:84px}.draft-recovery-copy{gap:4px;min-width:0;display:grid}.draft-recovery-copy span{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:1000}.draft-recovery-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1;overflow:hidden}.draft-recovery-copy em{color:var(--muted);font-size:11px;font-style:normal;font-weight:900;line-height:1.25}.draft-recovery-error{border:var(--ui-border) solid #b3261e9e;color:#8c1f19;text-align:center;background:#fff8eceb;border-radius:14px;width:min(330px,100vw - 40px);padding:9px 12px;font-size:12px;font-weight:900;line-height:1.3}.start-screen .start-button{border:var(--ui-border-strong) solid #ffffff24;color:#fff;background:var(--accent);border-radius:999px;min-width:168px;min-height:62px;font-size:20px;font-weight:720;box-shadow:0 12px 30px #0a84ff4d}.format-picker{text-align:center;gap:10px;width:min(100%,360px);display:grid}.format-picker>span{color:#fff8ecb8;text-transform:uppercase;font-size:13px;font-weight:1000}.format-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.format-option{border:var(--ui-border) solid #ffffff29;color:#f5f5f7;min-height:62px;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff12;border-radius:16px;place-items:center;gap:2px;padding:7px 3px;display:grid}.format-option.active{color:#fff;background:#0a84ffe0;border-color:#0a84ffbf;box-shadow:0 8px 20px #0a84ff38}.format-option strong{font-size:17px;line-height:1}.format-option em{font-size:10px;font-style:normal;font-weight:1000;line-height:1}.install-card{color:#111;background:var(--cream);border:4px solid #111;border-radius:14px;width:min(100%,340px);padding:22px;box-shadow:7px 8px #111}.install-share-button{border:var(--ui-border-strong) solid #ffffff29;color:#111;background:var(--yellow);border-radius:999px;width:100%;min-height:46px;margin:0 0 14px;font-size:15px;font-weight:720;box-shadow:3px 4px #111}.install-kicker{color:var(--accent);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:1000}.install-card h1{margin:0;font-size:28px;line-height:1}.install-card p{color:#111111b8;margin:12px 0 14px;font-size:15px;font-weight:800;line-height:1.3}.install-card ol{gap:7px;margin:0;padding-left:22px;font-size:16px;font-weight:950;line-height:1.2;display:grid}.live-camera,.photo-upload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sr-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.comic-stage{inset:max(72px, calc(env(safe-area-inset-top) + 62px)) 10px 116px;grid-template-rows:minmax(0,1fr);display:grid;position:absolute}.live-strip{--gutter:10px;--radius:7px;--border:4px;width:min(100%, calc((var(--app-height,100dvh) - 136px) * var(--page-width) / var(--page-height)));max-width:580px;height:min(100%, calc((100vw - 20px) * var(--page-height) / var(--page-width)));max-height:100%;padding:var(--gutter);border:var(--border) solid var(--ink);background:var(--paper);aspect-ratio:var(--page-width) / var(--page-height);border-radius:10px;place-self:center;position:relative;overflow:visible;box-shadow:0 24px 70px #0006,inset 0 0 0 1px #fff3}.live-strip.is-custom:after{content:"";inset:calc(-1 * var(--border));z-index:7;border:var(--border) solid var(--ink);pointer-events:none;border-radius:10px;position:absolute}.live-panel{border:var(--border) solid var(--ink);border-radius:var(--radius);cursor:pointer;pointer-events:none;background:#f2f2f7;padding:0;transition:transform .14s,box-shadow .14s,filter .14s;position:absolute;overflow:hidden;transform:scale(.985)}.live-panel.is-live{z-index:2;transform:scale(1);box-shadow:0 0 0 2px #18b7a8e6,0 0 0 999px #00000014}.live-panel img{object-fit:fill;will-change:left, top, width, height, transform;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.live-divider-gap{z-index:3;transform-origin:0;pointer-events:none;position:absolute}.live-divider-gap:before{content:"";width:100%;height:calc(var(--gutter) + (var(--border) * 2));background:var(--ink);border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.live-divider-gap:after{content:"";width:100%;height:var(--gutter);background:var(--paper);border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.live-frame{z-index:2;object-fit:cover;width:100%;height:100%;animation:1.4s ease-in-out infinite livePulse;position:absolute;top:0;left:0}.panel-chip{z-index:4;top:var(--chip-y,8px);left:var(--chip-x,8px);border:2px solid var(--ink);min-width:32px;color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:1000;line-height:1;position:absolute;transform:translate(-50%,-50%)}.live-panel:not(.is-live):not(.is-shot):before{content:"Add photo";color:#3c3c438a;place-items:center;font-size:13px;font-weight:620;display:grid;position:absolute;inset:0}.strip-caption{right:var(--gutter);bottom:var(--gutter);left:var(--gutter);z-index:10;border:var(--border) solid var(--ink);border-radius:var(--radius);overflow-wrap:anywhere;background:#ffffffeb;place-items:center;min-height:44px;padding:8px 12px;font-size:20px;font-weight:680;line-height:1.1;display:grid;position:absolute}.capture-bar{right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:60;pointer-events:none;justify-content:center;align-items:center;gap:clamp(10px,3.6vw,18px);transition:opacity .16s,transform .18s;display:flex;position:absolute;left:0}.native-shell.has-photo-actions .capture-bar{opacity:0;pointer-events:none;transform:translateY(14px)scale(.98)}.native-shell.has-photo-actions .capture-bar button{pointer-events:none}.history-toolbar{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:62;border:var(--ui-border) solid #fff8ec80;color:#fff8ec;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#1111117a;border-radius:999px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;box-shadow:0 10px 26px #00000047}.history-toolbar button{width:44px;height:44px;color:inherit;background:#ffffff14;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.history-toolbar button:disabled{opacity:.34}.history-toolbar svg,.photo-action-buttons svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.history-toolbar svg.is-mirrored{transform:scaleX(-1)}.autosave-chip{color:#fff8ecc7;align-items:center;gap:5px;min-width:60px;padding:0 8px 0 5px;font-size:10px;font-weight:950;line-height:1;display:flex}.autosave-chip i{background:var(--teal);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 2px #18b7a82e}.autosave-chip.is-saving i{background:var(--yellow);animation:.8s ease-in-out infinite savePulse}.autosave-chip.is-error{color:#fff}.autosave-chip.is-error i{background:var(--accent)}@keyframes savePulse{50%{opacity:.42}}.photo-action-tray{bottom:max(12px, env(safe-area-inset-bottom));right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));z-index:66;border:var(--ui-border) solid #ffffff80;width:auto;max-width:390px;color:var(--ink);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffffe6;border-radius:20px;gap:5px;margin:0 auto;padding:7px;display:grid;position:absolute}.photo-action-summary{justify-content:space-between;align-items:center;gap:10px;padding:0 5px;display:flex}.photo-action-summary>div{align-items:baseline;gap:7px;min-width:0;display:flex}.photo-action-summary strong,.photo-action-summary span{font-size:10px;font-weight:1000;line-height:1.1}.photo-action-summary span{color:var(--muted)}.photo-action-done{color:#fff;background:var(--accent);border:0;border-radius:999px;min-width:58px;min-height:30px;padding:0 12px;font-size:12px;font-weight:700}.photo-action-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.photo-action-buttons button{border:var(--ui-border) solid #11111121;color:#111;background:#ffffffa3;border-radius:12px;align-content:center;place-items:center;gap:2px;min-width:0;min-height:50px;padding:4px 2px;display:grid}.photo-action-buttons button[aria-pressed=true]{background:#18b7a82e;border-color:#18b7a8b8}.photo-action-buttons button:disabled{opacity:.38}.photo-action-buttons button.is-danger{color:#8c1f19;background:#b3261e17}.photo-action-buttons span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:1000;line-height:1;overflow:hidden}.rotation-snap-cue{z-index:64;color:#111;pointer-events:none;justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.rotation-snap-cue span{border:var(--ui-border) solid #0a84ff59;color:#fff;text-align:center;background:#0a84ffeb;border-radius:999px;min-width:58px;padding:7px 10px;font-size:13px;font-weight:1000;box-shadow:0 8px 20px #0a84ff3d}.rotation-snap-cue i{background:var(--yellow);width:2px;height:44px;box-shadow:0 0 0 1px #11111180}.capture-bar button{pointer-events:auto}.shutter{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11111147;border:5px solid #fff8eceb;border-radius:999px;place-items:center;width:82px;height:82px;display:grid;box-shadow:0 16px 38px #00000057,0 0 0 2px #1111113d}.shutter span{border-radius:inherit;background:#fff;width:58px;height:58px;box-shadow:inset 0 0 0 3px #00000014}.round-action{border:var(--ui-border) solid #ffffff38;color:#f5f5f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#2c2c2eb8;border-radius:999px;width:54px;height:54px;font-size:23px;font-weight:900;box-shadow:0 10px 26px #00000038}.round-action:disabled{opacity:.62}.video-action{color:#fff;background:var(--teal);border-color:#18b7a8b8;box-shadow:0 12px 30px #0a84ff3d}.video-action.is-rendering{animation:1s ease-in-out infinite videoPulse}.share-action{color:#fff;background:#30a46c;border-color:#111111ad;box-shadow:0 12px 30px #30a46c38}@keyframes videoPulse{50%{transform:scale(1.06)}}.capture-bar button:active,.drawer-tabs button:active,.layout-card:active,.primary:active{transform:scale(.96)}.progress-pills{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 92px);z-index:55;gap:7px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.progress-pills span{background:#fff8ec61;border-radius:999px;width:9px;height:9px}.progress-pills span.done{background:var(--yellow)}.progress-pills span.live{background:var(--teal);width:22px}.progress-pills.with-photo-actions{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 112px)}.video-render-progress{right:max(18px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 92px);left:max(18px, env(safe-area-inset-left));z-index:82;border:var(--ui-border) solid #111111b8;color:#111;pointer-events:none;background:#fff8ecf0;border-radius:999px;height:42px;position:absolute;overflow:hidden;box-shadow:0 16px 38px #00000052}.video-render-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--yellow));transition:width .12s linear;position:absolute;inset:0 auto 0 0}.video-render-progress em{z-index:1;text-transform:uppercase;place-items:center;height:100%;font-size:13px;font-style:normal;font-weight:1000;display:grid;position:relative}.video-ready-card{right:max(14px, env(safe-area-inset-right));bottom:calc(max(16px, env(safe-area-inset-bottom)) + 90px);left:max(14px, env(safe-area-inset-left));z-index:83;border:var(--ui-border) solid #111111b8;color:#111;background:#fff8ecf5;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid;position:absolute;box-shadow:0 16px 38px #00000052,3px 4px #111}.video-ready-card>div:first-child{gap:2px;min-width:0;display:grid}.video-ready-card strong,.video-ready-card em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-ready-card strong{font-size:14px;font-weight:1000}.video-ready-card em{color:var(--muted);text-transform:uppercase;font-size:11px;font-style:normal;font-weight:900}.video-ready-actions{align-items:center;gap:7px;display:flex}.video-ready-actions button{color:#111;background:var(--yellow);white-space:nowrap;border:0;border-radius:999px;min-height:38px;padding:0 12px;font-size:12px;font-weight:1000}.video-ready-actions button:nth-child(2){background:var(--teal)}.video-ready-actions button:last-child{color:#fff8ec;background:#111;width:38px;padding:0}.motion-drawer{z-index:50;height:min(74dvh,610px);padding:9px 12px max(16px, env(safe-area-inset-bottom));border:var(--ui-border) solid #ffffff80;-webkit-backdrop-filter:blur(32px)saturate(1.2);backdrop-filter:blur(32px)saturate(1.2);pointer-events:none;background:#f6f6f8eb;border-bottom:0;border-radius:28px 28px 0 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -20px 60px #00000042}.motion-drawer-style{height:min(52dvh,430px)}.motion-drawer.is-open{z-index:80;pointer-events:auto}.drawer-grabber{background:0 0;border:0;justify-items:center;gap:5px;width:100%;min-height:42px;display:grid}.drawer-grabber span{background:#1111113d;border-radius:999px;width:44px;height:5px}.drawer-grabber strong{color:var(--muted);font-size:12px;line-height:1}.drawer-tabs{border:var(--ui-border) solid #1111111f;background:#7676801f;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:8px;height:46px;padding:4px;display:grid}.drawer-tabs button{background:0 0;border:0;border-radius:999px;font-size:14px;font-weight:680}.drawer-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #0000001f}.drawer-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:calc(100% - 92px);padding:14px 2px 4px;overflow-y:auto}.video-settings{border:var(--ui-border) solid #11111124;background:#18b7a81f;border-radius:16px;gap:10px;padding:12px;display:grid}.video-settings>div{gap:3px;display:grid}.video-settings strong{font-size:15px}.video-settings em{color:var(--muted);font-size:11px;font-style:normal;font-weight:800;line-height:1.25}.layout-library{gap:20px;padding:0 2px 8px;display:grid}.layout-section{gap:9px;display:grid}.layout-section+.layout-section{border-top:var(--ui-border) solid #1111111a;padding-top:17px}.layout-section-heading{justify-content:space-between;align-items:center;gap:10px;min-height:24px;padding:0 3px;display:flex}.layout-section-heading strong{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:1000;line-height:1}.layout-section-heading span{color:var(--muted);font-size:10px;font-weight:900;line-height:1}.layout-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.layout-card-shell{min-width:0;display:grid;position:relative}.layout-card-shell .layout-card{width:100%;height:100%}.layout-card{border:var(--ui-border) solid #11111126;text-align:left;background:#ffffffd1;border-radius:18px;grid-template-rows:auto auto;align-content:start;gap:7px;min-width:0;padding:7px;transition:border-color .14s,background .14s,box-shadow .14s;display:grid;position:relative}.layout-card.has-actions{padding-right:7px}.layout-card.active{background:#0a84ff1a;border-color:#0a84ffb8;box-shadow:0 0 0 2px #0a84ff29}.layout-card.active:after{content:"✓";color:#fff;background:var(--accent);border:0;border-radius:999px;place-items:center;width:25px;height:25px;font-size:14px;font-weight:1000;line-height:1;display:grid;position:absolute;top:11px;right:11px;box-shadow:0 4px 10px #0a84ff47}.layout-card-copy{gap:2px;min-width:0;padding:0 2px 2px;display:grid}.layout-card.has-actions .layout-card-copy{padding-left:36px;padding-right:36px}.layout-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.15;overflow:hidden}.layout-card em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;font-weight:900;line-height:1.1;overflow:hidden}.layout-card-action{z-index:2;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:-1px}.layout-edit{left:-1px}.layout-delete{right:-1px}.layout-edit span{border:var(--ui-border) solid #0a84ff52;color:#06c;background:#fffffff0;border-radius:999px;place-items:center;min-width:34px;height:30px;padding:0 8px;font-size:10px;font-weight:800;line-height:1;display:grid;box-shadow:0 5px 14px #0000001f}.layout-delete span{border:var(--ui-border) solid #fff8ec;color:#fff8ec;background:#b3261e;border-radius:999px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:1000;line-height:1;display:grid;box-shadow:0 6px 14px #00000038}.layout-preview{aspect-ratio:1;border:var(--ui-border) solid var(--ink);background:var(--paper);border-radius:12px;width:100%;display:block;overflow:hidden}.layout-preview svg{width:100%;height:100%;display:block}.layout-preview-paper{fill:#e5e5ea}.layout-preview-panel{fill:#fff;stroke:var(--layout-preview-border,#d6d3d1);stroke-linejoin:round}.layout-preview-divider{stroke:#e5e5ea;stroke-linecap:round}.layout-preview-divider-border,.layout-preview-outline{stroke:var(--layout-preview-border,#d6d3d1);stroke-linecap:round;stroke-linejoin:round}.create-preview{color:#111;background:#18b7a829;border-style:dashed;place-items:center;display:grid}.create-preview>span{font-size:34px;font-weight:800;line-height:1;transform:translateY(-2px)}.drawer-stack{gap:12px;display:grid}.creator-stack{--creator-divider-thickness:9px;--creator-handle-size:44px;--creator-page-width:4;--creator-page-height:5;--creator-border-color:#111;--creator-border-thickness:2px;gap:14px;width:100%;min-height:0;display:grid}.creator-fullscreen{z-index:95;padding:max(16px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));color:#111;touch-action:pan-y;background:#f2f2f7;position:absolute;inset:0;overflow-y:auto}.creator-fullscreen .creator-stack{max-width:980px;min-height:calc(var(--app-height,100dvh) - max(16px, env(safe-area-inset-top)) - max(18px, env(safe-area-inset-bottom)) - 32px);grid-template-rows:auto minmax(0,1fr);margin:0 auto}.creator-topbar{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#f2f2f7e6;grid-template-columns:minmax(74px,auto) 1fr minmax(74px,auto);align-items:center;gap:10px;padding:8px 0;display:grid;position:sticky;top:0}.creator-topbar strong{text-align:center;min-width:0;font-size:20px;font-weight:1000}.creator-topbar button,.creator-actions button{border:var(--ui-border) solid #11111129;min-height:48px;color:var(--ink);background:#7676801a;border-radius:14px;font-size:13px;font-weight:680}.creator-topbar .primary,.creator-actions .primary{background:var(--accent);color:#fff;border-color:#0a84ffbf}.creator-workbench{grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:stretch;gap:16px;min-height:0;display:grid}.creator-side{align-self:center;gap:13px;display:grid}.creator-gesture-hint{border:var(--ui-border) solid #1111111f;color:#111111b8;background:#ffffffb8;border-radius:12px;margin:0;padding:10px 12px;font-size:11px;font-weight:560;line-height:1.35}.creator-canvas{width:min(100%, 480px, calc((var(--app-height,100dvh) - 172px) * var(--creator-page-width) / var(--creator-page-height)));aspect-ratio:var(--creator-page-width) / var(--creator-page-height);border:var(--creator-border-thickness) solid var(--creator-border-color);box-shadow:var(--shadow-soft);touch-action:none;background:linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/25% 100%,#e5e5ea;border-radius:18px;place-self:center;position:relative;overflow:hidden}.creator-canvas p{color:#ffffffb8;text-align:center;place-items:center;margin:0;padding:20px;font-size:13px;font-weight:900;display:grid;position:absolute;inset:0}.creator-panel{z-index:1;clip-path:inherit;border:var(--creator-border-thickness) solid var(--creator-border-color);box-shadow:none;background:#fff;place-items:center;display:grid;position:absolute}.creator-free-line{z-index:4;transform-origin:0;pointer-events:none;background:0 0;border:0;height:44px;position:absolute}.creator-free-line.is-active{z-index:7}.creator-free-line:before{content:"";height:calc(var(--creator-divider-thickness) + (var(--creator-border-thickness) * 2));background:var(--creator-border-color);border-radius:999px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 8px 20px #00000029}.creator-free-line:after{content:"";height:var(--creator-divider-thickness);background:#f2f2f7;border-radius:999px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.creator-handle{width:var(--creator-handle-size);height:var(--creator-handle-size);z-index:5;touch-action:none;cursor:grab;background:#fff;border:2px solid #ffffffe6;border-radius:999px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000003d}.creator-handle-start{background:var(--teal)}.creator-handle-end{background:var(--accent)}.creator-handle.is-active{z-index:8;cursor:grabbing;box-shadow:0 0 0 4px #0a84ff3d,0 5px 16px #00000040}.creator-actions{z-index:12;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.creator-actions .primary{grid-column:1/-1}.creator-thickness{grid-template-columns:1fr auto;align-items:center}.creator-thickness span,.creator-thickness input{grid-column:1/-1}.creator-thickness output{color:var(--accent);justify-self:end;font-size:13px;font-weight:1000}.creator-border-controls{grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);align-items:end;gap:10px;display:grid}.creator-border-color input[type=color]{min-height:54px}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:12px;font-weight:650}.field input,.field select{border:var(--ui-border) solid #11111129;width:100%;min-height:48px;color:var(--ink);background:#ffffffe6;border-radius:14px;padding:0 12px;font-weight:560}.field input[type=color]{padding:4px}.field input[type=range]{accent-color:var(--accent);padding:0}.triple-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.primary,.subtle-danger{border:var(--ui-border) solid #0a84ffa6;background:var(--accent);color:#fff;border-radius:15px;justify-content:center;align-items:center;min-height:52px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.primary.secondary{background:#111}.primary.disabled,button:disabled,input:disabled{opacity:.45}.subtle-danger{color:#b3261e;background:#ff5d4d24;border-color:#b3261e5c}@keyframes livePulse{0%,to{filter:saturate()}50%{filter:saturate(1.08)}}@media (width>=760px){.comic-stage{inset:max(78px, calc(env(safe-area-inset-top) + 68px)) 24px 120px}.layout-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.motion-drawer{border-radius:28px;bottom:12px;left:max(20px,50vw - 260px);right:max(20px,50vw - 260px)}}@media (width<=759px){.capture-bar{gap:8px}.round-action{width:46px;height:46px;font-size:20px}.shutter{width:74px;height:74px}.shutter span{width:52px;height:52px}.creator-workbench{grid-template-columns:1fr;align-items:start}.creator-side{align-self:stretch}.creator-fullscreen .creator-canvas{width:min(100%, 420px, calc(48dvh * var(--creator-page-width) / var(--creator-page-height)))}}@media (height<=720px){.shutter{width:72px;height:72px}.shutter span{width:50px;height:50px}.progress-pills{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 82px)}}@media (height<=620px){.comic-stage{top:max(70px, calc(env(safe-area-inset-top) + 60px))}}@media (orientation:landscape) and (pointer:coarse) and (height<=640px){.native-shell{top:var(--app-height,100dvh);width:var(--app-height,100dvh);transform-origin:0 0;height:100dvw;left:0;transform:rotate(-90deg)}}.start-actions{flex-direction:column;align-items:center;gap:12px;width:min(100%,360px);margin-top:8px;display:flex}.start-screen .start-button{border:var(--ui-border-strong) solid #111;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:56px;font-size:19px;font-weight:1000;transition:transform .1s,box-shadow .1s;display:flex}.start-screen .start-secondary{border:var(--ui-border) solid #fff8ec7a;color:#f5f5f7;background:#ffffff14;border-radius:999px;width:100%;min-height:50px;font-size:15px;font-weight:650}@media (width<=420px){.creator-border-controls{grid-template-columns:1fr}.creator-topbar{grid-template-columns:64px minmax(0,1fr) 64px}.creator-topbar strong{font-size:17px}}.start-screen .start-button{color:#111;background:var(--yellow);box-shadow:4px 5px #111}.start-screen .start-button:active{transform:translate(2px,2px);box-shadow:2px 3px #111}.native-shell.is-installer{touch-action:pan-y;overflow-y:auto}.installer-screen{min-height:var(--app-height,100dvh);padding:max(22px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));color:#fff8ec;place-items:center;display:grid}.installer-panel{color:#111;background:var(--cream);border:4px solid #111;border-radius:18px;gap:18px;width:min(100%,430px);padding:28px;display:grid;box-shadow:8px 9px #111}.installer-kicker{color:var(--teal);text-transform:uppercase;font-size:13px;font-weight:1000}.installer-panel h1{margin:0;font-size:36px;font-weight:1000;line-height:1}.installer-copy,.installer-note{color:#111111bd;margin:0;font-size:16px;font-weight:800;line-height:1.35}.installer-note{border:var(--ui-border) solid #11111124;background:#18b7a81a;border-radius:10px;padding:13px 14px}.installer-primary{border:var(--ui-border-strong) solid #111;text-align:center;cursor:pointer;color:#111;background:var(--yellow);border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:52px;font-size:17px;font-weight:1000;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:4px 5px #111}.installer-primary:active{transform:translate(2px,2px);box-shadow:1px 2px #111}.installer-steps{gap:10px;padding-top:4px;display:grid}.installer-steps h2{color:var(--accent);text-transform:uppercase;margin:0;font-size:15px;font-weight:1000}.installer-steps ol{gap:9px;margin:0;padding-left:22px;font-size:15px;font-weight:850;line-height:1.34;display:grid}