:root{--bg:#070b11;--panel:#101722;--panel2:#0d141e;--line:#273446;--text:#eaf1fb;--muted:#8a99ae;--accent:#59d7ff;--danger:#ff647d;--shadow:0 18px 50px #000b}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:13px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}button{background:#18212d;color:var(--text);border:1px solid #2e3c50;border-radius:8px;padding:8px 10px;cursor:pointer;transition:.15s ease}button:hover{border-color:#58708d}button:active{transform:translateY(1px)}button.active,.accent{background:#153948;border-color:var(--accent);color:#e4fbff}.danger{border-color:#71313e;color:#ff9aa8}
.topbar{height:58px;border-bottom:1px solid var(--line);background:#0a0f16;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px;position:relative;z-index:30}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.brand strong{letter-spacing:1.5px}.brand span{color:var(--muted);white-space:nowrap}.top-actions{display:flex;gap:6px;overflow:auto;padding-bottom:2px;max-width:52vw}.top-actions::-webkit-scrollbar{height:0}
.workspace{height:calc(100% - 58px);display:grid;grid-template-columns:250px minmax(0,1fr) 220px;min-height:0;position:relative}.panel{background:var(--panel);overflow:auto;padding:10px;border-right:1px solid var(--line);min-height:0;z-index:20}.panel-right{border-right:0;border-left:1px solid var(--line)}.panel-head{display:flex;align-items:center;justify-content:space-between;font-weight:800;letter-spacing:.8px;text-transform:uppercase;font-size:11px;padding:2px 2px 9px;color:#b9c6d8}.panel-close{display:none;padding:4px 8px;font-size:18px;line-height:1}
.fold{border:1px solid #253244;border-radius:9px;margin:7px 0;background:var(--panel2);overflow:hidden}.fold summary{cursor:pointer;list-style:none;padding:10px 11px;font-weight:700;color:#c7d2e3;display:flex;align-items:center;justify-content:space-between}.fold summary::-webkit-details-marker{display:none}.fold summary:after{content:'＋';color:#6f8096}.fold[open] summary:after{content:'−'}.fold[open] summary{border-bottom:1px solid #202d3c}.section-body{padding:10px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.tool-grid button{font-size:12px}.section-body button{width:100%;margin-bottom:6px}.section-body label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin:9px 0;color:#bcc7d7}.section-body label input[type=range]{grid-column:1/2}.section-body label output{grid-column:2}.section-body input[type=text],.section-body select,.section-body label input:not([type=range]):not([type=color]){width:100%;background:#080d14;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px}.section-body label input[type=color]{width:100%;height:32px;padding:2px;background:#080d14;border:1px solid var(--line);border-radius:7px}.selectedColor{height:32px;border-radius:8px;border:1px solid #46556b;box-shadow:inset 0 0 0 1px #0008;background:#59d7ff;position:relative;margin-top:3px}.selectedColor:after{content:'COLOR ACTIVO';position:absolute;right:8px;top:8px;font-size:9px;letter-spacing:1px;font-weight:800;color:#061017bb}.selectedHex{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#bfcbda;margin:6px 0 8px}.svPicker{height:145px;border-radius:8px;border:1px solid #40506a;position:relative;cursor:crosshair;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue,190),100%,50%));background-blend-mode:multiply,normal;box-shadow:inset 0 0 0 1px #0006}.hueRange{width:100%;height:20px;margin:7px 0;appearance:none;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);border-radius:8px;border:1px solid #40506a}.hueRange::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #091018;box-shadow:0 0 0 1px #fff8}.hueRange::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #091018;box-shadow:0 0 0 1px #fff8}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:8px 0}.paletteGradient{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;grid-column:1/-1}.swatch{aspect-ratio:1;border-radius:5px;border:1px solid #ffffff33;min-width:0}.swatch.fine{border-radius:3px;padding:0}.small,.help p{color:var(--muted);line-height:1.45}.help p{margin:7px 0}.layerrow{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center;text-align:center}.layerrow button{padding:5px}.lightingStatus{text-align:center;color:#8ca0b6;font-size:10px;letter-spacing:.08em;padding:4px}.panel input[type=range]{width:100%}
.viewport{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1a2637 0,#0a0e15 70%);min-width:0}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-hud{position:absolute;z-index:10;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.hud-edit-actions{position:absolute;left:0;top:34px;display:flex;gap:6px;pointer-events:auto}.hud-edit-actions button{padding:6px 9px;background:#0a111adf}.hud-edit-actions button.active{border-color:#59d7ff;box-shadow:0 0 0 1px #59d7ff55,inset 0 0 15px #59d7ff16}.hud-edit-actions button:disabled{opacity:.45;cursor:not-allowed}.hud-chip{background:#0a111ad9;border:1px solid #2b394c;border-radius:7px;padding:5px 8px;font-size:11px;box-shadow:0 8px 20px #0005}.hud-actions{display:flex;gap:6px;pointer-events:auto}.hud-actions button{padding:6px 9px;background:#0a111adf}.viewport-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:#0a111ac8;border:1px solid #263447;border-radius:999px;color:#8ea0b6;padding:6px 10px;font-size:10px;pointer-events:none}.viewport.camera-mode{box-shadow:inset 0 0 0 2px #59d7ff55}
#drop{display:none}.mobile-toolbar{display:none}.mobile-backdrop{display:none}.preview #viewport-hud,.preview .panel,.preview .mobile-toolbar{display:none}
@media (max-width:900px){
  .topbar{height:52px;padding:0 9px}.brand span{display:none}.top-actions button{padding:7px 8px;font-size:12px}.workspace{height:calc(100% - 52px);display:block}.viewport{height:100%;width:100%}.panel{position:fixed;top:52px;bottom:0;width:min(86vw,330px);background:#0d141ecc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);transform:translateX(-110%);transition:transform .2s ease;border-right:1px solid #344357}.panel-right{right:0;left:auto;transform:translateX(110%);border-left:1px solid #344357;border-right:0}.panel.mobile-open{transform:translateX(0)}.panel-close{display:block}.panel-head{padding-top:7px}.mobile-toolbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:40}.tool-toggle{background:#0a111add;backdrop-filter:blur(10px);border-color:#33445a;box-shadow:0 10px 25px #0007;padding:10px 8px}.mobile-backdrop{position:fixed;inset:0;background:#0007;z-index:15}.mobile-backdrop:not([hidden]){display:block}.viewport-hint{bottom:72px;font-size:9px;white-space:nowrap}.hud-actions button{padding:7px 9px}.viewport-hud{top:7px;left:7px;right:7px}.svPicker{height:120px}.palette{grid-template-columns:repeat(8,1fr)}
}
@media (max-width:480px){.top-actions{max-width:64vw}.top-actions button{white-space:nowrap}.hud-chip{font-size:10px;padding:4px 6px}.hud-actions button{padding:7px 8px}.panel{width:92vw}.mobile-toolbar{gap:5px}.tool-toggle{font-size:11px}}
@media (min-width:901px){.mobile-backdrop{display:none!important}}

.texturePalette{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.texturePalette button{aspect-ratio:1;border-radius:7px;padding:4px;background-color:#111820;background-repeat:no-repeat;background-size:192px 192px;background-clip:padding-box;font-size:9px;text-shadow:0 1px 2px #000;overflow:hidden}
.texturePalette button[data-texture="none"]{background-image:none!important}
.texturePalette button.active{outline:2px solid var(--accent);border-color:var(--accent)}