*{box-sizing:border-box;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;color:#2b2a27}.layout{display:grid;grid-template-columns:220px 1fr 320px;grid-template-rows:100vh;height:100vh;overflow:hidden}.sidebar{background:#23211d;color:#efeae0;padding:14px;overflow-y:auto}.sidebar h1{font-size:20px;letter-spacing:.5px}.subtitle{font-size:11px;color:#b9b2a4;margin-bottom:14px}.level-label{font-size:10px;text-transform:uppercase;color:#8f887a;margin:10px 0 4px}.fixture{display:block;width:100%;text-align:left;background:none;border:none;color:#e8e2d5;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px}.fixture:hover{background:#35322b}.fixture.active{background:#4a5d3a;color:#fff}.canvas{position:relative;background:#f7f5f0;min-height:0;overflow:hidden}.canvas svg{display:block}.empty{display:grid;place-items:center;height:100%;color:#8f887a}.panel{border-left:1px solid #ddd6c8;padding:14px;overflow-y:auto;background:#fbf9f4}.panel h2{font-size:12px;text-transform:uppercase;color:#6f6759;margin:14px 0 6px}.row{display:flex;gap:8px;align-items:center;margin:6px 0;flex-wrap:wrap}.row label{font-size:11px;color:#6f6759;display:flex;flex-direction:column}.row input{width:64px;padding:3px 5px;border:1px solid #ccc4b4;border-radius:4px}button{font-size:12px;padding:5px 9px;border:1px solid #ccc4b4;background:#fff;border-radius:6px;cursor:pointer}button:hover:not(:disabled){background:#f0ece2}button:disabled{opacity:.45;cursor:default}button.primary{background:#4a5d3a;color:#fff;border-color:#4a5d3a;width:100%;padding:8px}button.primary:hover:not(:disabled){background:#3c4c2f}button.save{background:#1a237e;color:#fff;border-color:#1a237e}.progress{font-size:12px;color:#4a5d3a;margin-top:8px}.progress-track{height:8px;background:#e3dccd;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#4a5d3a;border-radius:999px;transition:width .5s ease}.progress-fill.pulse{background:repeating-linear-gradient(45deg,#4a5d3a,#4a5d3a 8px,#6b7f58 8px,#6b7f58 16px);background-size:22.6px 100%;animation:slide .8s linear infinite}@keyframes slide{0%{background-position:0 0}to{background-position:22.6px 0}}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:5px}button.cancel{border-color:#a4443c;color:#a4443c}button.cancel:hover:not(:disabled){background:#f6e7e5}.baseline{font-size:11px;color:#6f6759;margin-top:6px}.families{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:11px;border-radius:999px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stats{font-size:13px;font-weight:600;margin:8px 0 4px}.versions{display:flex;flex-wrap:wrap;gap:4px}.v{font-size:10px;background:#eee7d9;border-radius:4px;padding:2px 6px;color:#6f6759}.v.active{background:#4a5d3a;color:#fff}.message{margin-top:12px;font-size:12px;color:#44403a;border-top:1px solid #e3dccd;padding-top:8px;min-height:40px}.suggestions{display:flex;flex-direction:column;gap:4px;margin-top:6px}.suggestion{text-align:left;font-size:11px}.suggestion.wins{border-color:#4a5d3a;background:#eef4e6}button.placing{background:#1a237e;color:#fff;border-color:#1a237e}.constraints{display:flex;flex-direction:column;gap:2px;font-size:11px}.constraint{padding:2px 6px;border-radius:4px;background:#f0ece2;color:#44403a}.constraint.applied{background:#eef4e6}.constraint.carried{opacity:.75}.constraint .prov{color:#8f887a;font-size:10px}.view-toggle{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:4px;background:#ffffffe6;padding:4px;border-radius:8px;border:1px solid #ddd6c8}.view-toggle button.active{background:#4a5d3a;color:#fff;border-color:#4a5d3a}