:root{color-scheme:light;--color-dark: #1f2933;--color-wood: #b8793e;--color-green: #3f7d5a;--color-green-hover: #326749;--color-bg: #f5f1ea;--color-card: #ffffff;--color-border: #d8d1c7;--color-text: #111827;--color-muted: #6b7280}*{box-sizing:border-box}body{margin:0;height:100vh;font-family:Georgia,Times New Roman,serif;color:var(--color-text);background:var(--color-bg);overflow:hidden}button{font:inherit}button:disabled{opacity:.5;cursor:not-allowed}.layout{height:100vh;padding:24px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:24px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:start;padding:16px 18px;border:1px solid var(--color-dark);border-radius:8px;background:var(--color-dark);color:var(--color-card)}.topbar-main,.topbar-side{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#ffffffad}h1{margin:6px 0 0;font-size:clamp(28px,4vw,42px);font-weight:600}.status{min-width:260px;padding:14px 16px;border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;color:var(--color-text)}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;min-height:0;height:100%}.panel,.canvas{border:1px solid var(--color-border);border-radius:8px;background:var(--color-card)}.panel{padding:18px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.panel h2{margin:0 0 12px;font-size:18px}.buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.buttons button{border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);padding:10px 12px;cursor:pointer;color:var(--color-text)}.buttons button.active{background:var(--color-green);color:var(--color-card);border-color:var(--color-green)}.buttons button.active:hover{background:var(--color-green-hover)}.buttons button:hover{background:var(--color-bg)}.note{margin:0 0 16px;color:var(--color-muted);line-height:1.5}.facts{margin:0;padding-left:18px;line-height:1.7}.version-list{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.version-list li{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--color-border);background:var(--color-bg)}.version-list strong{color:var(--color-dark)}.version-list span{font-size:14px;color:var(--color-muted)}.link-button{width:fit-content;padding:0;border:0;background:transparent;color:var(--color-green);cursor:pointer;font:inherit}.link-button:hover{color:var(--color-green-hover)}.issue-list{margin:0 0 22px;padding-left:18px;color:#8b3a2b;line-height:1.6}.dimension-form{display:grid;gap:10px;margin-bottom:22px}.field{display:grid;gap:6px}.field span{font-size:14px;color:var(--color-muted)}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font:inherit}.field input:focus{outline:1px solid var(--color-green);border-color:var(--color-green)}.field select:focus{outline:1px solid var(--color-green);border-color:var(--color-green)}.element-inline-field{margin-top:2px}.dimension-form button{border:1px solid var(--color-green);border-radius:8px;background:var(--color-green);color:var(--color-card);padding:10px 12px;cursor:pointer}.dimension-form button:hover{background:var(--color-green-hover)}.insert-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}.insert-tool{border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);padding:10px 12px;text-align:left;cursor:pointer}.insert-tool:hover{background:var(--color-bg)}.insert-tool.active{border-color:var(--color-green);background:#3f7d5a1f;color:var(--color-green)}.canvas-wrap{min-width:0;min-height:0}.canvas-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;height:100%}.canvas-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:12px}.canvas-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.canvas-actions-wide button{border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);padding:10px 12px;cursor:pointer}.canvas-actions-wide button.active{background:var(--color-green);color:var(--color-card);border-color:var(--color-green)}.canvas-actions-wide button.active:hover{background:var(--color-green-hover)}.canvas-actions-wide button:hover{background:var(--color-bg)}.canvas-actions-wide .ghost{min-width:56px}.ghost,.primary-inline{border-radius:8px;padding:10px 12px;cursor:pointer;font:inherit}.ghost{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text)}.ghost:hover{background:var(--color-bg)}.primary-inline{border:1px solid var(--color-green);background:var(--color-green);color:var(--color-card)}.primary-inline:hover{background:var(--color-green-hover)}.canvas{position:relative;min-height:0;height:100%;overflow:hidden;background:linear-gradient(to right,rgba(216,209,199,.7) 1px,transparent 1px),linear-gradient(to bottom,rgba(216,209,199,.7) 1px,transparent 1px),var(--color-card);background-size:32px 32px;cursor:grab;touch-action:none}.canvas:active{cursor:grabbing}.stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center}.empty-state{position:absolute;left:50%;top:50%;width:min(520px,calc(100% - 48px));padding:32px;border:2px dashed var(--color-border);border-radius:8px;background:#ffffffe0;text-align:center;box-shadow:0 18px 32px #1f293314;transform:translate(-50%,-50%)}.empty-state h2{margin:0 0 10px;font-size:28px}.empty-state p{margin:0 0 18px;color:var(--color-muted);line-height:1.6}.empty-badge{display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:#b8793e24;color:var(--color-wood)}.cube{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;display:grid;place-items:center;padding:0;min-width:100px;min-height:70px;border:3px solid var(--color-wood);border-radius:0;outline:none;background:#efe2d2;box-shadow:none;transition:width .18s ease,height .18s ease,border-color .12s ease;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;transform:translate(-50%,-50%)}.cube-top{background:linear-gradient(90deg,rgba(184,121,62,.08) 0 1px,transparent 1px),linear-gradient(180deg,rgba(184,121,62,.08) 0 1px,transparent 1px),#efe2d2;background-size:18px 18px}.cube-front{background:#efe2d2}.cube-selected{border-color:var(--color-green)}.cube-insert-target{box-shadow:inset 0 0 0 2px #3f7d5a3d}.cube:focus,.cube:focus-visible{outline:none;box-shadow:none}.cube-values{display:grid;place-items:center;gap:8px;height:100%;padding:10px 12px}.cube-top .cube-values{align-content:center}.cube-values strong{font-size:18px;font-weight:600;color:var(--color-dark)}.cube-values span{color:var(--color-dark);font-size:18px;font-weight:600;line-height:1.2;text-align:center;white-space:normal;overflow:hidden}.insert-target-overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px dashed rgba(63,125,90,.7);display:grid;place-items:center;pointer-events:none}.insert-target-overlay span{padding:4px 8px;background:#ffffffeb;color:var(--color-green);font-size:13px}.inserted-elements-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cube-working-area{position:absolute;border:2px dashed rgba(63,125,90,.65);background:#3f7d5a14;pointer-events:none}.inserted-element-chip{position:absolute;transform:translate(-50%,-50%);min-width:34px;padding:4px 6px;border:1px solid var(--color-dark);background:#1f2933eb;color:var(--color-card);font-size:11px;line-height:1;text-align:center}.cube-side-panel{position:absolute;height:100%;background:#b8793e57;border-right:1px solid rgba(31,41,51,.2);border-left:1px solid rgba(31,41,51,.2)}.cube-side-panel-left{left:0}.cube-side-panel-right{right:0}.cube-horizontal-panel{position:absolute;width:100%;background:#b8793e57;border-top:1px solid rgba(31,41,51,.2);border-bottom:1px solid rgba(31,41,51,.2)}.cube-horizontal-panel-top{top:0}.cube-horizontal-panel-bottom{bottom:0}.resize-handle{position:absolute;background:var(--color-green);border:2px solid var(--color-card);box-shadow:0 0 0 1px var(--color-green)}.resize-handle-width{top:50%;right:-8px;width:14px;height:44px;transform:translateY(-50%);cursor:ew-resize}.resize-handle-height{left:50%;top:-8px;width:44px;height:14px;transform:translate(-50%);cursor:ns-resize}.resize-handle-depth{left:50%;bottom:-8px;width:44px;height:14px;transform:translate(-50%);cursor:ns-resize}@media (max-width: 900px){body{height:auto;overflow:auto}.layout{height:auto}.workspace{grid-template-columns:1fr;height:auto}.topbar{flex-direction:column}.status{min-width:0;width:100%}.canvas{min-height:520px;height:520px}.panel{overflow:visible}}