@font-face{font-family:Balsamiq Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./balsamiq-400-cyrillic-Cj7SqnQl.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Balsamiq Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./balsamiq-400-latin-rXWjTc-p.woff2) format("woff2");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:Balsamiq Sans;font-style:normal;font-weight:700;font-display:swap;src:url(./balsamiq-700-cyrillic-BEwck_UW.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Balsamiq Sans;font-style:normal;font-weight:700;font-display:swap;src:url(./balsamiq-700-latin-BFzNRsIb.woff2) format("woff2");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}body{background:#0a0a14;font-family:Courier New,monospace;color:#e0e0e0;padding:20px;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{background:#09090f;color:#e0e0e0;font-family:Courier New,monospace;font-size:13px;overflow:hidden;height:100vh}.app{display:flex;height:100vh;overflow:hidden}.col-resizer{width:5px;flex-shrink:0;cursor:col-resize;background:#10101e;touch-action:none}.col-resizer:hover{background:#14ffec44}.series-panel{width:var(--col-left, 210px);min-width:var(--col-left, 210px);background:#07070f;border-right:1px solid #16162a;display:flex;flex-direction:column;overflow:hidden}.series-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px;border-bottom:1px solid #16162a;flex-shrink:0}.series-panel-title{color:#14ffec;font-size:11px;letter-spacing:2px;text-transform:uppercase}.series-new-btn{background:none;border:1px solid #14ffec;color:#14ffec;font-family:Courier New,monospace;font-size:11px;padding:3px 8px;cursor:pointer;letter-spacing:1px}.series-new-btn:hover{background:#14ffec;color:#07070f}.series-list{flex:1;overflow-y:auto;padding:6px}.series-list::-webkit-scrollbar{width:4px}.series-list::-webkit-scrollbar-track{background:#07070f}.series-list::-webkit-scrollbar-thumb{background:#222}.series-item{padding:8px 8px 7px;border:1px solid transparent;border-radius:2px;cursor:pointer;margin-bottom:3px;display:flex;align-items:flex-start;justify-content:space-between;gap:4px;min-height:44px}.series-item:hover{border-color:#2a2a4a;background:#0f0f1e}.series-item.active{border-color:#14ffec22;background:#0a1a2a}.series-item-body{flex:1;min-width:0}.series-thumb{width:38px;height:38px;flex-shrink:0;border-radius:5px;background:#fff}.series-item-title{color:#d0d0e0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.series-item.active .series-item-title{color:#14ffec}.series-item-sub{color:#444;font-size:10px;letter-spacing:.5px}.series-item-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .1s}.series-item:hover .series-item-actions,.series-item.active .series-item-actions{opacity:1}.series-btn{background:none;border:1px solid #2a2a3a;color:#666;font-size:11px;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:sans-serif}.series-btn:hover{border-color:#14ffec;color:#14ffec}.series-btn-del:hover{border-color:#f44;color:#f44}.series-btn-confirm:hover{border-color:#14ffec;color:#14ffec}.series-btn-cancel:hover{border-color:#f44;color:#f44}.series-edit{width:100%;display:flex;flex-direction:column;gap:4px}.series-edit-input{width:100%;background:#0f0f20;border:1px solid #2a2a4a;color:#e0e0e0;font-family:Courier New,monospace;font-size:11.5px;padding:3px 6px}.series-edit-ep{color:#7ec8e3}.series-edit-input:focus{outline:1px solid #14ffec}.series-edit-actions{display:flex;gap:4px}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;background:#09090f;padding:12px 16px}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-thumb{background:#222}:root{--strip-size: min( calc(100vh - 150px) , 1100px)}.main-header{width:100%;max-width:var(--strip-size);display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.app-title{color:#14ffec;font-size:12px;letter-spacing:3px;text-transform:uppercase;white-space:nowrap}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar label{color:#7ec8e3;font-size:11px;text-transform:uppercase;letter-spacing:1px}select,input[type=text],textarea{background:#1a1a2e;border:1px solid #16213e;color:#e0e0e0;font-family:Courier New,monospace;font-size:12.5px;padding:4px 8px}textarea{width:100%;resize:vertical}select:focus,input:focus,textarea:focus{outline:1px solid #14ffec;border-color:#14ffec}.btn{background:#16213e;border:1px solid #14ffec;color:#14ffec;font-family:Courier New,monospace;font-size:12px;padding:5px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.btn:hover{background:#14ffec;color:#0f0f1a}.btn-red{border-color:#f44;color:#f44}.btn-red:hover{background:#f44;color:#0f0f1a}.comic-section{width:100%;max-width:var(--strip-size)}.series-tag{color:#14ffec;font-size:11px;text-align:center;margin-bottom:6px;letter-spacing:3px;text-transform:uppercase}.panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:#fff;border-radius:6px;width:100%}.panel{position:relative;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;border-radius:12px;outline:2px solid transparent;outline-offset:2px}.panel:hover{outline-color:#14ffec44}.panel.active{outline-color:#14ffec}.panel svg{display:block;width:100%;height:100%;touch-action:none}.panel [data-drag]{cursor:grab}.panel [data-drag]:active{cursor:grabbing}.strip-label{color:#222;font-size:11px;text-align:center;margin-top:6px;letter-spacing:2px}.editor{width:var(--col-right, 300px);min-width:var(--col-right, 300px);background:#0e1628;border-left:1px solid #1a2240;overflow-y:auto;padding:14px;display:flex;flex-direction:column}.editor::-webkit-scrollbar{width:4px}.editor::-webkit-scrollbar-thumb{background:#222}.editor-title{color:#14ffec;font-size:11px;text-transform:uppercase;letter-spacing:2px;flex-shrink:0}.editor-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-ops{display:flex;gap:3px}.panel-ops .series-btn{width:auto;padding:0 6px}.panel-ops .series-btn:disabled{opacity:.3;cursor:default}.btn:disabled{opacity:.35;cursor:default}.field{margin-bottom:10px}.field:last-child{margin-bottom:0}.field label{display:block;color:#7ec8e3;font-size:10.5px;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.field input,.field select{width:100%}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.field-row .field{margin-bottom:0}.field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.field-row-3 .field{margin-bottom:0}.hint{color:#2a2a3a;font-size:10.5px;margin-top:14px;text-align:center;line-height:1.7}.offset-row{display:flex;align-items:center;gap:4px}.offset-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#1a1a2e;border:1px solid #16213e;outline:none}.offset-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#14ffec;cursor:pointer}.offset-val{color:#7ec8e3;font-size:10px;min-width:30px;text-align:right;font-family:Courier New,monospace}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:560px;max-width:92vw;background:#0e1628;border:1px solid #1a2240;padding:16px;display:flex;flex-direction:column;gap:10px}.modal-title{color:#14ffec;font-size:12px;text-transform:uppercase;letter-spacing:2px}.modal-hint{color:#7ec8e3;font-size:11.5px;line-height:1.6}.modal textarea{font-size:12px;line-height:1.5}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tpl-btn{background:#1a1a2e;border:1px solid #2a2a4a;color:#d0d0e0;font-family:Courier New,monospace;font-size:11px;padding:5px 4px;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-btn:hover{border-color:#14ffec;color:#14ffec}.tpl-user{border-color:#3a3a5a}.tpl-save{color:#7ec8e3;border-style:dashed}.mini-btn{background:none;border:1px solid #2a2a4a;color:#7ec8e3;font-size:9.5px;padding:1px 4px;margin-left:6px;cursor:pointer;text-transform:none}.mini-btn:hover{border-color:#14ffec;color:#14ffec}.warn{color:#ffb347;font-size:10.5px;margin-top:4px;line-height:1.5}.slot-card{border:1px solid #1a2240;border-radius:4px;padding:8px;margin-bottom:10px}.slot-title{color:#14ffec;font-size:10.5px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.mirror-toggle{display:flex!important;align-items:center;gap:6px;cursor:pointer;padding:4px 0;color:#e0e0e0!important;text-transform:none!important;font-size:12.5px!important}.mirror-toggle input[type=checkbox]{width:14px;height:14px;accent-color:#14ffec;cursor:pointer}.outfit-card{border:1px solid #1a2240;border-radius:4px;padding:8px 8px 10px;margin-bottom:10px}.slot-sub{color:#4a5578;letter-spacing:.5px;text-transform:none}.outfit-row{display:flex;justify-content:center;gap:16px}.outfit-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.outfit-swatch input[type=color]{width:42px;height:28px;padding:0;border:1px solid #2a2a4a;border-radius:3px;background:#1a1a2e;cursor:pointer}.outfit-swatch:hover input[type=color]{border-color:#14ffec}.outfit-swatch span{color:#7ec8e3;font-size:10px;letter-spacing:.5px;text-align:center}.editor-divider{height:1px;background:#1a2240;margin:10px 0}.author-input{width:96px;background:#1a1a2e;border:1px solid #16213e;color:#7ec8e3;font-family:Courier New,monospace;font-size:12.5px;padding:4px 6px}@media (max-width: 768px){.app-mobile{flex-direction:column;height:100dvh}.mobile-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.app-mobile .series-panel,.app-mobile .editor{width:100%;min-width:0;flex:1;border:none}.app-mobile .main-content{padding:10px 10px 20px}.app-mobile .main-header,.app-mobile .comic-section{max-width:100%}.mobile-edit-btn{margin:14px auto 0;display:block}.tabbar{display:flex;flex-shrink:0;background:#0a0a14;border-top:1px solid #1a2240;padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;padding:8px 0 6px;background:none;border:none;cursor:pointer;color:#666;font-family:Courier New,monospace;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px}.tabbar button.active{color:#14ffec}.tabbar .ticon{font-size:20px;line-height:22px;height:22px;display:block}.series-item-actions{opacity:1}select,input[type=text],textarea,.author-input{font-size:16px}.btn{padding:10px 14px;font-size:14px}.main-header .btn{padding:6px 9px;font-size:12px}.main-header select,.main-header .author-input{font-size:14px;padding:5px 6px}.main-header .author-input{width:84px}.series-btn{width:32px;height:32px;font-size:14px}.mini-btn{font-size:11px;padding:3px 8px}.field label{font-size:12px}.tpl-btn{font-size:13px;padding:9px 8px}.offset-row input[type=range]{height:8px}.offset-row input[type=range]::-webkit-slider-thumb{width:24px;height:24px;border-radius:50%}.offset-val{font-size:12px;min-width:40px}.outfit-swatch input[type=color]{width:52px;height:34px}.mirror-toggle{font-size:14px!important}.slot-title,.editor-title,.hint,.warn{font-size:12px}.field-row-3{grid-template-columns:1fr 1fr}.modal{width:94vw}}
