:root{font-family:Arial,sans-serif;color:#eef2f5;background:#060b11}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,select{cursor:pointer;font:inherit}button{color:inherit}aside{width:244px;flex-shrink:0;background:linear-gradient(#09121b,#06111a);padding:32px 22px;border-right:1px solid #15202a}.logo{font-size:34px;font-weight:950;font-style:italic;letter-spacing:-3px}.logo span{background:#d92835;border-radius:22px;padding:1px 7px}aside small{font-size:10px;letter-spacing:4px;color:#9aa7b4}nav{font-size:14px;line-height:3.5;margin-top:42px;color:#b8c3ce}.app{flex:1;min-width:0}header{height:70px;background:#0d1824;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#a7b2c0;font-size:13px}main{padding:25px 30px}.home{text-align:center;padding:32px 12px}.home h1{font-size:36px;margin:0}.home span,.studio span{color:#e12b38}.home p{font-size:18px}.hero{display:flex;align-items:center;justify-content:center;gap:9vw;margin-top:48px}.hero-image{width:min(48vw,560px);aspect-ratio:4/3;position:relative;overflow:hidden;background:#1e2933}.hero-image img{width:100%;height:100%;object-fit:cover}.tint{position:absolute;inset:0 50% 0 0;backdrop-filter:saturate(.5) blur(2px);background:#bda07b25}.divider-hero{position:absolute;left:50%;top:0;height:100%;border-left:3px solid white;display:grid;place-items:center;font-size:21px}.divider-hero::first-letter{background:#fff;color:#222}.pitch h2{font-weight:400}.pitch button,.upload{border:0;background:linear-gradient(#f13742,#921725);padding:15px 48px;border-radius:9px;font-weight:700;font-size:18px}.hidden{display:none}.studio-head h2{font-size:18px;margin:3px 0 16px}.studio-head small{font-size:13px;font-weight:400;color:#b7c0cb}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:22px}.viewer{min-width:0}.compare{position:relative;height:min(56vh,520px);background:#1c2a37;display:grid;place-items:center;overflow:hidden;border-radius:14px;touch-action:none}.compare canvas{position:absolute;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.compare #after{clip-path:inset(0 50% 0 0)}.wipe{position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #eee;pointer-events:none}.wipe b{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);background:#fff;color:#122135;border-radius:100%;padding:9px}.tools{display:flex;justify-content:end;gap:10px;margin-top:10px}.tools button,.filebtn{border:0;border-radius:8px;background:#203144;padding:10px 14px;font-size:13px}.filebtn input,.upload input{display:none}.samples{display:flex;gap:9px;overflow:auto;margin-top:18px}.samples button{background:#172735;border:0;padding:13px 8px;font-size:11px;border-radius:8px;min-width:85px}.panel{background:#0c1925;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:12px}.upload{display:block;text-align:center;padding:16px;font-size:15px;cursor:pointer}.group{background:#102130;padding:14px;border-radius:12px}.group h3{font-size:12px;letter-spacing:.2px;display:flex;justify-content:space-between;color:#f2f4f6;margin:4px 0 16px}.group output{font-weight:400}.seg{display:flex;background:#0a1621;border-radius:8px;overflow:hidden;margin-bottom:16px}.seg button{border:0;background:transparent;flex:1;min-width:0;font-size:11px;padding:13px 4px}.seg .active{background:#203950;border-radius:7px}input[type=range]{width:100%;accent-color:#dce3e9}.export{text-align:center}.export select{background:#182a38;border:0;color:white;padding:10px;width:100%;border-radius:8px;margin-bottom:12px}.export button{background:#173c68;border:0;border-radius:9px;padding:15px 35px;font-weight:700}.export p{font-size:11px;color:#a5b5c4;line-height:1.5}@media(max-width:950px){aside{display:none}.workspace{grid-template-columns:1fr}.hero{flex-direction:column}.hero-image{width:90%}}

.layers{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#c9d3df}.layer-row{display:flex;align-items:center;gap:8px;background:#182939;padding:7px 8px;border-radius:7px;cursor:pointer}.layer-row input{accent-color:#d8e0e8}.swatch{height:17px;width:17px;display:inline-block;border-radius:4px;border:1px solid #ffffff20}.tiny{background:#22394d;border:0;border-radius:5px;padding:5px 7px;color:#dce3e9;font-size:10px}

.swatch-picker{width:27px;height:27px;border:0;background:transparent;padding:0;cursor:pointer;border-radius:5px;flex-shrink:0}

.node-editor{position:fixed;inset:0;background:#02060bea;z-index:100;display:grid;place-items:center;padding:25px}.node-editor.hidden{display:none}.node-shell{background:#12202e;border-radius:14px;padding:18px;width:min(1100px,96vw);max-height:94vh;overflow:auto}.node-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.node-head button{background:#263b4d;border:0;border-radius:6px;padding:10px 13px;margin-left:6px}.node-head #saveNode{background:#195f61}.node-shell p{font-size:12px;color:#bfced9}.node-surface{background:repeating-conic-gradient(#eef1f4 0 25%,#d9dfe5 0 50%) 50%/28px 28px;height:min(64vh,680px);display:grid;place-items:center;overflow:hidden;touch-action:none}.node-surface svg{height:100%;max-width:100%;max-height:100%}.node-surface path{cursor:crosshair}.node-handle{cursor:move;stroke:#fff;stroke-width:1.6;fill:#277de6;vector-effect:non-scaling-stroke}.node-selected{stroke:#277de6!important;stroke-width:1.4!important;vector-effect:non-scaling-stroke}.node-shell #nodeNotice{font-size:12px;padding-top:12px;color:#c0d0dd}