:root{--champagne:#e6c486;--surface:#101117;--stroke:#ffffff12;--muted:#a7a7b2;--cyan:#56e8dd;--violet:#9581ff}body{background:#07080d;color:#f3f3f6}.sidebar{background:linear-gradient(120deg,#14151c,#090a0e 60%);border-right:1px solid #e6c48620;box-shadow:12px 0 50px #0004}.nav-link{border-radius:9px;margin:3px 0;transition:background .18s,translate .18s}.nav-link:hover{background:#ffffff07;translate:2px 0}.nav-link.active{background:linear-gradient(100deg,#e6c48622,#e6c48606);border-color:#e6c48644;color:#f7e2bc}.navicon{font-family:Arial;color:#c0b6a1}.panel,.stat-card{background:linear-gradient(135deg,#ffffff06,#ffffff01 40%),#101117;border:1px solid var(--stroke);box-shadow:0 16px 48px #0003,inset 0 1px #ffffff07;backdrop-filter:blur(16px)}.panel:hover{border-color:#e6c48626}.btn-gold{background:linear-gradient(115deg,#b98c46,#f6dfac 48%,#c69d5f);box-shadow:0 4px 24px #bb985229,inset 0 1px #fff7;color:#17120a;border-color:#ffe5b366}.btn{transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:disabled{opacity:.45;transform:none}.page-intro h1{letter-spacing:-1.5px}.topbar{gap:22px;background:#0a0b10ed;backdrop-filter:blur(18px)}.global-search{position:relative;flex:1;max-width:370px}.global-search input{width:100%;background:#15161d;border:1px solid #ffffff13;color:#ededf4;padding:11px 15px;border-radius:10px;font-size:12px}.global-search input:focus{outline:1px solid #e6c48677}#searchResults{position:absolute;top:45px;width:100%;z-index:100;background:#171820;border-radius:10px;box-shadow:0 15px 40px #0008}#searchResults button{display:block;width:100%;padding:13px;text-align:left;background:none;border:0;color:#e6c486;cursor:pointer}#searchResults button:hover{background:#ffffff08}.scene-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px!important;margin-bottom:16px}.scene-toolbar select{min-width:200px}.scene-toolbar span{font-size:11px;color:var(--muted)}.editor-shell{display:grid;grid-template-columns:180px minmax(300px,1fr) 235px;gap:14px;align-items:start}.editor-left,.editor-right{padding:16px!important}.editor-heading{font-size:10px;letter-spacing:1.8px;color:#d8bb87;margin:4px 0 18px}.editor-heading:not(:first-child){margin-top:28px}.node-library{display:grid;grid-template-columns:1fr 1fr;gap:6px}.library-tile{padding:12px 5px;border-radius:8px;color:#e5e3eb;border:1px solid #ffffff10;background:linear-gradient(150deg,#22232d,#16171e);font-size:10px;text-transform:capitalize;cursor:pointer}.library-tile:hover{border-color:#e6c48680;color:#f1d9a7}.layer-row{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;padding:11px 8px;border:1px solid transparent;border-radius:7px;background:#16171f;color:#b4b4c2;text-align:left;margin:5px 0;cursor:pointer;font-size:11px}.layer-row.active{border-color:#e6c48666;color:#f1d9a7;background:#e6c4860f}.editor-toolrow{display:flex;gap:6px;flex-wrap:wrap;padding:12px;background:#11121b;border-radius:10px 10px 0 0;border:1px solid #ffffff0d}.editor-toolrow .studio-mini{font-size:10px;padding:7px}.editor-toolrow label{font-size:10px;display:flex;align-items:center;gap:4px;color:#a9a9b8}.canvas-viewport{width:100%;position:relative;overflow:hidden;min-height:120px;max-height:510px;background-color:#1a1b25;background-image:linear-gradient(45deg,#242631 25%,transparent 25%),linear-gradient(-45deg,#242631 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#242631 75%),linear-gradient(-45deg,transparent 75%,#242631 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-viewport .scene-stage{touch-action:none}.canvas-viewport .scene-node{cursor:grab;overflow:visible}.canvas-viewport .scene-content{border-radius:inherit}.canvas-viewport .scene-node.selected{outline:3px solid #56e8dd;outline-offset:2px}.canvas-viewport .scene-node.locked{cursor:not-allowed}.resize-handle{position:absolute;bottom:-7px;right:-7px;width:20px;height:20px;background:#56e8dd;border:2px solid #081217;cursor:nwse-resize;z-index:100;border-radius:3px}.alignment-guide{position:absolute;pointer-events:none;display:none;background:#e85ccd}.alignment-guide.vertical{width:1px;left:50%;top:0;bottom:0}.alignment-guide.horizontal{height:1px;top:50%;left:0;right:0}.canvas-footer{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:#86899c;padding:12px;background:#11121b;border-radius:0 0 10px 10px}.inspector{display:grid;grid-template-columns:1fr;gap:11px}.inspector label{font-size:11px;color:#b9b9c8;display:block}.inspector input,.inspector select,.inspector textarea,.scene-toolbar select{display:block;width:100%;min-width:0;border:1px solid #ffffff18;background:#0b0c13;color:#f0eff6;padding:9px;border-radius:7px;margin-top:5px;font:12px Arial;box-sizing:border-box}.inspector input[type=checkbox]{display:inline;width:auto;margin-right:8px}.inspector textarea{resize:vertical}.inspector input:focus,.inspector select:focus,.inspector textarea:focus{outline:1px solid #e6c48677}.output-panel{margin-top:16px;padding:18px!important}.output-panel h3{font-size:17px;margin-bottom:12px}.output-panel .form-input{width:100%;font-size:10px;margin:10px 0}.output-panel .studio-form>*{min-width:120px}.output-panel .btn-row{flex-wrap:wrap}.editor-left input[type=file]{max-width:145px;font-size:10px;margin-top:12px}.software-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.software-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left;padding:26px 20px;border:1px solid #ffffff15;border-radius:16px;background:linear-gradient(130deg,#242331,#11121b);color:#eee;cursor:pointer}.software-card span{font-size:28px;color:#d8b777}.software-card small{color:#9696ac;font-size:11px}.software-card.active{border-color:#e6c48688;box-shadow:inset 0 0 30px #e6c48609}.setup-steps{padding-left:24px;display:grid;gap:14px;margin:22px 0}.setup-steps li{padding-left:8px;color:#e6c486}.setup-steps p{color:#a8a8b9;font-size:13px;line-height:1.65;margin:6px 0}.audio-popout{max-width:660px;margin:10vh auto;padding:40px;border:1px solid #e6c48633;border-radius:24px;background:linear-gradient(135deg,#282117,#11121b);line-height:1.7}.audio-popout h1{font-size:36px}.audio-popout em{color:#e6c486}.sound-edit{flex-basis:100%;padding-top:14px;border-top:1px solid #ffffff12}.studio-row:has(.sound-edit){flex-wrap:wrap}.scene-toolbar #sceneSaveStatus{max-width:250px;overflow-wrap:anywhere}@media(min-width:1600px){.editor-shell{grid-template-columns:200px minmax(400px,1fr) 250px}}@media(max-width:1250px){.editor-shell{grid-template-columns:140px minmax(280px,1fr)}.editor-right{grid-column:1/-1}.editor-right .inspector{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-left{padding:10px!important}.breadcrumb{display:none}}@media(max-width:760px){.global-search{max-width:200px}.top-actions{gap:5px}.editor-shell{display:flex;flex-direction:column}.editor-left,.editor-right,.editor-center{width:100%}.node-library{grid-template-columns:repeat(5,1fr)}.editor-left #sceneLayers{display:flex;gap:5px;overflow:auto}.layer-row{min-width:120px;max-width:180px}.editor-right .inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.software-choice{grid-template-columns:1fr}.software-card{padding:18px}.canvas-footer{flex-direction:column}.audio-popout{margin:20px;padding:24px}.top-pill{display:none}}@media(prefers-reduced-motion:no-preference){.btn-gold{background-size:200% auto}.btn-gold:hover{background-position:100% center;transition:background-position .5s,transform .2s}}