:root{--paper:#fff;--paper-2:#fafafa;--paper-3:#f4f4f5;--ink:#161618;--muted:#55555c;--line:#dcdce0;--accent:#ffd43b;--accent-ink:#161618;--balloon:#ffd43b;--danger:#e02d18;--night-paper:#0b0b0c;--night-ink:#f2f2f4;--stage:#101012;--hairline:var(--line);--gutter:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--hit:48px;--radius:8px;--radius-sm:6px;--radius-xs:3px;--shadow:0 8px 24px rgba(22,22,24,.12);--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-comic:"Comic Neue","Kosugi Maru",cursive;--font-display:"Inter",system-ui,-apple-system,sans-serif;--font-mark:"Bangers","Anton",system-ui,sans-serif;--font-jp:"Shippori Mincho",serif;--max:430px;--dock-h:64px;--topbar-h:52px;--filmstrip-h:92px;--z-sheet:60;--z-dimmer:55;--z-splash:100;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0b0b0c;--paper-2:#17171a;--paper-3:#1f1f23;--ink:#f2f2f4;--muted:#a6a6ae;--line:#2c2c31;--accent:#ffd43b;--accent-ink:#0b0b0c;--balloon:#ffd43b;--danger:#ff6b55;--stage:#050506;--shadow:0 8px 24px rgba(0,0,0,.45)}}[data-theme=dark]{--paper:#0b0b0c;--paper-2:#17171a;--paper-3:#1f1f23;--ink:#f2f2f4;--muted:#a6a6ae;--line:#2c2c31;--accent:#ffd43b;--accent-ink:#0b0b0c;--balloon:#ffd43b;--danger:#ff6b55;--stage:#050506;--shadow:0 8px 24px rgba(0,0,0,.45)}[data-theme=light]{--paper:#fff;--paper-2:#fafafa;--paper-3:#f4f4f5;--ink:#161618;--muted:#55555c;--line:#dcdce0;--accent:#ffd43b;--accent-ink:#161618;--balloon:#ffd43b;--danger:#e02d18;--stage:#101012}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#app,body,html{height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none}body,html{background:var(--paper);color:var(--ink);font-family:var(--font-ui);margin:0;padding:0;-webkit-font-smoothing:antialiased;top:0;right:0;bottom:0;left:0;position:fixed;touch-action:manipulation;width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:transparent;border:0;border-radius:var(--radius);cursor:pointer;min-height:var(--hit);min-width:var(--hit);touch-action:manipulation}.app{background:var(--paper);display:flex;flex-direction:column;height:100dvh;margin:0 auto;max-height:100dvh;max-width:var(--max);overflow:hidden;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:relative}.screen{display:none;flex:1;flex-direction:column;min-height:0}.screen.active,.topbar{display:flex}.topbar{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--paper) 90%,transparent);border-bottom:1.5px solid var(--hairline);flex:0 0 auto;gap:4px;height:var(--topbar-h);max-height:var(--topbar-h);min-height:var(--topbar-h);padding:4px 8px;z-index:20}.editor-topbar{background:color-mix(in srgb,var(--paper) 94%,transparent)}.topbar .title,.topbar h1{flex:1;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.topbar .title{background:transparent;border-radius:var(--radius-sm);min-height:44px;min-width:0}.brand{align-items:center;display:flex;gap:14px;padding:22px 18px 8px}.brand-mark{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-soft);display:grid;flex:0 0 auto;height:48px;overflow:hidden;place-items:center;width:48px}.brand-mark svg{display:block;height:44px;width:44px}.brand-img{display:none!important}.brand .name{color:var(--ink);font-family:var(--font-mark);font-size:2.15rem;letter-spacing:.03em;line-height:1}.brand .tag{color:var(--muted);font-size:.9rem;font-weight:500;margin-top:4px}.shelf{overflow:auto;overscroll-behavior:contain;padding:8px 18px 100px;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.wizard-body{padding-bottom:12px}.wizard-footer{background:linear-gradient(transparent,var(--paper) 28%);bottom:0;padding:12px 18px calc(14px + var(--safe-bottom));position:sticky;z-index:5}.wizard-footer .btn-primary.large{margin:0}.section-label,.shelf>h2{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:18px 0 10px;text-transform:uppercase}.btn-primary{background:var(--accent);border:1px solid color-mix(in srgb,var(--balloon) 70%,#000);box-shadow:0 8px 20px color-mix(in srgb,var(--balloon) 38%,transparent);color:var(--accent-ink);font-weight:700;padding:0 22px;transition:transform .12s ease,filter .12s ease}.btn-primary:active{filter:brightness(.96);transform:scale(.98)}.btn-primary:disabled{opacity:.45;pointer-events:none}.btn-primary.large{border-radius:var(--radius);font-size:1.2rem;height:64px;letter-spacing:.01em;margin:12px 0 22px;width:100%}.btn-ghost{background:transparent;border:1px solid var(--ink);border-radius:var(--radius);font-weight:600;min-height:var(--hit);padding:0 18px}.btn-danger{background:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 70%,#000);border-radius:var(--radius);color:#fff;font-weight:700;min-height:var(--hit);padding:0 22px}.recents{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.comic-card{aspect-ratio:9/16;background:color-mix(in srgb,var(--ink) 8%,var(--paper));border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden;padding:0;position:relative;touch-action:manipulation;width:100%}.comic-card:active{transform:scale(.985)}.comic-card .cover{background:linear-gradient(160deg,#e8dfd2,#cfc4b4);display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.comic-card .meta{background:linear-gradient(transparent,#000000c7);bottom:0;color:var(--accent-ink);font-size:.86rem;font-weight:650;left:0;line-height:1.25;padding:12px 10px 10px;position:absolute;right:0;text-align:left}.empty-state{font-family:var(--font-comic);font-size:1.2rem;line-height:1.4;opacity:.78;padding:52px 20px;text-align:center}.sheet-dimmer{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0807067a;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:var(--z-dimmer)}.sheet-dimmer.show{opacity:1;pointer-events:auto}.sheet-dimmer[hidden]{display:none}.banner,.ctx-menu,.sheet{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);left:12px;margin-left:auto;margin-right:auto;max-width:var(--max);position:fixed;right:12px;z-index:var(--z-sheet)}.ctx-menu{bottom:calc(16px + var(--safe-bottom));display:none;padding:8px}.ctx-menu.open,.sheet.open{display:block}.ctx-menu button,.sheet .row{align-items:center;background:transparent;border-radius:var(--radius);display:flex;font-weight:600;gap:10px;min-height:var(--hit);padding:14px 16px;text-align:left;width:100%}.ctx-menu button:active,.sheet .row:active:not(:disabled){background:color-mix(in srgb,var(--balloon) 18%,transparent)}.sheet .row:disabled{opacity:.4;pointer-events:none}.sheet{animation:sheet-up .22s ease;border-bottom:0;border-radius:12px 12px 0 0;bottom:0;display:none;left:0;max-height:85dvh;overflow:auto;padding:10px 16px calc(22px + var(--safe-bottom));right:0}@keyframes sheet-up{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sheet .grab{background:color-mix(in srgb,var(--ink) 28%,transparent);border-radius:99px;height:5px;margin:6px auto 14px;width:44px}.sheet h2{font-family:var(--font-mark);font-size:1.25rem;letter-spacing:.02em;margin:0 0 12px}.sheet-actions{display:flex;gap:8px;margin-top:14px}.sheet-actions .btn-danger,.sheet-actions .btn-primary{flex:1}.sheet-input{background:transparent;border:1px solid var(--ink);border-radius:var(--radius);font-size:1.05rem;font-weight:600;min-height:52px;padding:12px 14px;width:100%}.sheet-message{line-height:1.4;margin:0 0 8px;opacity:.75}.size-chips{display:flex;gap:8px;margin-top:12px}.size-chip{min-height:44px;min-width:52px}.banner{align-items:center;display:none;font-weight:600;gap:10px;padding:12px 14px;top:calc(12px + var(--safe-top));z-index:45}.banner.show{display:flex}.banner button{background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius);font-weight:700;min-height:44px;min-width:auto;padding:0 14px}.banner #restore-yes{background:var(--accent);color:var(--accent-ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip{background:transparent;border:1px solid var(--ink);border-radius:var(--radius);box-shadow:none;font-size:.92rem;font-weight:650;min-height:46px;min-width:auto;padding:8px 16px}.chip.active{background:var(--accent);border-color:var(--accent-ink);color:var(--accent-ink)}.chip.chip-disabled,.chip:disabled{cursor:not-allowed;opacity:.38;pointer-events:none;text-decoration:line-through;text-decoration-thickness:1px}.editor-wrap{background:var(--stage);display:flex;flex:1;flex-direction:column}#stage-host,.editor-wrap{min-height:0;position:relative}#stage-host{background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 52%),repeating-linear-gradient(0deg,transparent,transparent 23px,hsla(0,0%,100%,.015) 24px),var(--stage);flex:1;overflow:auto;overscroll-behavior:contain;touch-action:none}#konva-container{height:100%;width:100%}.filmstrip{background:var(--paper-2);border-top:1px solid var(--line);display:flex;flex:0 0 auto;gap:8px;height:var(--filmstrip-h);max-height:var(--filmstrip-h);min-height:var(--filmstrip-h);overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;padding:8px 12px;scrollbar-width:none}.filmstrip::-webkit-scrollbar{display:none}.filmstrip .thumb{align-items:stretch;background:color-mix(in srgb,var(--ink) 10%,var(--paper));border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);display:flex;flex:0 0 auto;height:80px;justify-content:center;min-height:80px;min-width:54px;overflow:hidden;padding:0;position:relative;width:54px}.filmstrip .thumb.active{border-color:var(--balloon);box-shadow:0 0 0 2px color-mix(in srgb,var(--balloon) 40%,transparent)}.filmstrip .thumb img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.filmstrip .thumb .idx{background:#12110fb8;border-radius:6px;color:var(--accent-ink);display:grid;font-size:.65rem;font-weight:700;height:18px;left:4px;line-height:1;min-width:18px;padding:0 4px;place-items:center;position:absolute;top:4px}.filmstrip .thumb-add{align-items:center;background:transparent;border-color:color-mix(in srgb,var(--ink) 35%,transparent);border-style:dashed;color:var(--muted);font-size:1.6rem;font-weight:500}.tray{background:var(--paper);border-radius:10px 10px 0 0;border-top:2px solid var(--ink);box-shadow:0 -8px 24px #0000001f;display:none;flex:0 0 auto;flex-direction:column;max-height:38dvh;overflow:hidden;padding:0}.tray.open{display:flex}.tray-grab{background:color-mix(in srgb,var(--ink) 26%,transparent);border-radius:99px;flex:0 0 auto;height:4px;margin:10px auto 6px;width:40px}.tray-body{display:flex;flex-wrap:wrap;gap:8px;max-height:calc(38dvh - 24px);overflow:auto;padding:4px 12px 10px}.tray-body button,.tray-body label.file-btn{align-items:center;background:color-mix(in srgb,var(--ink) 4%,var(--paper));border:1px solid var(--ink);border-radius:var(--radius);display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;justify-content:center;min-height:46px;min-width:auto;padding:8px 14px}.tray-body button:active,.tray-body label.file-btn:active{background:color-mix(in srgb,var(--balloon) 16%,transparent)}.tray-body .soon{opacity:.45}.tray-note{font-size:.78rem;line-height:1.35;margin:4px 0 0;opacity:.7;width:100%}.dock{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex:0 0 auto;gap:2px;justify-content:space-around;margin:0 8px 8px;min-height:var(--dock-h);overflow:visible;padding:6px 8px calc(8px + var(--safe-bottom));position:relative;z-index:8}.editor-wrap .dock{margin-bottom:8px;padding-bottom:calc(6px + var(--safe-bottom))}.dock button{align-items:center;border-radius:var(--radius);color:var(--ink);display:flex;flex:1;flex-direction:column;font-size:.68rem;font-weight:650;gap:2px;justify-content:center;min-height:58px;min-width:64px;opacity:.55;padding:8px 2px}.dock button.active{background:var(--accent);color:var(--accent-ink);opacity:1}.dock .ico{height:24px;margin-bottom:2px;width:24px}.tray.open~.dock{border-radius:0 0 20px 20px;border-top:0;margin-left:8px;margin-right:8px;margin-top:0}.reader{background:#000;color:var(--accent-ink);display:none;flex-direction:column;top:0;right:0;bottom:0;left:0;position:fixed;z-index:40}.reader.open{display:flex}.reader .bar{gap:8px;padding:calc(8px + var(--safe-top)) 10px 8px}.reader .bar,.reader .scroll{align-items:center;display:flex}.reader .scroll{flex:1;flex-direction:column;overflow:auto}.reader .page-img{display:block;height:auto;width:min(100%,420px)}.progress{background:color-mix(in srgb,var(--ink) 12%,transparent);border-radius:99px;height:6px;margin:10px 0;overflow:hidden}.progress>i{background:var(--balloon);display:block;height:100%;transition:width .2s ease;width:0}.settings-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 18px 100px}.settings-list .row{align-items:center;border-bottom:1px solid var(--hairline);display:flex;font-weight:550;gap:12px;justify-content:space-between;min-height:var(--hit);padding:10px 0}.settings-list .soon{opacity:.45}.settings-list select{background:var(--paper);font-weight:600;min-height:44px;padding:0 12px}#lettering-text,.settings-list select{border:1px solid var(--ink);border-radius:var(--radius)}#lettering-text{background:transparent;font-family:var(--font-comic);font-size:1.05rem;min-height:120px;padding:14px;resize:vertical;width:100%}.icon-btn{background:color-mix(in srgb,var(--paper) 90%,var(--ink));border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-soft);display:inline-grid;flex:0 0 auto;font-size:1.15rem;height:var(--hit);place-items:center;width:var(--hit)}.icon-btn:active{background:color-mix(in srgb,var(--balloon) 14%,var(--paper));border-color:color-mix(in srgb,var(--balloon) 40%,transparent)}.icon-btn:disabled{opacity:.35}.fab-settings{background:var(--paper);border:1px solid var(--ink);box-shadow:var(--shadow);position:fixed;right:max(14px,var(--safe-right));top:calc(12px + var(--safe-top));z-index:15}.screen[data-screen=editor].active~.fab-settings,.screen[data-screen=settings].active~.fab-settings,.screen[data-screen=wizard].active~.fab-settings{display:none}.app:has(.screen[data-screen=editor].active) .fab-settings,.app:has(.screen[data-screen=settings].active) .fab-settings,.app:has(.screen[data-screen=wizard].active) .fab-settings{display:none}.hidden{display:none!important}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.camera-note{font-size:.8rem;line-height:1.4;margin:10px 0 4px;opacity:.72}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}[data-reduce-motion="1"] *,[data-reduce-motion="1"] :after,[data-reduce-motion="1"] :before{animation:none!important;transition:none!important}.dialogue-shell{background:var(--paper,#fff);color:var(--ink,#161618);font-family:var(--font-ui);min-height:100dvh}.ico{color:currentColor;display:inline-block;flex:0 0 auto;height:22px;vertical-align:middle;width:22px}.ico img,.ico svg{display:block;height:100%;width:100%}.icon-btn .ico{height:22px;width:22px}.btn-primary .ico{height:20px;width:20px}#splash{align-items:center;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;gap:14px;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--safe-top) 24px var(--safe-bottom);position:fixed;transition:opacity .35s ease,visibility .35s ease;z-index:var(--z-splash)}#splash.hide{opacity:0;pointer-events:none;visibility:hidden}#splash .splash-art{border:1px solid var(--line);border-radius:var(--radius);display:block;height:auto;width:min(72vw,280px)}#splash .splash-mark{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);height:72px;overflow:hidden;width:72px}#splash .splash-mark img,#splash .splash-mark svg{display:block;height:100%;width:100%}#splash .splash-word{font-family:var(--font-mark);font-size:2.4rem;letter-spacing:.04em;line-height:1}#splash .splash-underline{background:var(--accent);border-radius:99px;height:4px;width:56px}#splash .splash-tag{color:var(--muted);font-size:.95rem;font-weight:500}.tray-section{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;margin:6px 0 2px;text-transform:uppercase;width:100%}.tray-slider{align-items:center;display:flex;font-size:.82rem;font-weight:600;gap:10px;padding:4px 0;width:100%}.tray-slider input[type=range]{accent-color:var(--accent);flex:1}.tray-body button.active-chip{background:var(--accent);border-color:var(--accent-ink);color:var(--accent-ink)}.settings-list input[type=range]{accent-color:var(--accent);max-width:140px}.progress>i{background:var(--accent)}.reader,.screen{overflow:hidden}.reader{height:100dvh;max-height:100dvh}.reader .scroll{min-height:0;overscroll-behavior:contain}