:root{color-scheme:dark;--bg:#0b0e15;--panel:#111620;--panel2:#171d29;--stroke:rgba(255,255,255,.09);--text:#eef1f7;--muted:#8a93a5;--accent:#8d73ff;--success:#62d9a1}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}.app-shell{height:100%;display:grid;grid-template-columns:310px minmax(0,1fr)}.controls-panel{min-height:0;overflow:auto;padding:14px;background:linear-gradient(180deg,#0f141d,#0b0e15);border-right:1px solid var(--stroke);scrollbar-width:thin}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 13px}.preview-header span{font-size:9px;letter-spacing:.16em;color:#777f91;font-weight:800}.preview-header h1{font-size:17px;margin:3px 0 0}.primary-button,.wide-button,.icon-button,.view-toolbar button{border:1px solid var(--stroke);color:var(--text);background:rgba(255,255,255,.045);border-radius:9px;cursor:pointer}.primary-button{padding:9px 11px;background:linear-gradient(180deg,#8d73ff,#6953d4);border-color:rgba(164,143,255,.55);font-size:11px;font-weight:750}.panel{padding:14px;margin-bottom:10px;border:1px solid var(--stroke);border-radius:14px;background:linear-gradient(180deg,rgba(25,31,44,.95),rgba(16,21,30,.95));box-shadow:inset 0 1px rgba(255,255,255,.025)}.compact-panel{padding-top:3px;padding-bottom:3px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px;font-weight:750}.section-title b{font:600 9px ui-monospace,monospace;color:#b9adc6;border:1px solid var(--stroke);padding:5px 6px;border-radius:6px}.wide-button{width:100%;padding:9px 10px;margin-bottom:9px;font-size:10px}.wide-button:hover,.view-toolbar button:hover,.icon-button:hover{background:rgba(141,115,255,.15);border-color:rgba(141,115,255,.35)}.dropzone{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(141,115,255,.52);border-radius:11px;background:rgba(141,115,255,.045);cursor:pointer}.dropzone input{display:none}.dropzone strong{font-size:11px}.dropzone span{font-size:9px;color:var(--muted);margin-top:4px}.texture-row{display:grid;grid-template-columns:72px 1fr 30px;gap:10px;align-items:center;margin-top:11px;padding-top:11px;border-top:1px solid var(--stroke)}.texture-thumb{width:72px;aspect-ratio:2/1;overflow:hidden;border:1px solid var(--stroke);border-radius:7px;background-color:#151923;background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.06) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.texture-thumb img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}.texture-info{min-width:0;display:flex;flex-direction:column;gap:2px}.texture-info strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.texture-info span,.texture-info small{font-size:9px;color:var(--muted)}.texture-info small.ok{color:var(--success)}.texture-info small.warn{color:#ffbd61}.icon-button{width:30px;height:30px}.segmented{display:grid;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(0,0,0,.2)}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{min-height:32px;border:0;border-radius:7px;background:transparent;color:#8790a1;font-size:9px;font-weight:700;cursor:pointer}.segmented button.active{color:white;background:linear-gradient(180deg,rgba(141,115,255,.8),rgba(104,79,213,.72))}.range-label{display:flex;justify-content:space-between;margin:13px 1px 7px;font-size:9px;color:#9ca3b1}.range-label output{font:600 9px ui-monospace,monospace;color:#c8bddf}input[type=range]{width:100%;accent-color:var(--accent)}.toggle-row{min-height:44px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--stroke);cursor:pointer}.toggle-row:first-child{border-top:0}.toggle-row>span{flex:1;display:flex;flex-direction:column;gap:2px}.toggle-row strong{font-size:10px}.toggle-row small{font-size:8px;color:var(--muted)}.toggle-row input{display:none}.toggle-row i{width:33px;height:19px;border:1px solid var(--stroke);border-radius:99px;background:rgba(255,255,255,.08);position:relative}.toggle-row i:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#7e8798;transition:.15s}.toggle-row input:checked+i{background:rgba(141,115,255,.42)}.toggle-row input:checked+i:after{transform:translateX(14px);background:#ddd6ff}.hint{font-size:8px;color:#697183;line-height:1.6;padding:0 5px 10px}.viewport-shell{min-width:0;min-height:0;display:flex;flex-direction:column}.view-toolbar{height:54px;flex:0 0 54px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid var(--stroke);background:rgba(10,13,19,.72)}.view-buttons{display:flex;gap:4px;overflow:auto;scrollbar-width:none}.view-toolbar button{padding:7px 9px;font-size:9px;white-space:nowrap}.view-toolbar button.active{background:rgba(141,115,255,.2);border-color:rgba(141,115,255,.42)}.toolbar-actions{display:flex;align-items:center;gap:7px}.toolbar-actions span{font:600 9px ui-monospace,monospace;color:#848d9d;min-width:38px;text-align:right}.viewport{flex:1;min-height:0;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(78,88,116,.22),transparent 34%),linear-gradient(180deg,#0b0e15,#080a0f)}.viewport:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at center,#000,transparent 74%)}#scene-canvas{position:relative;z-index:1;width:100%;height:100%;display:block;touch-action:none}.corner-label{position:absolute;z-index:2;right:16px;bottom:13px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none}.corner-label span{font-size:7px;letter-spacing:.14em;color:#596274}.corner-label b{font:600 8px ui-monospace,monospace;color:#778193}.webgl-error{position:absolute;inset:auto 16px 16px 16px;z-index:3;padding:11px;border:1px solid rgba(255,190,97,.3);border-radius:10px;background:rgba(34,26,16,.92);color:#ffca7a;font-size:10px}.drag-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(8,7,15,.82);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:.14s}.drag-overlay.visible{opacity:1;visibility:visible}.drag-overlay>div{display:flex;flex-direction:column;align-items:center;padding:25px 32px;border:2px dashed rgba(157,132,255,.85);border-radius:17px;background:rgba(28,23,43,.92)}.drag-overlay b{font-size:15px}.drag-overlay span{margin-top:6px;font-size:10px;color:#a7adba}@media(max-width:760px){html,body{overflow:auto}.app-shell{height:auto;min-height:100%;grid-template-columns:1fr;grid-template-rows:auto minmax(480px,70vh)}.controls-panel{overflow:visible;border-right:0;border-bottom:1px solid var(--stroke)}.viewport-shell{min-height:520px}.preview-header{position:sticky;top:0;z-index:4;background:rgba(13,17,24,.94);backdrop-filter:blur(10px)}.view-toolbar{overflow:auto}.view-buttons{flex:1}.toolbar-actions{position:sticky;right:0;background:#0d1118;padding-left:5px}}@media(max-height:650px) and (min-width:761px){.controls-panel{padding:9px}.panel{padding:10px;margin-bottom:7px}.dropzone{min-height:62px}.toggle-row{min-height:37px}}