/* Warm graphite workspace, amber execution and clear node hierarchy. */
.studio-canvas{background-color:#201c18!important;background-image:radial-gradient(#76604a4a 1px,transparent 1px)!important;background-size:24px 24px!important;color:#f0dfc8!important;overscroll-behavior:none}.sc-top{position:absolute;inset:14px 16px auto;display:flex;align-items:center;gap:12px;z-index:5;padding:10px 13px;border:1px solid #65503d;border-radius:18px;background:#322920ed;box-shadow:0 6px 22px #0004;backdrop-filter:blur(14px);flex-wrap:wrap}.sc-brand{font-size:16px;font-weight:700;color:#f5c476;white-space:nowrap;padding:0 10px}.sc-tools{display:flex;gap:5px;align-items:center}.sc-tools:last-child{margin-left:auto}.sc-top button,.sc-zoom button{font-size:11px;border-radius:10px;padding:9px 11px;color:#e7d1b4;white-space:nowrap}.sc-top button:hover,.sc-zoom button:hover{background:#55402e}.sc-top .sc-primary{background:linear-gradient(145deg,#f7c273,#dea04c);color:#3c2815;box-shadow:0 3px 8px #c38b3530;font-weight:700}.sc-top button:disabled{opacity:.45;cursor:wait}.sc-top button[hidden]{display:none}.sc-viewport{position:absolute;inset:0;touch-action:none;overflow:hidden;cursor:grab}.sc-stage{position:absolute;width:10000px;height:10000px;transform-origin:0 0;will-change:transform;pointer-events:none}.sc-nodes{position:absolute;inset:0;pointer-events:none}.sc-links{position:absolute;left:-3000px;top:-3000px;width:16000px;height:16000px;overflow:visible;pointer-events:none;transform:translate(3000px,3000px)}.sc-links .sc-edge{fill:none;stroke:#d99e53;stroke-width:2.5;stroke-dasharray:7 3;filter:drop-shadow(0 0 3px #f3b65a33)}.sc-node{position:absolute;width:285px;pointer-events:auto;background:linear-gradient(140deg,#382d23,#30261e);border:1px solid #6d5034;border-radius:18px;box-shadow:0 15px 30px #0004;cursor:default;overflow:visible}.sc-node-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(110deg,#51402d,#3b3025);border-radius:17px 17px 0 0;cursor:grab;touch-action:none}.sc-node-head b{font-size:12px;color:#f9dcaa;font-weight:650}.sc-node-delete{font-size:20px;color:#c7ad8e;border-radius:8px;width:26px;height:26px}.sc-node-delete:hover{background:#713d32;color:#fff}.sc-node-body{padding:12px 14px 15px;display:flex;flex-direction:column;gap:9px}.sc-field{font-size:9px;color:#bca282;display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.sc-field select{width:100%;color:#e8cdaa;background:#261f19;border:1px solid #6a5037;border-radius:9px;padding:8px;font-size:10px;max-width:100%}.sc-node textarea{width:100%;height:80px;resize:vertical;color:#f4dec1;background:#29211b;border:1px solid #67503c;border-radius:10px;padding:10px;font:11px/1.7 'Segoe UI','Microsoft Yahei',sans-serif;outline:none}.sc-node textarea:focus,.sc-field select:focus{border-color:#e2a457}.sc-node textarea::placeholder{color:#a38a6d}.sc-node-config{display:flex;gap:8px}.sc-node .sc-run{width:100%;padding:10px;border-radius:10px;background:linear-gradient(130deg,#f1b75f,#d69640);color:#34230e;font-size:11px;font-weight:700;box-shadow:0 3px 10px #0002}.sc-reference{padding:8px;border:1px dashed #977044;border-radius:9px;color:#e0b477;font-size:10px;background:#453220}.sc-reference-preview{max-height:100px;max-width:100%;object-fit:contain;border-radius:8px}.sc-node-status{font-size:9px;line-height:1.6;margin:0;color:#b6ce9b;overflow-wrap:anywhere}.sc-node-status.error{color:#f1a18d}.sc-result{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:10px;background:#191510}.sc-original{color:#e0b270;font-size:10px;text-decoration:none;text-align:center}.sc-text-button{font-size:9px;color:#c4a47e}.sc-port{position:absolute;top:60px;width:13px;height:13px;border-radius:50%;border:2px solid #eec37d;box-shadow:0 0 0 4px #241b14;background:#bd8338;padding:0;z-index:2}.sc-port:hover{background:#fff1ba;box-shadow:0 0 0 5px #bd833855}.sc-input{left:-7px}.sc-output{right:-7px}.sc-status{position:absolute;left:24px;bottom:25px;right:260px;font-size:11px;line-height:1.6;pointer-events:none;color:#c4ad8d;z-index:4;overflow-wrap:anywhere}.sc-status.error{color:#f5ac92}.sc-help{position:absolute;left:24px;bottom:65px;font-size:10px;color:#a18b70;pointer-events:none;z-index:3}.sc-zoom{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;border:1px solid #6b5038;background:#33291fed;border-radius:22px;padding:4px;z-index:4;box-shadow:0 3px 10px #0004}.sc-zoom span{font-size:10px;min-width:40px;text-align:center;color:#d2b17f}.sc-confirm-list{max-height:180px;overflow:auto;font-size:11px;background:#efe3d1;border-radius:12px;padding:8px 12px}@media(max-width:800px){.sc-top{gap:6px;padding:7px;inset:8px 8px auto}.sc-brand{font-size:13px;padding:0 5px}.sc-top button{font-size:10px;padding:7px}.sc-tools:last-child{margin-left:0}.sc-help{display:none}.sc-status{left:14px;bottom:75px;right:16px;font-size:10px}.sc-zoom{right:12px;bottom:15px}.sc-node{width:285px}}@media(prefers-reduced-motion:reduce){.sc-stage{will-change:auto}}
/* Readable canvas controls and complete selection/asset workspace. */
.sc-top{gap:8px;padding:10px;align-content:flex-start}.sc-brand{font-size:19px}.sc-tools{flex-wrap:wrap;gap:4px}.sc-top button,.sc-zoom button{font-size:15px;padding:10px 12px;min-height:42px}.sc-extra{flex-wrap:wrap}.sc-top .sc-extra .active{background:#74512d;color:#ffe3b6;box-shadow:inset 0 0 0 1px #c38e4f}.sc-top button:disabled{opacity:.4}.sc-node{width:340px}.sc-node-head{padding:14px 16px}.sc-node-head b{font-size:17px}.sc-node textarea{font-size:16px;line-height:1.65;height:108px;padding:12px}.sc-field{font-size:13px;color:#e1c7a4;gap:7px}.sc-field select{font-size:14px;min-height:42px;padding:9px;color:#fff0d9}.sc-node .sc-run{font-size:16px;min-height:45px}.sc-node-status{font-size:13px;color:#cadfae}.sc-node-delete{font-size:26px;width:30px;height:30px}.sc-reference{font-size:14px;padding:12px}.sc-original,.sc-text-button{font-size:13px}.sc-status{font-size:14px;color:#ead5b7;right:310px;bottom:24px}.sc-help{font-size:13px;color:#cfb894;bottom:65px}.sc-zoom span{font-size:14px}.sc-port{top:64px;width:16px;height:16px}.sc-input{left:-9px}.sc-output{right:-9px}.sc-node-pick{width:19px;height:19px;margin:0 8px 0 0;accent-color:#e9ac53;cursor:pointer}.sc-node-head b{margin-right:auto}.sc-node.sc-selected{border-color:#ffc86d;box-shadow:0 0 0 2px #ffba5070,0 15px 32px #0005}.sc-selected-tools{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:9px;background:#45311f;border:1px solid #ad7b42;padding:8px 12px;border-radius:17px;box-shadow:0 7px 20px #0004;font-size:14px;white-space:nowrap}.sc-selected-tools[hidden]{display:none}.sc-selected-tools button{background:#73512f;border-radius:9px;padding:9px 13px;color:#fff0db;font-size:14px}.sc-selection-box{position:absolute;border:1px solid #ffcf7a;background:#ffc05a20;pointer-events:none;z-index:4}.sc-assets{position:absolute;left:14px;top:155px;bottom:85px;width:240px;border:1px solid #6a5139;border-radius:17px;background:#2d241dec;z-index:6;padding:14px;overflow:auto;box-shadow:0 8px 25px #0004}.sc-assets[hidden]{display:none}.sc-assets-head{display:flex;justify-content:space-between;align-items:center;font-size:17px;color:#ffe3b4}.sc-assets-head button{font-size:26px;color:#dfc29e}.sc-assets>p{font-size:13px;line-height:1.7;color:#d3bfa0;margin:12px 0 18px}.sc-assets-list{display:grid;gap:14px}.sc-asset{display:grid;gap:8px;background:#3b2d21;border:1px solid #6d5035;border-radius:12px;padding:10px}.sc-asset img,.sc-asset video{width:100%;height:130px;object-fit:contain;border-radius:8px;background:#201914}.sc-asset b{font-size:13px;overflow-wrap:anywhere;font-weight:500}.sc-asset button,.sc-asset a{padding:9px;border-radius:8px;background:#a57037;color:white;font-size:13px;text-align:center;text-decoration:none}.sc-asset .sc-text-button{background:transparent;color:#d2ac83}.sc-with-assets{left:260px}.sc-drop{box-shadow:inset 0 0 0 4px #e9ac53;background:#ffcf6e10}.sc-tutorial{font-size:16px;line-height:1.9;padding-left:24px;color:#624933}.sc-tutorial li{margin:10px 0}.sc-confirm-list{font-size:15px}@media(max-width:1000px){.sc-top{inset:7px;gap:4px}.sc-top button{font-size:14px;padding:8px 10px}.sc-top .sc-tools:last-child{margin-left:0}.sc-assets{top:205px}.sc-help{display:none}.sc-status{bottom:82px;right:18px}.sc-node{width:340px}}@media(max-width:550px){.sc-top{position:absolute;max-height:185px;overflow:auto}.sc-top button{font-size:13px;padding:8px}.sc-brand{font-size:16px}.sc-assets{width:210px;top:200px}.sc-with-assets{left:0}.sc-selected-tools{font-size:12px;gap:4px;bottom:120px;max-width:95%}.sc-selected-tools button{font-size:12px;padding:8px}.sc-node textarea{font-size:16px}}
.sc-help{bottom:auto;top:140px;line-height:1.5;color:#d5bd98;max-width:calc(100% - 48px)}