:root{--kg-bg: #0e1411;--kg-panel: rgba(20, 28, 24, .92);--kg-panel-border: rgba(111, 143, 122, .25);--kg-primary: #6F8F7A;--kg-primary-2: #C8A98A;--kg-text: #e8efe9;--kg-muted: #93a79a;--kg-accent: #2E4A3D}*{box-sizing:border-box}html,body{margin:0;height:100%}body.kreativ-studio{font-family:Inter,system-ui,sans-serif;background:var(--kg-bg);color:var(--kg-text);overflow:hidden}#studio-root{display:grid;grid-template-columns:84px 260px 1fr 280px;grid-template-rows:56px 1fr;grid-template-areas:"top top top top" "tools panels view controls";height:100vh;width:100vw}#studio-topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--kg-panel);border-bottom:1px solid var(--kg-panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;font-weight:600}.brand-link{color:var(--kg-muted);text-decoration:none}.brand-sep{color:var(--kg-panel-border)}.brand-title{color:var(--kg-text)}.top-actions{display:flex;gap:8px}.studio-btn{background:var(--kg-primary);color:#08110c;border:none;padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .12s ease,background .2s}.studio-btn:hover{transform:translateY(-1px)}.studio-btn.ghost{background:transparent;color:var(--kg-muted);border:1px solid var(--kg-panel-border)}#studio-toolbar{grid-area:tools;background:var(--kg-panel);border-right:1px solid var(--kg-panel-border);display:flex;flex-direction:column;align-items:center;padding-top:14px;gap:10px}.mode-group{display:flex;flex-direction:column;gap:8px}.mode-btn{width:52px;height:52px;border-radius:14px;background:#ffffff0a;border:1px solid var(--kg-panel-border);color:var(--kg-text);font-size:22px;cursor:pointer;transition:all .15s}.mode-btn:hover{background:#6f8f7a2e}.mode-btn.active{background:var(--kg-primary);border-color:var(--kg-primary)}#studio-toolbar .panel{position:fixed;left:84px;top:56px;bottom:0;width:260px;background:var(--kg-panel);border-right:1px solid var(--kg-panel-border);padding:16px;overflow-y:auto}.panel h4{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--kg-muted)}.hint{font-size:11px;color:var(--kg-muted);margin:12px 0;line-height:1.5}.build-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-item{padding:12px 8px;border-radius:10px;cursor:pointer;background:#ffffff0a;border:1px solid var(--kg-panel-border);color:var(--kg-text);font-size:13px}.build-item:hover{background:#6f8f7a2e}.build-item.active{background:var(--kg-primary);color:#08110c}.finish-group{display:flex;gap:6px;margin-bottom:14px}.finish-btn{flex:1;padding:8px;border-radius:8px;cursor:pointer;font-size:12px;background:#ffffff0a;border:1px solid var(--kg-panel-border);color:var(--kg-text)}.finish-btn.active{background:var(--kg-primary-2);color:#1a120a;border-color:var(--kg-primary-2)}.shade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:320px;overflow-y:auto}.shade-swatch{width:100%;aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:transform .1s}.shade-swatch:hover{transform:scale(1.12)}.shade-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--kg-primary)}.loading{font-size:12px;color:var(--kg-muted);grid-column:1 / -1}.furniture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#studio-controls{grid-area:controls;background:var(--kg-panel);border-left:1px solid var(--kg-panel-border);padding:18px;overflow-y:auto}.ctrl-block{margin-bottom:22px}.ctrl-block label{display:block;font-size:12px;color:var(--kg-muted);margin-bottom:8px}.ctrl-block input[type=range]{width:100%;accent-color:var(--kg-primary)}.ctrl-block select{width:100%;padding:8px;border-radius:8px;background:#ffffff0a;color:var(--kg-text);border:1px solid var(--kg-panel-border)}.stage-labels,.time-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--kg-muted);margin-top:4px}#studio-viewport{grid-area:view;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#1a2620,#0a0f0c)}#studio-viewport canvas{display:block;width:100%;height:100%}#studio-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--kg-muted);font-size:14px}#studio-toast{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:10px 18px;border-radius:10px;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none}#studio-toast.show{opacity:1}