:root{--paper:#f6f4f0;--panel:#fffefa;--ink:#292825;--muted:#858178;--line:#e9e5dc;--accent:#da6c4c;--accent-soft:#f8e7df;--dark:#2c2b29;--shadow:0 10px 35px #3127190d}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}button,input{font:inherit}button{color:inherit;cursor:pointer} .app{height:100dvh;min-height:520px;display:flex;flex-direction:column;overflow:hidden}
header{height:68px;flex:none;display:flex;align-items:center;gap:18px;padding:0 24px;background:var(--panel);border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.04em;font-size:19px}.brandmark{width:30px;height:30px;background:var(--accent);border-radius:10px;color:white;display:grid;place-items:center;font-size:18px;transform:rotate(-5deg)}.divider{height:27px;width:1px;background:var(--line)}.projectname{font-size:14px;font-weight:650;background:transparent;border:0;outline:0;width:170px;padding:8px 4px;border-radius:6px}.projectname:focus{background:#f5f1e9}.save-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:#76a77a}.header-spacer{flex:1}.iconbtn,.textbtn,.primarybtn{height:38px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.iconbtn{width:38px;padding:0;font-size:17px}.iconbtn:hover,.textbtn:hover{background:#f6f2eb}.iconbtn:disabled{opacity:.4;cursor:default}
#smartToggleBtn{font-size:12px;font-weight:650;gap:6px;padding:0 12px;white-space:nowrap}#smartToggleBtn.off{opacity:.62;background:#f1ece3}#mobileSmartBtn.off{opacity:.5}.primarybtn{background:var(--dark);border-color:var(--dark);color:#fff;font-weight:650;padding:0 15px}.primarybtn:hover{background:#44423e}.export-symbol{font-size:17px}
.workspace{flex:1;min-height:0;display:grid;grid-template-columns:76px minmax(0,1fr) 260px}.tools{background:var(--panel);border-right:1px solid var(--line);padding:15px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;overflow-y:auto}.tool{width:52px;height:52px;border:0;background:transparent;border-radius:13px;display:grid;place-items:center;gap:1px;color:#625f59}.tool .sym{font-size:21px;line-height:1}.tool small{font-size:9px;color:#827e75}.tool:hover{background:#f7f3ec}.tool.active{background:var(--accent-soft);color:#b95437}.tool.active small{color:#a34d35}.tool-sep{width:35px;height:1px;background:var(--line);margin:5px 0}.tool-note{margin-top:auto;font-size:10px;color:#aaa59b;text-align:center;line-height:1.4}
.center{min-width:0;min-height:0;display:flex;flex-direction:column;background:#eeece7}.stage-top{height:48px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#79766f;font-size:12px}.stage-top .hint{display:flex;align-items:center;gap:7px}.kbd{font-size:10px;border:1px solid #d9d5cc;background:#f8f7f4;border-radius:5px;padding:2px 5px;color:#777}.stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:18px 20px 26px;touch-action:none}.board{position:relative;width:min(100%,520px);aspect-ratio:4/5;flex:none;background-color:#fff;background-image:linear-gradient(45deg,#f0efec 25%,transparent 25%),linear-gradient(-45deg,#f0efec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0efec 75%),linear-gradient(-45deg,transparent 75%,#f0efec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;box-shadow:0 8px 36px #241b101a;border:1px solid #fff;overflow:hidden}.board{isolation:isolate}.layer-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.board.transforming .layer-canvas{visibility:hidden}.selection-overlay{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;z-index:3}.guides-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.board.transforming .selection-overlay{display:none}.shape-overlay{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;z-index:3}.symmetry-axis{display:none;position:absolute;z-index:2;top:0;bottom:0;left:50%;border-left:1px dashed #da6c4c;pointer-events:none}.transform-preview{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;z-index:4}.transform-box{display:none;position:absolute;border:1px dashed var(--accent);transform-origin:center;z-index:5;touch-action:none;cursor:move}.transform-box.active{display:block}.transform-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--accent);border-radius:3px;transform:translate(-50%,-50%);touch-action:none}.transform-handle.nw{left:0;top:0}.transform-handle.n{left:50%;top:0}.transform-handle.ne{left:100%;top:0}.transform-handle.e{left:100%;top:50%}.transform-handle.se{left:100%;top:100%}.transform-handle.s{left:50%;top:100%}.transform-handle.sw{left:0;top:100%}.transform-handle.w{left:0;top:50%}.transform-handle.rotate{left:50%;top:-22px;border-radius:50%;background:var(--accent);color:white;font:10px/9px sans-serif;text-align:center}.rotate-stem{position:absolute;left:50%;top:-13px;height:13px;border-left:1px solid var(--accent)}.stage-bottom{height:48px;flex:none;display:flex;align-items:center;justify-content:center;gap:14px;color:#77746d;font-size:12px}.zoom-controls{display:flex;align-items:center;justify-content:center;gap:14px}.zoomrange{width:105px;accent-color:var(--accent)}.transform-actions{display:none;align-items:center;gap:7px}.transform-actions button{height:30px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fffefa;font-size:11px}.transform-actions #applyTransform{background:var(--dark);border-color:var(--dark);color:white}.transform-actions small{font-size:10px;color:#888}.stage-bottom.transforming #zoomControls{display:none}.stage-bottom.transforming .transform-actions{display:flex}
.panel{background:var(--panel);border-left:1px solid var(--line);padding:20px 17px;overflow:auto}.panel-title{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#77736a;margin:1px 0 14px}.control-label{font-size:12px;color:#625f58;display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px}.control-label b{font-weight:600;color:#383631}.range{width:100%;accent-color:var(--accent)}.brush-select{width:100%;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fffefa;color:var(--ink);font-size:12px;outline-color:var(--accent)}.gradient-transparent{display:flex;align-items:center;gap:7px;margin:7px 0 14px;font-size:10px;color:#77736a}.gradient-transparent input,.mini-check input{accent-color:var(--accent)}.palette-picker{margin:13px 0 17px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fffdfa}.palette-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:9px}.palette-head span{font-size:9px;color:#89847b}.palette-target,.palette-tabs{display:flex;gap:4px;overflow:auto;margin-bottom:7px}.palette-target button,.palette-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 9px;color:#77736a;font-size:10px}.palette-target button.active,.palette-tabs button.active{background:var(--accent-soft);border-color:#edc4b5;color:#a34d35}.palette-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.palette-chip{position:relative;border:1px solid #eee8dc;background:#fff;border-radius:8px;padding:4px 2px;min-width:0}.palette-chip-main{width:100%;border:0;background:transparent;display:grid;justify-items:center;gap:3px;color:#77736a;font-size:9px;padding:0}.palette-chip-main i{width:26px;height:26px;border-radius:50%;border:1px solid rgba(60,50,40,.16);display:block}.palette-chip-end{position:absolute;top:2px;right:2px;width:15px;height:15px;border:1px solid #ddd4c8;border-radius:50%;background:#fff;color:#8a725b;font-size:8px;line-height:1;padding:0}.palette-chip:hover{border-color:#d49a86;transform:translateY(-1px)}.brush-library{margin:12px 0 16px}.brush-library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:10px}.brush-library-head span{font-size:9px;color:#a09680}.brush-filters{display:flex;gap:4px;overflow:auto;margin-bottom:8px}.brush-filters button{flex:none;border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 7px;font-size:8px;color:#77736a}.brush-filters button.active{background:var(--accent-soft);border-color:#edc4b5;color:#a34d35}.brush-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.brush-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden;cursor:pointer}.brush-card.selected{border-color:#d88369;box-shadow:0 0 0 2px #f7e6df}.brush-card:hover{border-color:#d49a86}.brush-empty{grid-column:1/-1;text-align:center;font-size:9px;color:#918c83;padding:13px 5px;border:1px dashed var(--line);border-radius:8px}.brush-sample{height:35px;display:grid;place-items:center;background:#f8f6f1}.brush-sample svg{width:92%;height:28px;overflow:visible}.brush-card-info{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;font-size:9px;font-weight:600}.brush-card-info button{border:0;background:transparent;padding:0;color:#a59b87;font-size:13px;line-height:1}.brush-card-info button.fav{color:#d17a4f}.pressure-toggle{display:flex;align-items:center;gap:8px;margin:10px 0 3px;color:#6e6a63;font-size:11px}.pressure-toggle input{accent-color:var(--accent)}.clip-toggle{display:flex;align-items:center;gap:8px;margin:13px 0 5px;color:#625f58;font-size:11px}.clip-toggle input{accent-color:var(--accent)}.clip-note{font-size:10px;line-height:1.4;color:#979187;margin:0 0 8px}.color-row{display:flex;align-items:center;gap:10px}.color-input{width:42px;height:38px;padding:3px;border:1px solid var(--line);background:white;border-radius:10px}.color-hex{font-size:12px;color:#777;letter-spacing:.04em}.swatches{display:flex;gap:8px;margin-top:11px}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd8cf;cursor:pointer}.swatch.active{box-shadow:0 0 0 2px var(--accent)}.panel-sep{height:1px;background:var(--line);margin:22px 0}.layer-head{display:flex;align-items:center;justify-content:space-between}.small-add{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:18px;line-height:1}.layers{display:flex;flex-direction:column;gap:7px}.layer-row{min-height:54px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:7px 8px;gap:8px;background:#fff;cursor:pointer}.layer-row.selected{border-color:#dc927e;background:#fff9f6;box-shadow:0 0 0 2px #f8e7df}.eye{border:0;background:transparent;font-size:14px;color:#777;padding:4px}.thumb{width:31px;height:35px;border:1px solid #eae7e0;border-radius:4px;background:repeating-conic-gradient(#f3f1ec 0% 25%,#fff 0% 50%) 50%/8px 8px;display:grid;place-items:center;color:#c5bfb5;font-size:13px}.layer-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.layer-buttons{display:flex;gap:1px}.layer-buttons button{border:0;background:transparent;padding:3px;color:#8b877f;font-size:12px}.layer-buttons button:hover{color:var(--accent)}.layer-actions{display:flex;gap:7px;margin-top:10px}.layer-actions button{flex:1;height:31px;border:1px solid var(--line);background:white;border-radius:8px;font-size:11px;color:#656159}.layer-opacity{margin-top:16px}.privacy{margin-top:22px;padding:11px;border-radius:10px;background:#f6f4ef;color:#79756c;font-size:10px;line-height:1.5}.privacy strong{color:#57534c;font-weight:650}.mobile-settings{display:none}
.canvas-modal-backdrop{display:none;position:fixed;inset:0;z-index:32;background:#17161377;align-items:center;justify-content:center;padding:16px}.canvas-modal-backdrop.open{display:flex}.canvas-modal{width:min(520px,100%);background:var(--panel);border-radius:17px;padding:23px;box-shadow:0 20px 70px #0003}.canvas-modal h2{font-size:20px;margin:0 0 6px}.canvas-modal p{font-size:13px;color:var(--muted);margin:0 0 17px}.canvas-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.manga-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.manga-panel-grid button{min-height:132px;border:1px solid var(--line);border-radius:10px;background:#fffefa;color:var(--ink);font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px}.mini-page{position:relative;display:block;width:39px;height:55px;border:1px solid #938e87;background:#f4f1e9;box-shadow:0 1px 3px #0002}.mini-page i{position:absolute;display:block;background:#e98f78aa;border:1px solid #ce634d}.manga-panel-grid button:hover{border-color:#dc927e;background:#fff9f6}.canvas-presets button{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fffefa;text-align:left}.canvas-presets button:hover{border-color:#dc927e;background:#fff9f6}.canvas-presets b{display:block;font-size:12px}.canvas-presets small{display:block;color:var(--muted);font-size:10px}.preset-shape{width:35px;height:40px;flex:none;border:1px solid #d5cec2;background:#f4f1ea;border-radius:4px}.preset-shape.square{height:35px}.preset-shape.landscape{width:42px;height:31px}.preset-shape.phone{width:24px;height:42px}.manga-layouts [data-manga-layout="two"] .preset-shape{background:linear-gradient(to bottom,transparent 48%,#a69c90 48% 52%,transparent 52%),#f4f1ea}.manga-layouts [data-manga-layout="three"] .preset-shape{background:linear-gradient(to bottom,transparent 43%,#a69c90 43% 47%,transparent 47%),linear-gradient(to right,transparent 49%,#a69c90 49% 53%,transparent 53%) 0 48%/100% 52% no-repeat,#f4f1ea}.manga-layouts [data-manga-layout="four"] .preset-shape{background:linear-gradient(to bottom,transparent 48%,#a69c90 48% 52%,transparent 52%),linear-gradient(to right,transparent 48%,#a69c90 48% 52%,transparent 52%),#f4f1ea}.manga-layouts [data-manga-layout="split"] .preset-shape{background:linear-gradient(to right,transparent 48%,#a69c90 48% 52%,transparent 52%),#f4f1ea}.manga-layouts [data-manga-layout="six"] .preset-shape{background:linear-gradient(to right,transparent 48%,#a69c90 48% 52%,transparent 52%),linear-gradient(to bottom,transparent 32%,#a69c90 32% 35%,transparent 35% 65%,#a69c90 65% 68%,transparent 68%),#f4f1ea}.manga-layouts [data-manga-layout="vertical3"] .preset-shape{background:linear-gradient(to bottom,transparent 32%,#a69c90 32% 35%,transparent 35% 65%,#a69c90 65% 68%,transparent 68%),#f4f1ea}.manga-layouts [data-manga-layout="dynamic"] .preset-shape{background:linear-gradient(to bottom,transparent 53%,#a69c90 53% 57%,transparent 57%),linear-gradient(to right,transparent 49%,#a69c90 49% 53%,transparent 53%) top/100% 53% no-repeat,linear-gradient(to bottom,transparent 65%,#a69c90 65% 69%,transparent 69%) top/50% 100% no-repeat,#f4f1ea}.canvas-modal-actions{display:flex;justify-content:flex-end;margin-top:16px}.gallery-overlay{display:none;position:fixed;inset:0;z-index:28;background:var(--paper);padding:30px clamp(16px,5vw,64px);overflow:auto}.gallery-overlay.visible{display:block}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 25px;max-width:1250px}.gallery-header h1{font-size:clamp(23px,4vw,34px);letter-spacing:-.04em;margin:0 0 5px}.gallery-header p{font-size:13px;color:var(--muted);margin:0}.gallery-header-actions{display:flex;gap:9px;align-items:center}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:17px;max-width:1250px;margin:auto}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.project-open{border:0;padding:0;width:100%;display:block;text-align:left;background:transparent}.project-preview{aspect-ratio:4/5;background:repeating-conic-gradient(#f1efea 0% 25%,#fff 0% 50%) 50%/16px 16px;display:grid;place-items:center;overflow:hidden}.project-preview img{width:100%;height:100%;object-fit:contain}.project-meta{padding:10px 12px 5px}.project-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-date{font-size:10px;color:var(--muted);margin-top:4px}.project-actions{display:flex;gap:5px;padding:7px 10px 11px}.project-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 4px;font-size:10px;color:#625f58}.project-actions button:hover{background:#f7f3ec}.gallery-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 20px}.subscription-modal-backdrop{display:none;position:fixed;inset:0;z-index:45;background:#17161377;align-items:center;justify-content:center;padding:15px}.subscription-modal-backdrop.open{display:flex}.subscription-modal{width:min(460px,100%);background:#fffefa;border-radius:16px;padding:22px;box-shadow:0 20px 70px #0003}.subscription-modal-head{display:flex;align-items:center;justify-content:space-between}.subscription-modal h2{font-size:20px;letter-spacing:-.03em;margin:4px 0}.subscription-modal p{font-size:11px;line-height:1.5;color:#88847d;margin:9px 0 16px}.subscription-modal label{display:block;font-size:10px;color:#6f6b64;margin:12px 0}.subscription-modal select,.subscription-modal textarea{display:block;width:100%;margin-top:5px;border:1px solid #e2ded5;border-radius:8px;background:#fff;padding:9px;font:inherit;font-size:11px;color:#333}.subscription-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gift-check{display:flex!important;align-items:center;gap:8px;background:#f6f3ed;border-radius:8px;padding:9px}.gift-check input{accent-color:var(--accent)}.subscription-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.subscription-save{border:0;border-radius:8px;background:#2c2b29;color:white;padding:9px 13px;font-size:11px;font-weight:650}.admin-screen{display:none;position:fixed;inset:0;z-index:35;background:#f3f2ef;color:#282725;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.admin-screen.visible{display:flex}.admin-sidebar{width:238px;flex:none;background:#282826;color:#f6f4f0;padding:22px 14px;display:flex;flex-direction:column;gap:22px}.admin-brand{display:flex;align-items:center;gap:10px;padding:2px 8px}.admin-brand b{font-size:16px;display:block}.admin-brand small{display:block;font-size:10px;color:#aaa69e;margin-top:3px}.demo-badge{font-size:9px;line-height:1.45;letter-spacing:.07em;color:#f0b08e;background:#403932;border:1px solid #51463e;border-radius:8px;padding:9px}.admin-nav{display:flex;flex-direction:column;gap:5px}.admin-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#bdb9b0;text-align:left;font-size:12px}.admin-nav button span{width:17px;text-align:center;font-size:16px}.admin-nav button:hover,.admin-nav button.active{background:#3b3935;color:#fff}.admin-nav button.active{box-shadow:inset 2px 0 #e58a68}.admin-back{margin-top:auto;border:1px solid #4a4843;background:transparent;color:#d4d0c8;border-radius:9px;padding:10px;text-align:left;font-size:11px}.admin-main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-header{height:78px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fffefa;border-bottom:1px solid #e7e4dd}.admin-eyebrow{font-size:9px;letter-spacing:.13em;color:#928e85;font-weight:700}.admin-header h1{font-size:23px;letter-spacing:-.04em;margin:4px 0 0}.admin-header-right{display:flex;align-items:center;gap:13px}.admin-status{font-size:10px;color:#77746d;display:flex;gap:7px;align-items:center}.admin-status i{width:7px;height:7px;border-radius:50%;background:#d89755}.admin-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#f1ddd2;color:#a95639;font-weight:750;font-size:12px}.admin-mobile-back{display:none;border:1px solid #e3dfd6;background:white;border-radius:8px;padding:7px 9px;font-size:10px}.admin-content{overflow:auto;padding:25px 30px 40px}.admin-page-intro{margin-bottom:20px}.admin-page-intro h2{font-size:20px;margin:0 0 5px;letter-spacing:-.03em}.admin-page-intro p{font-size:11px;color:#89857d;margin:0}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.admin-card{background:#fffefa;border:1px solid #e9e5dc;border-radius:12px;padding:15px;box-shadow:0 4px 15px #31271905}.metric-label{font-size:10px;color:#868178}.metric-value{font-size:24px;font-weight:760;letter-spacing:-.04em;margin:11px 0 5px}.metric-foot{font-size:9px;color:#76866d}.metric-foot.warn{color:#ae7654}.admin-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.9fr);gap:13px;margin-bottom:15px}.admin-panel{background:#fffefa;border:1px solid #e9e5dc;border-radius:12px;padding:16px}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.admin-panel-head h3{font-size:12px;margin:0}.admin-panel-head span{font-size:9px;color:#918d84}.chart-bars{height:144px;display:flex;align-items:flex-end;gap:10px;padding:12px 5px 0;border-bottom:1px solid #ece8e0;background:repeating-linear-gradient(to bottom,transparent 0 34px,#f0ede7 35px,#f0ede7 36px)}.chart-col{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative}.chart-col i{width:9px;background:#d87555;border-radius:4px 4px 0 0;display:block}.chart-col b{width:9px;background:#e9c8b8;border-radius:4px 4px 0 0;display:block}.chart-labels{display:flex;justify-content:space-between;margin-top:7px;color:#9a968d;font-size:8px}.quick-list{display:flex;flex-direction:column;gap:11px}.quick-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#6f6c65}.quick-row b{color:#302f2c}.admin-table-wrap{overflow:auto;background:#fffefa;border:1px solid #e9e5dc;border-radius:12px}.admin-table{width:100%;border-collapse:collapse;min-width:620px}.admin-table th,.admin-table td{padding:11px 13px;text-align:left;border-bottom:1px solid #efede8;font-size:10px}.admin-table th{font-size:9px;color:#88847c;font-weight:650;background:#fcfbf8}.admin-table tr:last-child td{border-bottom:0}.admin-user{display:flex;align-items:center;gap:8px}.user-dot{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#efe3da;color:#9b5a3f;font-size:10px;font-weight:700}.user-sub{display:block;font-size:8px;color:#a09c94;margin-top:2px}.status-pill{display:inline-flex;border-radius:99px;padding:4px 7px;font-size:8px;background:#e9f2e8;color:#567450}.status-pill.pending{background:#fbf0de;color:#9b6b2a}.status-pill.blocked{background:#f7e5e1;color:#a85d4f}.admin-action{border:1px solid #e5e1d8;background:#fff;border-radius:7px;padding:5px 8px;font-size:9px;color:#625f58}.admin-action:hover{background:#f7f3ec}.user-admin-actions{display:flex;gap:5px;flex-wrap:wrap}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.admin-search{height:34px;width:min(260px,100%);border:1px solid #e5e1d8;border-radius:8px;padding:0 10px;background:#fffefa;font-size:10px}.admin-select{height:34px;border:1px solid #e5e1d8;border-radius:8px;padding:0 9px;background:#fffefa;font-size:10px;color:#4e4b46}.admin-alert{border:1px solid #edd8ca;background:#fff7f2;color:#805a49;border-radius:10px;padding:11px 13px;font-size:10px;margin:0 0 13px}.admin-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-tier h3{margin:0 0 7px;font-size:13px}.admin-tier .price{font-size:21px;font-weight:760;margin:10px 0}.admin-tier p{font-size:10px;color:#88847c;line-height:1.5}.admin-tier button{margin-top:8px;border:1px solid #e4dfd5;background:white;border-radius:8px;padding:8px 10px;font-size:10px}.admin-screen button{cursor:pointer}.reference-window{display:none;position:fixed;z-index:24;top:82px;right:22px;width:250px;height:310px;min-width:150px;min-height:170px;background:#fffefa;border:1px solid #ddd6ca;border-radius:14px;box-shadow:0 14px 40px #1f1b1530;overflow:hidden;resize:both}.reference-window.visible{display:flex;flex-direction:column}.reference-head{height:39px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;background:#faf8f4;border-bottom:1px solid var(--line);cursor:grab;touch-action:none;user-select:none}.reference-head:active{cursor:grabbing}.reference-head strong{font-size:11px}.reference-head button{border:1px solid var(--line);background:white;border-radius:7px;padding:5px 7px;font-size:9px}.reference-image-wrap{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:repeating-conic-gradient(#f1efea 0% 25%,#fff 0% 50%) 50%/14px 14px;overflow:hidden}.reference-image-wrap img{width:100%;height:100%;object-fit:contain;display:none;touch-action:none}.reference-window.has-image .reference-image-wrap img{display:block}.reference-tip{position:absolute;font-size:11px;color:#8a857a;text-align:center;padding:15px;pointer-events:none}.reference-window.has-image .reference-tip{display:none}.reference-resize{display:none;position:absolute;right:0;bottom:0;width:23px;height:23px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,#d5cfc3 51%,#d5cfc3 58%,transparent 59%,transparent 69%,#d5cfc3 70%,#d5cfc3 77%,transparent 78%);touch-action:none}.reference-window.has-image .reference-resize{display:block}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#292825;color:#fff;padding:10px 15px;border-radius:10px;font-size:12px;transition:.2s;z-index:20;box-shadow:var(--shadow)}.toast.show{transform:translate(-50%,0);opacity:1}.filter-backdrop{position:fixed;inset:0;z-index:35;background:#17161377;display:none;align-items:center;justify-content:center;padding:16px}.filter-backdrop.open{display:flex}.filter-modal{width:min(420px,100%);max-height:90dvh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 20px 70px #0003}.filter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.filter-head h2{font-size:19px;margin:0 0 4px}.filter-head p{font-size:10px;color:var(--muted);margin:0}.filter-layer-label{font-size:9px;color:#888;background:#f2efe9;border-radius:20px;padding:5px 8px}.filter-help{font-size:10px;line-height:1.45;color:#8b7666;background:#f8f1e8;border-radius:8px;padding:9px 10px;margin:0 0 12px}.filter-field{display:grid;gap:6px;font-size:11px;color:#625f58;margin:12px 0}.filter-field select{height:37px;border:1px solid var(--line);border-radius:8px;background:#fffefa;padding:0 9px;color:var(--ink)}.filter-field textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;background:#fffefa;padding:10px;color:var(--ink);font:inherit;font-size:13px;line-height:1.45}.filter-field input[type=color]{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;padding:3px;background:#fff}.filter-slider{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;margin:14px 0;font-size:11px;color:#625f58}.filter-slider output{color:#383631;font-weight:650}.filter-slider input{grid-column:1/-1;width:100%;accent-color:var(--accent)}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;inset:0;background:#17161377;display:none;align-items:center;justify-content:center;z-index:30;padding:18px}.modal-backdrop.open{display:flex}.modal{background:var(--panel);padding:22px;border-radius:16px;width:min(390px,100%);box-shadow:0 20px 70px #0003}.modal h2{font-size:18px;margin:0 0 8px}.modal p{font-size:13px;color:#777;margin:0 0 18px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.mobile-tools{display:none}
@media(max-width:850px){.workspace{grid-template-columns:64px minmax(0,1fr)}.panel{display:none}.tools{padding-left:6px;padding-right:6px}.tool{width:48px;height:48px}.stage-top{padding:0 12px}.stage{padding:12px}.board{width:min(100%,520px)}header{padding:0 13px;gap:12px}.projectname{width:130px}.save-status{font-size:0}.save-status .dot{margin-right:2px}}
@media(max-width:850px){.admin-sidebar{width:190px;padding:16px 10px}.admin-content{padding:20px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panels{grid-template-columns:1fr}.admin-tier-grid{grid-template-columns:1fr}}
@media(max-width:560px){.admin-screen{flex-direction:column}.admin-sidebar{width:100%;padding:7px 9px 6px;gap:6px}.admin-brand{display:none}.demo-badge{display:none}.admin-nav{flex-direction:row;overflow-x:auto;gap:4px}.admin-nav button{width:auto;flex:none;padding:8px 10px;font-size:9px;gap:6px}.admin-nav button span{width:auto;font-size:13px}.admin-back{display:none}.admin-header{height:62px;padding:0 12px}.admin-header h1{font-size:18px}.admin-eyebrow{font-size:8px}.admin-header-right{gap:7px}.admin-status{display:none}.admin-mobile-back{display:block}.admin-avatar{width:27px;height:27px}.admin-content{padding:14px 11px 24px}.admin-metrics{gap:8px}.admin-card{padding:12px}.metric-value{font-size:20px;margin:8px 0 4px}.admin-panels{gap:9px}.admin-panel{padding:12px}.admin-tier-grid{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{width:100%}.gallery-overlay{padding:20px 13px}.gallery-header{align-items:flex-start;flex-direction:column;margin-bottom:17px}.gallery-header-actions{width:100%}.gallery-header-actions button{flex:1}.gallery-header-actions .textbtn{display:inline-flex}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-actions{flex-wrap:wrap}.reference-window{top:66px;right:8px;width:min(66vw,240px);height:min(38vh,280px)}.panel.mobile-open{display:block;position:fixed;z-index:15;left:0;right:0;bottom:0;height:min(72dvh,620px);border:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -16px 45px #201a1230;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.app{min-height:480px}header{height:58px;padding:0 10px;gap:9px}.brand{font-size:16px;gap:7px}.brandmark{width:27px;height:27px;border-radius:9px}.divider{height:22px}.projectname{font-size:12px;width:min(29vw,118px);padding:6px 2px}.save-status{display:none}.iconbtn{width:34px;height:34px;border-radius:9px}.textbtn{display:none}.primarybtn{height:35px;padding:0 10px;font-size:12px;border-radius:9px}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.tools{display:none}.center{grid-row:1;min-height:0}.stage-top{height:37px;font-size:10px;padding:0 11px}.stage-top .kbd{display:none}.stage{padding:6px 10px}.board{width:min(100%,calc((100dvh - 235px)*.8));max-height:100%;}.stage-bottom{height:42px;font-size:11px}.zoomrange{width:86px}.transform-actions{gap:5px}.transform-actions button{height:28px;padding:0 9px}.transform-actions small{display:none}.panel{display:none}.mobile-tools{display:flex;position:relative;z-index:16;flex:none;background:var(--panel);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:7px;overflow-x:auto;align-items:center}.mobile-tools .tool{width:48px;height:48px;flex:none}.mobile-tools .tool small{font-size:9px}.mobile-tools .mobile-divider{height:33px;width:1px;background:var(--line);flex:none}.mobile-tools .mini-color{width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:10px;padding:3px;background:white}.mobile-tools .tool.active{background:var(--accent-soft)}.mobile-tools::-webkit-scrollbar{display:none}.mobile-settings{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:8px;padding:7px 8px 8px;background:#f8f6f2;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.mobile-settings::-webkit-scrollbar{display:none}.mobile-settings label{display:flex;align-items:center;gap:6px;font-size:10px;color:#6e6a63;white-space:nowrap}.mobile-settings input[type=range]{width:50px;height:20px;accent-color:var(--accent)}.mobile-settings select{height:28px;max-width:76px;padding:0 5px;border:1px solid var(--line);border-radius:7px;background:#fffefa;color:var(--ink);font-size:10px}.mobile-settings .mini-color{width:27px;height:27px;flex:none;padding:2px;border:1px solid var(--line);border-radius:7px;background:#fff}.mobile-settings .mini-check{display:flex;align-items:center;gap:3px;white-space:nowrap}.mobile-settings .mini-check input{margin:0;width:12px;height:12px}.mobile-settings .opacity-control{display:none}.privacy{font-size:9px}.tool-note{display:none}.mobile-tools{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));justify-content:center;align-items:stretch;gap:4px;overflow:visible;padding:6px 9px calc(6px + env(safe-area-inset-bottom))}.mobile-tools .tool{width:100%;max-width:54px;height:47px;justify-self:center}.mobile-tools .tool small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px}.mobile-more-tools{display:none;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding-top:7px;border-top:1px solid var(--line)}.mobile-more-tools.open{display:grid}.mobile-more-tools .tool{max-width:64px;height:48px}.mobile-tools .mobile-divider{display:none}.filter-backdrop{align-items:flex-end;padding:0}.filter-modal{width:100%;max-height:84dvh;border-radius:18px 18px 0 0;padding:20px 16px calc(18px + env(safe-area-inset-bottom))}.gallery-header-actions #adminDemoBtn{display:none}}
/* Touch-friendly floating reference. */
.reference-window{resize:none;min-width:0;min-height:0;width:270px;height:330px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
.reference-head{height:48px;min-height:48px;padding:2px 8px;gap:4px}.reference-head strong{font-size:12px}.reference-head>div{display:flex;gap:2px}.reference-head button,.reference-controls button{min-height:44px;padding:0 9px;font-size:11px;touch-action:manipulation}
.reference-controls{display:flex;align-items:center;gap:4px;padding:0 7px;border-bottom:1px solid var(--line);flex:none}.reference-controls button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.reference-controls button[aria-pressed=true]{background:var(--accent-soft)}.reference-controls span{font-size:9px;color:var(--muted);line-height:1.3;flex:1}.reference-image-wrap{position:relative;min-height:0;touch-action:none}.reference-image-wrap img{transform-origin:center;will-change:transform;flex:none}.reference-resize{width:44px;height:44px;z-index:2;background:linear-gradient(135deg,transparent 65%,#8885 66%,transparent 70%,#8885 71%,transparent 75%)}
@media(max-width:560px){.reference-window{width:250px;height:300px;top:64px;right:8px}.reference-head button{padding:0 7px}}
.manga-creation{max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px}.manga-creation h2{font-size:18px}.manga-creation h3{font-size:12px;margin:12px 0 8px}.manga-field{display:flex;flex-direction:column;gap:5px;font-size:12px;margin:10px 0}.manga-field input,.manga-field select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:16px}.manga-field[hidden]{display:none}.manga-creation .manga-layouts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.manga-creation .manga-layouts button{flex-direction:column;gap:4px;text-align:center;min-height:112px;padding:8px 4px}.manga-creation .manga-layouts b{font-size:10px}.manga-creation .manga-layouts small{display:none}.manga-creation .manga-layouts .preset-shape{position:relative;width:auto;height:62px;max-width:88px;flex:none;min-width:12px;background:#fffefa!important;border-radius:1px}.manga-creation .preset-shape i{position:absolute;border:1px solid #6d675f;background:#f1ebe2;display:block}.manga-layouts button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.manga-creation .canvas-modal-actions{position:sticky;bottom:-18px;background:var(--panel);padding:12px 0;margin-bottom:0;display:flex;justify-content:flex-end;gap:8px}.manga-creation .canvas-modal-actions button{min-height:44px}.manga-creation #mangaFormatHint{font-size:11px;margin:8px 0}.manga-creation .primarybtn{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:560px){#mangaLayoutModal{padding:8px;align-items:center}.manga-creation{max-height:calc(100dvh - 16px);width:100%;padding:14px}.manga-creation .canvas-modal-actions{bottom:-14px}.manga-creation .manga-layouts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.manga-creation .canvas-modal-actions .textbtn{display:inline-flex;align-items:center;justify-content:center}
.webtoon-modal{display:none;position:fixed;inset:0;z-index:40;background:var(--panel);flex-direction:column}.webtoon-modal.open{display:flex}.webtoon-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;flex:none;border-bottom:1px solid var(--line)}.webtoon-modal h2{font-size:16px;margin:0}.webtoon-modal p{font-size:11px;color:var(--muted);margin:4px 0}.webtoon-modal .textbtn{display:inline-flex;min-height:44px;align-items:center}.webtoon-reader{flex:1;min-height:0;overflow:auto;background:#ddd7cc;overscroll-behavior:contain;padding:0 max(0px,calc((100% - 480px)/2))}.webtoon-section{position:relative;width:100%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.webtoon-section img{display:block;width:100%;height:100%;object-fit:contain}.webtoon-modal footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.webtoon-modal footer label{display:flex;flex-direction:column;gap:3px;font-size:10px}.webtoon-modal select{height:44px;max-width:140px;font-size:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:0 8px}.webtoon-modal .primarybtn{min-height:44px;display:inline-flex;align-items:center}.webtoon-modal footer small{flex-basis:100%;font-size:10px;color:var(--muted)}
#panelLayoutModal{z-index:34}.panel-layout-modal{max-height:calc(100dvh - 20px);overflow:auto;padding:16px}.panel-layout-modal h2{font-size:17px}.panel-layout-modal p{font-size:11px;margin-bottom:10px}#panelLayoutPreview{display:block;width:100%;height:230px;object-fit:contain;background:#e6e0d5;touch-action:none}.panel-layout-nav{display:flex;gap:5px;align-items:center;justify-content:center;margin:8px 0}.panel-layout-nav button{min-width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.panel-layout-nav strong{font-size:11px}.panel-layout-modal label{display:flex;align-items:center;gap:8px;font-size:11px;margin:8px 0}.panel-layout-modal input{min-width:0;flex:1;accent-color:var(--accent);height:28px}.panel-layout-modal small{font-size:10px;color:var(--muted);display:block}.panel-layout-modal .canvas-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.panel-layout-modal .canvas-modal-actions button,#mangaPanelModal .canvas-modal-actions button{display:inline-flex;align-items:center;min-height:44px}
.panel-layout-nav{flex-wrap:wrap}


.mobile-eraser-quick{
  display:none;
}

@media(max-width:560px){
  .mobile-eraser-quick.active{
    display:grid;
    gap:8px;
    padding:8px 9px 9px;
    background:#f8f6f2;
    border-top:1px solid var(--line);
  }

  .mobile-eraser-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:10px;
    color:#5f5a53;
  }

  .mobile-eraser-head small{
    color:var(--accent);
    font-weight:700;
  }

  .mobile-eraser-modes{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
  }

  .mobile-eraser-modes button{
    min-width:0;
    height:32px;
    border:1px solid var(--line);
    border-radius:8px;
    background:#fffefa;
    color:#625f58;
    font-size:9px;
    padding:0 3px;
  }

  .mobile-eraser-modes button.active{
    border-color:#dc927e;
    background:var(--accent-soft);
    color:#a34d35;
    font-weight:700;
  }

  .mobile-eraser-sliders{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .mobile-eraser-sliders label{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:5px;
    font-size:9px;
    color:#6e6a63;
  }

  .mobile-eraser-sliders input{
    width:100%;
    min-width:0;
    accent-color:var(--accent);
  }

  .mobile-eraser-sliders b{
    font-size:9px;
    color:#383631;
  }
}