:root{color:#d7dce5;font-synthesis:none;text-rendering:optimizelegibility;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#111318;min-width:720px;min-height:100vh;margin:0;overflow:hidden}.grid{background:#171a21;grid-template-columns:minmax(280px,1fr) 6px minmax(420px,1fr)!important}.gutter-col{transition:background .15s;background:#252a35!important}.gutter-col:hover{background:#5b8cff!important}#tabs{scrollbar-width:thin;border-bottom:1px solid #2d3340;align-items:center;gap:2px;min-height:42px;padding:5px 8px;overflow-x:auto;background:#1b1f28!important;flex-wrap:nowrap!important}#tabs>span{color:#cbd2df;border-radius:5px;flex:none;background:#242936!important;border-color:#353c4a!important}#tabs>span:hover{color:#fff;background:#303747!important}#tabs>span[style*=black]{background:#39445a!important;border-color:#6f8fcf!important}#container{min-height:0}.status-pill{z-index:20;color:#dce3ef;backdrop-filter:blur(12px);pointer-events:none;background:#161a22db;border:1px solid #343c4b;border-radius:999px;align-items:center;gap:7px;max-width:calc(50vw - 24px);padding:6px 10px;font-size:12px;display:flex;position:fixed;top:9px;left:10px;box-shadow:0 5px 20px #00000040}.status-pill:has(#status[data-state=invalid]){color:#ffb6bd;border-color:#6f3840}.file-tab{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden;border-right:0!important;border-radius:5px 0 0 5px!important;height:28px!important;margin:0!important;padding:5px 7px!important}.tab-close{justify-content:center;align-items:center;width:24px;font-size:16px;line-height:1;display:inline-flex;color:#8993a5!important;border-left:0!important;border-radius:0 5px 5px 0!important;height:28px!important;margin:0 5px 0 0!important;padding:0!important}.file-tab:hover+.tab-close,.tab-close:hover{color:#f1f4f9!important;background:#303747!important}.file-tab[style*=black]+.tab-close{background:#39445a!important;border-color:#6f8fcf!important}.tab-action{align-items:center;display:inline-flex;height:28px!important;margin:0 4px 0 0!important;padding:5px 8px!important}#addtab{margin-left:auto!important}#helpbtn{color:#b9c9e8!important}#valueInspector{z-index:30;color:#dce3ed;background:#1b2029;border:1px solid #414b5c;border-radius:8px;width:min(350px,100% - 40px);font-size:12px;position:absolute;bottom:42px;right:20px;overflow:hidden;box-shadow:0 16px 42px #0000007a}#valueInspector[hidden]{display:none}.value-inspector-header{background:#242a35;border-bottom:1px solid #3a4352;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.value-inspector-header div{flex-direction:column;gap:1px;display:flex}.value-inspector-header strong{color:#f0f3f8;font-size:13px}.value-inspector-header small{color:#909bad}.value-inspector-header button{color:#aeb7c5;width:25px;height:25px;padding:0;font-size:17px}.value-section{border-top:1px solid #303744;padding:10px 12px}.value-section>label,.label-row>label{color:#cbd3df;font-weight:600}.label-row{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}#valueInspector input,#valueInspector select{color:#dce3ed;background:#11151b;border:1px solid #414a59;border-radius:4px;min-width:0;height:28px}#valueInspector input[type=number],#valueInspector input[type=text]{width:100%;padding:3px 6px}#valueInspector input[type=range]{accent-color:#7ca7f5;border:0;width:100%}#valueInspector select{padding:3px 6px}.axis-inputs,.color-components{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px;display:grid}.axis-inputs label,.color-components label{color:#8f9aac;grid-template-columns:12px 1fr;align-items:center;gap:3px;display:grid}.preset-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.preset-row button{padding:4px 7px;font-size:11px}.rotation-preview{grid-template-columns:148px 1fr;align-items:center;gap:14px;padding:14px 12px;display:grid}.rotation-stage{perspective:320px;background:radial-gradient(circle at 50% 45%,#39465d,#171b22 72%);border:1px solid #3b4658;border-radius:8px;place-items:center;height:116px;display:grid;position:relative;overflow:hidden}.rotation-stage:after{content:"";background:linear-gradient(90deg,#0000,#67758d,#0000);height:1px;position:absolute;bottom:20px;left:17px;right:17px;transform:rotate(-8deg)}.rotation-cube{z-index:1;width:48px;height:48px;transform-style:preserve-3d;will-change:transform;background:#5e9affb8;border:1px solid #b8d3ff;position:relative}.rotation-cube:before,.rotation-cube:after{content:"";background:#4970b573;border:1px solid #a8c8ff;position:absolute;inset:-1px}.rotation-cube:before{transform:rotateY(90deg)translateZ(24px)}.rotation-cube:after{transform:rotateX(90deg)translateZ(24px)}.rotation-axis{z-index:2;color:#8490a3;font:10px/1 Cascadia Code,Consolas,monospace;position:absolute}.rotation-axis-x{color:#ef777d;bottom:17px;right:9px}.rotation-axis-y{color:#7fd393;top:8px;left:50%}.rotation-axis-z{color:#79a9ed;bottom:17px;left:10px}.rotation-readout{flex-direction:column;gap:3px;min-width:0;font-family:Cascadia Code,Consolas,monospace;display:flex}.rotation-readout strong{color:#f0f4fb;font-size:18px}.rotation-readout span{color:#b8c5d8}.rotation-readout small{color:#8997aa;overflow-wrap:anywhere;line-height:1.4}.vrml-value-inspector-highlight{background:#5b8cff38;border-bottom:1px solid #7ca7f5;border-radius:2px}.multi-color-preview{border:1px solid #4b5668;border-radius:6px;height:42px;margin:12px}.color-swatches{flex-wrap:wrap;gap:5px;padding:0 12px 10px;display:flex}.color-swatches button{background:var(--swatch);border:2px solid #252b35;width:27px;height:27px;padding:0}.color-swatches button.selected{outline-offset:1px;outline:2px solid #8eb6ff}.color-edit-row{grid-template-columns:42px 1fr;align-items:center;gap:8px;display:grid}.color-edit-row input[type=color]{cursor:pointer;width:42px;padding:2px}.hex-input{text-transform:uppercase;font-family:Cascadia Code,Consolas,monospace}.value-hint{color:#9ca8b8;background:#171b22;margin:0;padding:9px 12px 11px;line-height:1.45}.value-hint code{color:#bfd3f7}#helpDialog{color:#dce3ed;background:#181c24;border:1px solid #394354;border-radius:10px;width:min(760px,100vw - 32px);max-height:min(820px,100vh - 32px);padding:0;box-shadow:0 24px 80px #00000094}#helpDialog::backdrop{backdrop-filter:blur(2px);background:#080a0eb8}.help-header{z-index:1;background:#1d222c;border-bottom:1px solid #343c4a;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.help-header h2{margin:1px 0 0;font-size:20px}.help-eyebrow{color:#8da2c8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:650}.icon-button{width:32px;height:32px;padding:0;font-size:20px}.help-content{padding:4px 22px 24px;overflow-y:auto}.help-content section{border-bottom:1px solid #2b313d;padding:16px 0}.help-content section:last-child{border-bottom:0}.help-content h3{color:#f0f3f8;margin:0 0 8px;font-size:15px}.help-content p,.help-content li,.help-content dd{color:#b9c1cf;font-size:13px;line-height:1.55}.help-content pre{color:#d9e4f5;background:#101319;border:1px solid #2d3542;border-radius:6px;margin:12px 0 0;padding:14px;overflow-x:auto}.help-content code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.help-content :not(pre)>code{color:#b8d3ff;background:#252c38;border-radius:3px;padding:1px 4px}.help-content dl{grid-template-columns:130px 1fr;gap:8px 14px;margin:10px 0 0;display:grid}.help-content dt{color:#e1e7f0;font-size:13px;font-weight:650}.help-content dd{margin:0}.help-content ul{margin:8px 0 0;padding-left:20px}.help-content kbd{color:#e0e6ef;background:#292f3a;border:1px solid #414a59;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}.help-links a{color:#8fb7ff}.help-note{background:#222936;border-left:3px solid #6688c5;border-radius:3px;padding:10px 12px}button{color:#d8dfeb;cursor:pointer;background:#242a35;border:1px solid #394252;border-radius:6px;padding:6px 10px}button:hover{background:#30394a;border-color:#7596d8}#formatbtn,#creativebtn,#settingsbtn{opacity:.86!important}#settingsMenu{color:#d9dfeb;box-shadow:0 12px 36px #0006;background:#1c2029!important;border-color:#3a4352!important}#settingsMenu input{color:inherit;background:#12151b;border:1px solid #3b4454;border-radius:4px;padding:4px}x3d-canvas{background:radial-gradient(circle at 50% 40%,#242b38,#101217 70%)}@media (width<=900px){body{min-width:0;overflow:auto}.grid{grid-template-rows:42vh 58vh;grid-template-columns:1fr!important}.grid>:first-child{height:42vh!important}.grid>:last-child{height:58vh!important}.gutter-col{display:none}.status-pill{max-width:80vw}}