:root{font-family:Inter,system-ui,sans-serif;color:#eaf2f7;background:#071018}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;background:radial-gradient(circle at 20% 0,#102a3d,#071018 40%,#04090d)}header{height:72px;padding:0 26px;border-bottom:1px solid #203442;background:#08131c;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.brand>b{width:38px;height:38px;border:1px solid #38708e;border-radius:10px;display:grid;place-items:center;color:#75d3ff;background:#0b2130}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{color:#7d94a2;font-size:11px;margin-top:2px}.actions{display:flex;align-items:center;gap:8px}.actions em{font-style:normal;font-size:10px;color:#7fb4ca;border:1px solid #284554;padding:7px 9px;border-radius:20px}.actions button,.chips button,.link{background:#101e28;border:1px solid #2a414f;color:#b9c9d2;border-radius:7px;padding:8px 12px}.actions .primary{background:#0878b6;border-color:#1498da;color:#fff;font-weight:700}.actions button:disabled,.plan:disabled,.chips button:disabled{opacity:.4}main{max-width:1450px;margin:auto;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px}.stage{height:calc(100vh - 145px);min-height:500px;border:1px solid #223946;border-radius:15px;background:#071019;display:grid;place-items:center;position:relative;overflow:hidden}.stage canvas{max-width:96%;max-height:96%;box-shadow:0 18px 55px #0009}.drop{width:min(500px,80%);height:290px;border:1px dashed #365566;border-radius:16px;display:grid;place-items:center;align-content:center;text-align:center;background:#0a151e}.drop input,.filebar input{display:none}.drop div{font-size:30px;color:#62c8f5;background:#0c2c42;border-radius:12px;width:54px;height:54px;display:grid;place-items:center}.drop h2{margin:15px 0 5px}.drop p{margin:0 0 9px;color:#9badb7}.drop small{color:#647b89}.badge{position:absolute;top:15px;left:15px;padding:8px 11px;border-radius:20px;background:#07131dcc;border:1px solid #315465;color:#72dc9b;font-size:10px}.filebar{margin-top:9px;height:64px;border:1px solid #223946;border-radius:10px;background:#0a151e;display:flex;align-items:center;gap:10px;padding:7px}.filebar img{width:50px;height:50px;object-fit:cover;border-radius:6px}.filebar span{flex:1;min-width:0}.filebar b,.filebar small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filebar b{font-size:11px}.filebar small{color:#718693;font-size:9px;margin-top:3px}.filebar label{font-size:10px;color:#63bce8;cursor:pointer}aside{border:1px solid #223946;border-radius:15px;background:#09131c;overflow:hidden}aside section{padding:19px;border-bottom:1px solid #1c2d38}.eyebrow{font-size:9px;letter-spacing:.15em;color:#5db3dd;font-weight:800}h1{font-size:20px;margin:6px 0 14px}h2{font-size:14px;margin:5px 0}.row{display:flex;justify-content:space-between;align-items:flex-start}textarea{width:100%;height:100px;background:#071019;color:#eaf2f7;border:1px solid #294250;border-radius:9px;padding:11px;resize:vertical;outline:0}textarea:focus{border-color:#4ba5d2}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.chips button{font-size:9px;padding:6px 8px}.plan{width:100%;padding:10px;background:#0b3b57;border:1px solid #287fa9;color:#dff6ff;border-radius:8px;font-weight:700}.muted{font-size:10px;color:#8296a2;line-height:1.5}.switch{width:40px;height:23px;border:0;border-radius:20px;background:#2a3a44;padding:3px}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:#91a2aa}.switch.on{background:#087dbd}.switch.on i{transform:translate(17px);background:#fff}.safe,.warn{display:flex;gap:8px;padding:9px;border-radius:8px}.safe{background:#0a241a;border:1px solid #1e5a42}.warn{background:#2a1c0d;border:1px solid #60431f}.safe>b{color:#5bd592}.warn>b{color:#e8a15a}.safe strong,.safe small,.warn strong,.warn small{display:block}.safe strong,.warn strong{font-size:10px}.safe small,.warn small{font-size:8px;color:#849a91;margin-top:2px}.link{background:none;border:0;color:#60bce8;padding:0;font-size:9px}.slider{display:block;margin-top:13px}.slider>span{display:flex;justify-content:space-between;font-size:10px}.slider output{color:#81a2b3}.slider input{width:100%;accent-color:#1594d0;margin-top:6px}footer{padding:11px 18px;color:#5f7785;font-size:8px;display:flex;justify-content:space-between}@media(max-width:900px){main{grid-template-columns:1fr;padding:10px}.stage{height:55vh;min-height:350px}aside{order:2}.actions em{display:none}header{padding:0 12px}}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.workspace-head h1{margin:5px 0}.workspace-head .muted{margin:0}.add-button{display:inline-flex;align-items:center;justify-content:center;background:#0878b6;color:#fff;font-weight:700;border-radius:8px;padding:11px 13px;font-size:12px;white-space:nowrap;cursor:pointer}.add-button input{display:none}.notice{margin-top:10px;border:1px solid #294250;background:#0a1822;border-radius:9px;padding:10px 12px;color:#b8d2df;font-size:12px;line-height:1.5}.source-section{margin-top:14px;border:1px solid #223946;border-radius:12px;background:#09131c;padding:14px}.source-section h2{margin:5px 0 0}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.source-card{min-width:0;border:1px solid #29404e;border-radius:10px;overflow:hidden;background:#071019}.source-card.selected{border-color:#31a9e3;box-shadow:0 0 0 1px #31a9e355}.source-preview{position:relative;display:block;width:100%;height:150px;padding:0;border:0;background:#02080c;cursor:pointer}.source-preview img{width:100%;height:100%;object-fit:contain}.source-preview span{position:absolute;top:7px;left:7px;background:#06121ddd;color:#fff;border:1px solid #456271;border-radius:20px;padding:3px 7px;font-size:10px}.source-fields{padding:10px;display:grid;gap:9px}.source-fields>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-fields label{display:grid;gap:5px;color:#8ca7b6;font-size:10px}.source-fields select,.source-fields input{width:100%;min-width:0;background:#0d1b25;border:1px solid #294250;color:#eaf2f7;border-radius:6px;padding:8px;font:inherit;font-size:11px}.remove-source{justify-self:start;border:0;background:none;color:#f09a9a;font-size:10px;padding:3px 0}.plan-result{margin-top:12px;padding:11px;border-radius:8px;background:#0b1d28;border:1px solid #2a4a5b;font-size:11px;line-height:1.5}.plan-result ul{padding-left:17px;margin:7px 0 0}.plan-result li{margin:4px 0;overflow-wrap:anywhere}.filebar>button{border:1px solid #2a414f;background:#101e28;color:#b9c9d2;border-radius:7px;padding:8px;font-size:10px}.source-section .row{gap:8px}.source-section .muted{font-size:10px}@media(max-width:600px){.workspace-head{align-items:flex-start;flex-direction:column}.add-button{width:100%}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-preview{height:115px}.source-fields{padding:8px}.source-fields select,.source-fields input{padding:7px}.stage{min-height:300px}.actions .primary{padding:8px}.filebar{gap:7px}.filebar>button{max-width:95px}}.composition-section{margin-top:14px}.composite-stage{margin-top:12px;min-height:220px;max-height:560px;display:grid;place-items:center;overflow:hidden;background:#050b10;border:1px solid #294250;border-radius:10px;padding:10px}.composite-stage canvas{display:block;max-width:100%;max-height:520px;object-fit:contain}.filebar-export{border:1px solid #2a789e;background:#0b3b57;color:#e4f7ff;border-radius:7px;padding:8px;font-size:10px}.cutout-controls{display:grid;gap:8px;padding:8px;background:#0b1922;border-radius:7px}.cutout-controls label{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:10px;color:#a4bbc8}.cutout-controls output{color:#70c9f2}.cutout-controls input{grid-column:1/-1;width:100%;accent-color:#1594d0}