:root{--ink:#f2ede5;--muted:#928f98;--panel:#11151d;--line:#2a303b;--gold:#d0aa64}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#090c12;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}.app{background:radial-gradient(circle at 75% 5%,#202a3a 0,#0000 35%),#090c12;grid-template-columns:390px minmax(600px,1fr);min-height:100vh;display:grid}.panel{border-right:1px solid var(--line);scrollbar-color:#434b59 transparent;background:#0d1118f5;height:100vh;padding:28px 24px 50px;overflow:auto}header{padding:4px 4px 22px}header span,.stage-top span{color:#cba36a;letter-spacing:.28em;font-size:10px}h1{margin:8px 0 7px;font:400 32px/1.1 Georgia,serif}header p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}section{border:1px solid var(--line);background:#141922b8;border-radius:18px;margin-bottom:14px;padding:18px}section>b,.section-head b{color:#ddd4c6;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-size:11px;display:block}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head button{margin-top:-8px;padding:6px 10px}label{color:#a9a6ad;margin-top:11px;font-size:11px;display:block}input:not([type=range]):not([type=checkbox]),select,textarea{color:#f2ede5;background:#0c1017;border:1px solid #353c48;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:#af8652;box-shadow:0 0 0 2px #af865229}textarea{resize:vertical;min-height:58px}input[type=color]{height:40px!important;padding:3px!important}input[type=range]{accent-color:#c98f68;width:100%;margin-top:8px}output{float:right;color:#eee;background:#2a303a;border-radius:10px;padding:2px 7px}.check{align-items:center;gap:8px;display:flex}.check input{accent-color:#d0aa64}.two,.three{grid-template-columns:1fr 1fr;gap:8px;display:grid}.three{grid-template-columns:repeat(3,1fr);margin-bottom:10px}button{background:#171d26;border:1px solid #353c48;border-radius:9px;padding:10px 12px}button:hover{background:#202732;border-color:#a98055}button:disabled{opacity:.35;cursor:not-allowed}.people{grid-template-columns:1fr 1fr;gap:7px;display:grid}.people button{text-align:left;align-items:center;gap:8px;display:flex;overflow:hidden}.people button.active{background:#3b2a25;border-color:#bc8b5c}.people i{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 10px}.danger{color:#b99393;background:0 0;width:100%;margin-top:8px;padding:8px;font-size:11px}.hint,small{color:#777d88;margin:10px 0 0;font-size:10px;line-height:1.5;display:block}.background-actions{gap:8px;display:grid}.online-button,.replace-button{color:#f2e4d5;cursor:pointer;text-align:left;background:linear-gradient(135deg,#382822,#1b202b);border:1px solid #9f7956;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-items:center;min-height:76px;padding:12px;display:grid}.online-button span,.replace-button span{color:#e4b875;grid-row:1/3;font-size:22px}.online-button b,.replace-button b{font-size:13px}.online-button small,.replace-button small{color:#a9a2a0;margin:2px 0 0;font-size:9px}.online-button:hover,.replace-button:hover{background:linear-gradient(135deg,#4a3026,#242b37)}.online-gallery{background:#0b0f16;border:1px solid #353c48;border-radius:11px;margin-top:10px;padding:10px}.gallery-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.gallery-title strong{color:#decbb7;font-size:10px}.gallery-title span{color:#757c87;font-size:8px}.background-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.background-grid button{text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px;min-height:108px;padding:7px;font-size:10px;display:flex}.background-grid button.active{border-color:#c58d61;box-shadow:0 0 0 2px #c58d6126}.background-grid button strong{font-size:10px}.background-grid button em{color:#ca9c70;font-size:8px;font-style:normal}.space-thumb{background:#080b12;border-radius:6px;width:100%;height:42px}.thumb-0{background:linear-gradient(145deg,#060a13,#15233d)}.thumb-1{background:linear-gradient(155deg,#060a12 10%,#d4b48d 46%,#32506e 52%,#060a12 88%)}.thumb-2{background:linear-gradient(155deg,#102d5b 20%,#9a4e3f 58%,#edac63)}.thumb-3{background:radial-gradient(circle,#dfb56f 0 7%,#5f3d67 8% 14%,#0000 15%),radial-gradient(circle at 70% 30%,#8cc7de,#0000 25%),#090914}.thumb-4{background:radial-gradient(circle at 20% 35%,#fff 0 1%,#0000 2%),radial-gradient(circle at 70% 60%,#e6a5ff 0 2%,#0000 6%),linear-gradient(135deg,#080911,#2d1e42)}.native-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.remove-background{color:#bba99a;background:0 0;border-style:dashed;width:100%;margin-top:8px;font-size:10px}.background-status{color:#969ca7;background:#0c1017;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:10px}.background-status.ready{color:#90c9ac}.background-status.error{color:#df9b9b}.text-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.text-tabs button{padding:8px 5px;font-size:9px}.text-tabs button.active{color:#f1d7bf;background:#3b2a25;border-color:#bd8a5e}.text-editor{border-top:1px solid #2b313b;margin-top:10px;padding-top:4px}.checks{flex-wrap:wrap;gap:6px 14px;margin-top:10px;display:flex}.checks label{margin:0}.primary{color:#fff;background:linear-gradient(135deg,#b46f4d,#d09a6c);border-color:#c58d61;width:100%;margin-bottom:8px;font-weight:600}.export-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-status{color:#9fd2b5;background:#13231c;border-radius:8px;margin-top:10px;padding:10px;font-size:10px;line-height:1.4}.export-status.error{color:#e5a5a5;background:#2b1818}.stage{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:26px 38px 45px;display:flex}.stage-top{justify-content:space-between;align-items:end;width:min(100%,680px);margin-bottom:18px;display:flex}.stage-top strong{margin-top:5px;font:400 22px Georgia,serif;display:block}.stage-top p{color:#7f8590;margin:0;font-size:11px}.poster-wrap{background:#151a23;border:1px solid #303746;border-radius:21px;width:min(100%,660px);padding:18px;box-shadow:0 40px 100px #0008}canvas{aspect-ratio:3/4;touch-action:none;cursor:grab;background:#071126;width:100%;display:block;box-shadow:0 12px 45px #0008}canvas:active{cursor:grabbing}@media (width<=950px){.app{grid-template-columns:1fr}.panel{height:auto}.stage{min-height:auto;padding:24px 14px 50px}.poster-wrap{max-width:600px}}@media (width<=520px){.panel{padding:18px 12px}.people{grid-template-columns:1fr}.stage-top p{display:none}}@media print{body{background:#fff}.panel,.stage-top{display:none!important}.app,.stage{background:#fff;margin:0;padding:0;display:block}.poster-wrap{width:30cm;height:40cm;box-shadow:none;border:0;padding:0}canvas{width:30cm;height:40cm;box-shadow:none}@page{size:30cm 40cm;margin:0}}