@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/komikita/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2) format("woff2"),url(/demo/komikita/assets/bangers-vietnamese-400-normal-Ll9rymNv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/komikita/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2) format("woff2"),url(/demo/komikita/assets/bangers-latin-ext-400-normal-CzVt_Cgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/komikita/assets/bangers-latin-400-normal-DeHY8Ncq.woff2) format("woff2"),url(/demo/komikita/assets/bangers-latin-400-normal-BAEm-Pv0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/komikita/assets/work-sans-vietnamese-400-normal-BxGuknnG.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-vietnamese-400-normal-DFZk_KN_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/komikita/assets/work-sans-latin-ext-400-normal-zfQnhXzv.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-latin-ext-400-normal-j7TZlk-s.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/komikita/assets/work-sans-latin-400-normal-jUejSri3.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-latin-400-normal-DE1_0GuN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/komikita/assets/work-sans-vietnamese-600-normal-DizFELYt.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-vietnamese-600-normal-ue5fzGW6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/komikita/assets/work-sans-latin-ext-600-normal-DNiHHggD.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-latin-ext-600-normal-B1NFRnx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/demo/komikita/assets/work-sans-latin-600-normal-DB-2V89X.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-latin-600-normal-Cg-NlmS7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/komikita/assets/work-sans-vietnamese-700-normal-CqjC4WOy.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-vietnamese-700-normal-BYAoORCv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/komikita/assets/work-sans-latin-ext-700-normal-Bc0iTajH.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-latin-ext-700-normal-BP8nCPzd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/demo/komikita/assets/work-sans-latin-700-normal-CEeo_t6l.woff2) format("woff2"),url(/demo/komikita/assets/work-sans-latin-700-normal-mDs79oer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #F7F2E7;--paper-2: #EFE7D6;--ink: #201B14;--muted: #5E554A;--red: #E0463A;--red-text: #B3332A;--blue: #2C6E8E;--caption: #F2D98A;--white: #FFFDF7;--line: 3px solid var(--ink);--display: "Bangers", Impact, sans-serif;--body: "Work Sans", system-ui, sans-serif;--gutter: 16px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.02em;line-height:1.02;margin:0}h1{font-size:clamp(34px,5vw,56px)}h2{font-size:clamp(26px,3.2vw,36px)}h3{font-size:22px}p{margin:0 0 .6em}a{color:var(--ink)}.benday{background-image:radial-gradient(var(--blue) 1.3px,transparent 1.5px);background-size:8px 8px}.btn{min-height:44px;padding:8px 16px;border:2px solid var(--ink);border-radius:4px;background:var(--white);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .08s,box-shadow .08s;box-shadow:3px 3px 0 var(--ink)}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--ink)}.btn.go{background:var(--red);font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.04em;padding:6px 20px}.btn.ink{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--red)}.btn.quiet{box-shadow:none;background:transparent}.btn.small{min-height:44px;padding:6px 12px;font-size:14px}.linkbtn{background:none;border:0;padding:10px 4px;min-height:44px;text-decoration:underline;cursor:pointer;font-weight:600}.top{display:flex;align-items:center;gap:16px;padding:10px 24px;border-bottom:var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.brand{font-family:var(--display);font-size:32px;text-decoration:none;letter-spacing:.03em;line-height:1;min-height:44px;display:inline-flex;align-items:center}.brand span{color:var(--red-text)}.steps{display:flex;gap:6px;margin-left:12px}.steps a{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 12px;text-decoration:none;font-weight:600;border:2px solid transparent;border-radius:3px}.steps a b{font-family:var(--display);font-weight:400;font-size:20px}.steps a[aria-current=page]{border-color:var(--ink);background:var(--caption);transform:rotate(-1deg)}.steps a.done b{color:var(--blue)}.meter{margin-left:auto;display:flex;align-items:center;gap:12px}.chip{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border:2px solid var(--ink);border-radius:3px;background:var(--white);cursor:pointer;font-weight:600;font-size:14px}.chip .dot{width:10px;height:10px;border-radius:50%;background:var(--blue)}.chip.real .dot{background:var(--red)}.cost{font-size:13px;line-height:1.25;text-align:right}.cost strong{font-size:15px}.bar{height:6px;border:1.5px solid var(--ink);width:120px;margin-top:3px;margin-left:auto}.bar i{display:block;height:100%;background:var(--red)}.banner{padding:10px 24px;background:var(--caption);border-bottom:var(--line);font-weight:600}.banner.err{background:#f4cfc6}main{padding:24px;max-width:1480px;margin:0 auto}.bottomnav{display:none}.library{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:32px;align-items:start}.newbox{border:var(--line);background:var(--white);padding:20px;position:relative}.newbox h1{margin-bottom:8px}.newbox .lede{color:var(--muted);margin-bottom:16px}.field{display:grid;gap:4px;margin-bottom:14px}.field>span,.label{font-weight:600;font-size:14px}.field input,.field textarea,.field select{min-height:44px;padding:8px 10px;border:2px solid var(--ink);border-radius:3px;background:var(--white);width:100%}.field textarea{min-height:84px;resize:vertical}.field .hint{font-size:13px;color:var(--muted)}.err-text{color:var(--red-text);font-weight:600;font-size:14px}.kinds{display:grid;gap:8px;margin-bottom:14px}.kind{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:10px;border:2px solid var(--ink);border-radius:3px;cursor:pointer;background:var(--paper)}.kind:has(input:checked){background:var(--caption);box-shadow:3px 3px 0 var(--ink)}.kind:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.kind input{position:absolute;opacity:0;pointer-events:none}.kind strong{display:block}.kind small{color:var(--muted);font-size:13px;line-height:1.35;display:block}.mini{width:52px;aspect-ratio:210/297;position:relative;border:2px solid var(--ink);background:var(--white)}.mini i{position:absolute;border:1.5px solid var(--ink);background:var(--paper-2)}.rack h2{margin-bottom:4px}.rack>p{color:var(--muted)}.covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 24px;margin-top:18px}.cover{text-decoration:none;display:grid;gap:10px}.cover:nth-child(3n+2) .sheetthumb{transform:rotate(.8deg)}.cover:nth-child(3n) .sheetthumb{transform:rotate(-.6deg)}.cover .meta strong{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.05;display:block}.cover .meta span{color:var(--muted);font-size:14px}.cover:hover .sheetthumb,.cover:focus-visible .sheetthumb{box-shadow:7px 7px 0 var(--ink)}.tag{display:inline-block;font-size:12px;font-weight:700;padding:1px 6px;border:1.5px solid var(--ink);margin-right:6px;background:var(--white)}.rowacts{display:flex;gap:8px;flex-wrap:wrap}.sheetthumb{position:relative;aspect-ratio:210/297;background:var(--white);border:var(--line);box-shadow:5px 5px 0 var(--ink);transition:box-shadow .12s}.sheetthumb .cell{position:absolute;overflow:hidden;border:2px solid var(--ink);background:var(--paper-2)}.sheetthumb .cell img{width:100%;height:100%;object-fit:cover}.stephead{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.stephead p{color:var(--muted);max-width:62ch;margin:6px 0 0}.stephead.compact{margin-bottom:14px}.stephead.compact p{font-size:15px}.layoutsel select{min-height:44px;border:2px solid var(--ink);border-radius:3px;background:var(--white);padding:4px 10px;font-weight:600;font-size:14px}.caption-box{display:inline-block;background:var(--caption);border:2px solid var(--ink);padding:2px 10px;font-weight:700;font-size:13px;transform:rotate(-1.5deg)}.empty{border:2px dashed var(--ink);padding:24px;background:var(--white)}.empty h3{margin-bottom:6px}.cast{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.castlist{display:grid;gap:10px}.castitem{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;text-align:left;padding:8px;border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:3px;min-height:72px}.castitem[aria-pressed=true]{background:var(--caption);box-shadow:3px 3px 0 var(--ink)}.castitem .face{width:56px;height:56px;border:2px solid var(--ink);overflow:hidden;background:var(--paper-2)}.castitem small{display:block;color:var(--muted)}.lock{font-size:12px;font-weight:700;color:var(--blue)}.chareditor{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:24px;align-items:start}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.swatches label{display:grid;gap:4px;font-size:12px;font-weight:600}.swatches input{width:100%;min-height:44px;border:2px solid var(--ink);padding:2px;background:var(--white)}.sheetbox{border:var(--line);background:var(--white);position:relative}.sheetbox img{width:100%}.stamp{position:absolute;top:18px;right:18px;font-family:var(--display);font-size:30px;color:var(--red-text);border:4px solid var(--red-text);padding:2px 12px;transform:rotate(-8deg);background:#f7f2e7e6;letter-spacing:.06em}.sheetacts{display:flex;gap:10px;flex-wrap:wrap;padding:14px;border-top:var(--line);align-items:center}.consent{border:2px solid var(--ink);padding:12px;background:var(--paper);display:grid;gap:8px;margin-top:10px}.check{display:flex;gap:10px;align-items:flex-start;min-height:44px;font-size:14px}.check input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--ink)}.script{display:grid;gap:16px}.estimate{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;border:var(--line);padding:14px 16px;background:var(--white)}.estimate strong{font-size:20px}.srow{display:grid;grid-template-columns:150px 1fr;border:var(--line);background:var(--white)}.srow .num{font-family:var(--display);font-size:34px;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-right:var(--line);background:var(--paper-2);line-height:1}.srow .num img{width:100%;border:2px solid var(--ink);background:var(--white)}.srow .num i{font-family:var(--body);font-style:normal;font-size:12px;font-weight:600;color:var(--muted);border:2px dashed var(--ink);padding:18px 6px;text-align:center}.srow .body{padding:14px;display:grid;gap:10px}.srow .grid3{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;gap:10px}.srow .field{margin:0}.bline{display:grid;grid-template-columns:120px 140px 1fr 44px;gap:8px;align-items:center}.bline select,.bline input{min-height:44px;border:2px solid var(--ink);border-radius:3px;padding:6px 8px;background:var(--white);width:100%}.iconbtn{width:44px;height:44px;border:2px solid var(--ink);background:var(--white);border-radius:3px;cursor:pointer;font-weight:700;display:grid;place-items:center}.castpick{display:flex;flex-wrap:wrap;gap:8px}.castpick label{display:inline-flex;gap:6px;align-items:center;min-height:44px;padding:0 10px;border:2px solid var(--ink);border-radius:3px;background:var(--paper);cursor:pointer;font-size:14px;font-weight:600}.castpick label:has(input:checked){background:var(--caption)}.castpick input{accent-color:var(--ink);width:18px;height:18px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.pagebar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.pagebar .seg{display:flex;border:2px solid var(--ink);border-radius:3px;overflow:hidden}.pagebar .seg button{min-height:44px;padding:4px 12px;border:0;border-right:2px solid var(--ink);background:var(--white);cursor:pointer;font-weight:600;font-size:14px}.pagebar .seg button:last-child{border-right:0}.pagebar .seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.page{position:relative;aspect-ratio:210/297;width:min(100%,720px);margin:0 auto;background:var(--white);border:var(--line);box-shadow:8px 8px 0 var(--ink)}.panel{position:absolute;overflow:hidden;background:var(--paper-2);border:3px solid var(--ink);cursor:pointer;padding:0}.panel[aria-current=true]{outline:4px solid var(--blue);outline-offset:3px;z-index:2}.panel.drop{outline:4px dashed var(--red);outline-offset:3px}.panel>img{width:100%;height:100%;object-fit:cover}.panel .ink-in{animation:ink .9s steps(12) both}@property --r{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes ink{0%{--r: 0px}to{--r: 9px}}.panel .ink-in{-webkit-mask:radial-gradient(circle,#000 var(--r),transparent calc(var(--r) + .5px)) 0 0 / 12px 12px;mask:radial-gradient(circle,#000 var(--r),transparent calc(var(--r) + .5px)) 0 0 / 12px 12px}.panel .veil{position:absolute;inset:0;display:grid;place-content:center;gap:8px;text-align:center;padding:10px;font-size:13px;color:var(--muted)}.panel .veil strong{color:var(--ink);font-size:15px}.status{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:700;padding:1px 6px;border:1.5px solid var(--ink);background:var(--white);z-index:3}.status.draf{background:var(--caption)}.status.ditolak{background:#f4cfc6}.panel .loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-weight:700;background:#f7f2e7db;z-index:4}.panel .loading:before{content:"";width:46px;height:46px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(var(--ink) 2px,transparent 2.5px) 0 0/9px 9px;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}svg.letters{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}svg.letters g.bub{cursor:grab}svg.letters g.bub:focus{outline:none}svg.letters g.bub:focus-visible .hit{stroke:var(--blue);stroke-width:6;stroke-dasharray:10 6}svg.letters g.bub.sel .hit{stroke:var(--blue);stroke-width:5}svg.letters text{font-family:var(--display)}.rail{display:grid;gap:16px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;padding:2px 6px 12px 2px}.card{border:var(--line);background:var(--white);padding:14px}.card h3{margin-bottom:10px}.sheets{display:flex;gap:10px;flex-wrap:wrap}.sheetchip{width:96px;border:2px solid var(--ink);background:var(--paper);padding:0;cursor:grab;text-align:left;border-radius:3px}.sheetchip img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:left top;border-bottom:2px solid var(--ink)}.sheetchip span{display:block;padding:4px 6px;font-size:13px;font-weight:700;min-height:30px}.sheetchip.locked{cursor:not-allowed;opacity:.6}.poses{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pose{border:2px solid var(--ink);background:var(--paper);border-radius:3px;cursor:pointer;padding:2px;min-height:56px;display:grid;justify-items:center;font-size:10px;font-weight:600;line-height:1.1}.pose[aria-pressed=true]{background:var(--caption)}.pose svg{width:36px;height:40px}.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.note{font-size:13px;color:var(--muted)}.note.err{color:var(--red-text);font-weight:600}.selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.selects label{display:grid;gap:2px;font-size:12px;font-weight:600}.selects select{min-height:44px;border:2px solid var(--ink);border-radius:3px;background:var(--white);padding:4px 6px;width:100%}dialog.blocker{border:var(--line);padding:0;width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 32px);background:var(--paper);color:var(--ink)}dialog.blocker::backdrop{background:#201b148c}.blk{display:grid;grid-template-columns:minmax(0,1fr) 320px}.blk .stage{padding:16px;border-right:var(--line);display:grid;gap:10px;align-content:start}.blk .view{border:var(--line);background:#efe9dc;position:relative}.blk .view img.poster{width:100%}.blk .ctrl{padding:16px;display:grid;gap:14px;align-content:start;overflow:auto;max-height:calc(100vh - 40px)}.slider{display:grid;grid-template-columns:96px 1fr 44px;gap:8px;align-items:center;font-size:13px;font-weight:600}.slider input{width:100%;min-height:44px;accent-color:var(--ink)}.dhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.formats{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.fmt{display:grid;gap:8px}.fmt button{text-align:left;padding:10px 12px;border:2px solid var(--ink);background:var(--white);border-radius:3px;cursor:pointer;min-height:60px}.fmt button[aria-pressed=true]{background:var(--caption);box-shadow:3px 3px 0 var(--ink)}.fmt small{display:block;color:var(--muted)}.preview{border:var(--line);background:var(--paper-2);padding:16px;min-height:300px}.preview .scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px}.preview .scroll img{height:360px;width:auto;max-width:none;border:2px solid var(--ink)}.preview .tall{max-height:640px;overflow-y:auto;width:min(100%,420px);margin:0 auto;border:2px solid var(--ink)}.preview .tall img{width:100%}.preview .pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.preview .pages img{border:2px solid var(--ink)}.warnbox{border:2px solid var(--ink);background:#f4cfc6;padding:12px 14px;margin-bottom:14px}dialog.modal{border:var(--line);padding:20px;width:min(560px,calc(100vw - 32px));background:var(--paper);color:var(--ink)}dialog.modal::backdrop{background:#201b148c}dialog.modal dl{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:14px}dialog.modal dt{font-weight:700}dialog.modal dd{margin:0;word-break:break-word}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:3px;z-index:50;font-weight:600;max-width:calc(100vw - 32px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1180px){.studio{grid-template-columns:minmax(0,1fr) 320px}.srow .grid3{grid-template-columns:repeat(3,1fr)}.srow .grid3 .castpickf{grid-column:1 / -1}.cost .bar{display:none}}@media(max-width:980px){.library,.cast,.chareditor,.studio,.formats{grid-template-columns:1fr}.rail{position:static;max-height:none;overflow:visible}.blk{grid-template-columns:1fr}.blk .stage{border-right:0;border-bottom:var(--line)}.blk .ctrl{max-height:none}dialog.blocker{max-height:calc(100dvh - 16px);overflow:auto}.steps a span{display:none}.castlist{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.fmt{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){main{padding:var(--gutter) var(--gutter) 96px}.top{padding:8px var(--gutter);gap:10px}.brand{font-size:26px}.steps,.cost{display:none}.chip{font-size:13px;padding:4px 10px}.banner{padding:10px var(--gutter)}.bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--paper);border-top:var(--line);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{min-height:56px;display:grid;place-items:center;align-content:center;text-decoration:none;font-size:12px;font-weight:600;gap:0}.bottomnav a b{font-family:var(--display);font-weight:400;font-size:20px;line-height:1}.bottomnav a[aria-current=page]{background:var(--caption)}.srow{grid-template-columns:1fr}.srow .num{border-right:0;border-bottom:var(--line);flex-direction:row;align-items:center;padding:6px 14px;font-size:26px}.srow .num img,.srow .num i{width:96px;padding:0}.srow .num i{padding:10px 4px}.srow .grid3{grid-template-columns:1fr 1fr}.bline{grid-template-columns:1fr 1fr 44px}.bline input[type=text]{grid-column:1 / -1;grid-row:2}.page{box-shadow:5px 5px 0 var(--ink)}.poses{grid-template-columns:repeat(4,1fr)}.selects{grid-template-columns:1fr 1fr}.swatches{grid-template-columns:repeat(3,1fr)}.covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.cover .meta strong{font-size:19px}.fmt{grid-template-columns:1fr}.preview .scroll img{height:260px}.slider{grid-template-columns:80px 1fr 40px}.stephead .btn.go{width:100%}.stephead.compact p{display:none}.pagebar{gap:8px}.pagebar .btn.small,.layoutsel,.layoutsel select{width:100%}}@media(max-width:360px){.covers{grid-template-columns:1fr}.chip span.lbl{display:none}}.panel{container-type:size}.bubedit{position:absolute;z-index:5;margin:0;padding:2%;resize:none;overflow:hidden;text-align:center;font-family:var(--display);line-height:1.12;color:var(--ink);background:var(--white);border:3px dashed var(--blue);border-radius:40%;outline:none;display:grid;align-content:center}.bubbar{position:absolute;z-index:5;display:flex;background:var(--ink);border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 var(--blue)}.bubbar button{min-height:44px;min-width:44px;padding:4px 10px;border:0;background:var(--ink);color:var(--paper);font-weight:600;font-size:13px;cursor:pointer}.bubbar button+button{border-left:1.5px solid var(--muted)}.bubbar button:hover{background:#3a3228}.panelacts{position:absolute;right:6px;bottom:6px;z-index:4;display:flex;gap:6px}.panelacts button{min-height:44px;padding:4px 10px;border:2px solid var(--ink);border-radius:3px;background:var(--white);font-weight:700;font-size:13px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}.panelacts .ok{background:var(--red);font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.04em}.narrow{display:none}.stephead.compact h2{margin-top:6px}@media(max-width:720px){.stephead.compact{flex-wrap:nowrap;align-items:center;margin-bottom:10px;gap:10px}.stephead.compact .caption-box{display:none}.stephead.compact h2{font-size:24px;margin-top:0;overflow-wrap:anywhere}.stephead.compact .btn.ink{flex:none;padding:6px 12px}.nowide{display:none}.narrow{display:inline}.pagebar{display:grid;grid-template-columns:auto minmax(0,1fr)}.pagebar .btn.small{grid-column:1 / -1}}.status.disetujui{inset:6px 6px auto auto;width:22px;height:22px;padding:0;display:grid;place-items:center;font-size:14px;line-height:1;background:var(--white)}.cover .meta .when{display:block;font-size:13px}
