:root{--bg: #f4efe7;--surface: rgba(255, 251, 245, .9);--surface-strong: #fffaf1;--border: rgba(82, 60, 42, .14);--text: #2f241d;--muted: #7a6757;--accent: #b86a2b;--accent-strong: #8d4d17;--success: #3f7f58;--warning: #a74a32;--shadow: 0 18px 40px rgba(74, 47, 22, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(255,255,255,.65),transparent 45%),linear-gradient(180deg,#efe3d1,#f7f3eb)}button{font:inherit;color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:20px;padding:24px}.top-bar,.panel,.status-bar,.scene-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px}.eyebrow,.inspector-label,.status-label{margin:0 0 6px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.top-bar h1,.panel-header h2,.inspector-card h3{margin:0}.primary-button,#match-button{border:0;border-radius:12px;background:var(--accent);color:#fff9f2;padding:12px 16px;cursor:pointer;transition:transform .12s ease,background .12s ease}.primary-button:hover,#match-button:hover{transform:translateY(-1px);background:var(--accent-strong)}#clear-selection-button{margin-top:10px;width:100%;border:1px solid var(--border);border-radius:12px;background:#7a67571a;color:var(--text);padding:10px 14px;cursor:pointer;transition:background .12s ease,transform .12s ease}#clear-selection-button:hover{background:#7a675733;transform:translateY(-1px)}.workspace{display:grid;grid-template-columns:minmax(250px,300px) minmax(420px,1fr) minmax(280px,320px);gap:20px;min-height:0}.panel,.viewport-panel{min-height:0}.panel{display:flex;flex-direction:column;gap:20px;padding:22px}.viewport-panel{display:grid;grid-template-rows:auto 1fr;gap:16px}.panel-header{display:flex;flex-direction:column;gap:4px}.summary-list,.coordinate-list{margin:0;display:grid;gap:12px}.summary-list div,.coordinate-list div{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--border)}.summary-list dt,.coordinate-list dt{color:var(--muted)}.summary-list dd,.coordinate-list dd{margin:0;font-weight:600}.piece-list{display:grid;gap:10px}.piece-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong);cursor:pointer}.piece-item.is-selected{border-color:#b86a2b8c;box-shadow:inset 0 0 0 1px #b86a2b40}.scene-card{position:relative;min-height:540px;overflow:hidden;padding:20px}.scene{position:absolute;inset:20px}.scene canvas{display:block;width:100%;height:100%;border-radius:18px}.empty-state,.inspector-card,.control-group{border:1px solid var(--border);border-radius:16px;padding:16px;background:var(--surface-strong)}.selection-details{display:grid;gap:16px}.hidden{display:none}.control-note{margin:0;color:var(--muted);line-height:1.4}.control-subtitle{margin:0;font-weight:700}.control-list{margin:0;padding-left:18px;color:var(--text);line-height:1.45;display:grid;gap:4px}.help-divider{height:1px;background:var(--border)}.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-button{width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:#b86a2b1f;color:var(--accent-strong);font-weight:700;cursor:pointer}.controls-help{display:grid;gap:12px}.control-row{display:grid;gap:6px}.key-group{display:flex;flex-wrap:wrap;gap:6px}.keycap{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border:1px solid rgba(82,60,42,.25);border-radius:8px;background:#fffdf8;color:#3d2f24;font-weight:600;line-height:1}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#18110c73}.modal-panel{position:relative;z-index:1;width:min(560px,calc(100vw - 40px));padding:18px;border-radius:16px;border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-header h3{margin:0}.status-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px}.status-pill-group{display:flex;flex-wrap:wrap;gap:10px}.status-pill{padding:8px 12px;border-radius:999px;background:#7a67571a;color:var(--muted)}.status-pill.is-success{background:#3f7f5824;color:var(--success)}.status-pill.is-warning{background:#a74a3224;color:var(--warning)}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.scene-card{min-height:420px}.status-bar,.top-bar{flex-direction:column;align-items:flex-start}}