:root{--sb-dark: #2d1b69;--sb-mid: #5b2d8e;--sb-accent: #7c3aed;--sb-light: #c4b5f4;--sb-bg: #f5f3ff;--sb-text: #1a1a2e;--sb-white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--sb-text);background:var(--sb-bg);overflow:hidden;touch-action:none}#topbar{height:52px;background:var(--sb-dark);color:var(--sb-white);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:baseline;gap:10px}.brand-name{font-weight:700;letter-spacing:.02em}.brand-module{color:var(--sb-light);font-size:.9rem}.topbar-actions{display:flex;gap:8px}.icon-btn{width:40px;height:36px;font-size:1.2rem;border:none;border-radius:8px;background:var(--sb-mid);color:var(--sb-white);cursor:pointer}.icon-btn:disabled{opacity:.35;cursor:default}.logout-btn{height:36px;padding:0 14px;font-size:.82rem;border:1.5px solid var(--sb-mid);border-radius:8px;background:transparent;color:var(--sb-light);cursor:pointer;margin-left:6px}.logout-btn:hover{background:var(--sb-mid);color:var(--sb-white)}.logout-btn.hidden{display:none}#layout{display:flex;height:calc(100% - 52px)}#sidebar{width:280px;min-width:280px;background:var(--sb-white);border-right:1px solid #e3ddf5;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.panel h2{font-size:.95rem;color:var(--sb-dark);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.hint{font-size:.8rem;color:#6b6685;margin-bottom:10px}.field{margin-bottom:12px}.field>label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;color:var(--sb-dark)}.kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kind-btn{padding:9px 6px;border:1.5px solid #e3ddf5;border-radius:8px;background:var(--sb-white);font-size:.8rem;cursor:pointer;color:var(--sb-text)}.kind-btn.active{border-color:var(--sb-accent);background:var(--sb-bg);font-weight:600}.color-row{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:30px;height:30px;border-radius:50%;border:2.5px solid #e3ddf5;cursor:pointer;padding:0}.color-swatch.active{border-color:var(--sb-dark)}#name-input{width:100%;padding:9px 10px;border:1.5px solid #e3ddf5;border-radius:8px;font-size:.9rem}#name-input:focus{outline:none;border-color:var(--sb-accent)}.primary-btn{width:100%;padding:11px;border:none;border-radius:8px;background:var(--sb-accent);color:var(--sb-white);font-size:.9rem;font-weight:600;cursor:pointer}.primary-btn:active{background:var(--sb-mid)}.secondary-btn{width:100%;margin-top:6px;padding:9px;border:1.5px solid var(--sb-accent);border-radius:8px;background:var(--sb-white);color:var(--sb-accent);font-size:.85rem;font-weight:600;cursor:pointer}.rename-input{border:none;border-radius:7px;padding:6px 9px;font-size:.85rem;width:150px}.rename-input.hidden{display:none}.empty-hint{font-size:.78rem;color:#6b6685;font-style:italic;padding:4px 2px}.ida-hint{margin-top:10px;padding:10px 12px;border-radius:8px;background:var(--sb-bg);border:1px solid #e3ddf5;font-size:.78rem;color:#4a4664;line-height:1.45}.ida-hint a{color:var(--sb-accent);font-weight:600}.conn-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.conn-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:8px 6px;border:1.5px solid #e3ddf5;border-radius:8px;background:var(--sb-white);font-size:.78rem;cursor:pointer;color:var(--sb-text)}.conn-btn svg{width:52px;height:12px}.conn-btn.active{border-color:var(--sb-accent);background:var(--sb-bg);font-weight:600}.mode-hint{position:absolute;left:50%;top:14px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--sb-accent);color:var(--sb-white);padding:9px 14px;border-radius:10px;font-size:.9rem;box-shadow:0 4px 16px #2d1b694d}.mode-hint.hidden{display:none}.mode-btn{border:none;border-radius:7px;padding:6px 11px;background:var(--sb-dark);color:var(--sb-white);font-size:.8rem;cursor:pointer}.mode-btn.hidden{display:none}.segment-row{display:flex;gap:6px}.segment-btn{flex:1;padding:9px 0;border:1.5px solid #e3ddf5;border-radius:8px;background:var(--sb-white);font-size:.9rem;font-weight:600;cursor:pointer;color:var(--sb-text)}.segment-btn.active{border-color:var(--sb-accent);background:var(--sb-bg)}.snapshot-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px}.snapshot-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--sb-bg);font-size:.8rem}.snapshot-list img{width:52px;height:34px;object-fit:cover;border-radius:5px;border:1px solid #e3ddf5;background:#fff}.snapshot-list .snap-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.snapshot-list .snap-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snapshot-list .snap-time{color:#6b6685;font-size:.72rem}.snapshot-list .snap-actions{margin-left:auto;display:flex;gap:4px}.snap-btn{border:none;border-radius:6px;padding:5px 8px;background:var(--sb-mid);color:var(--sb-white);font-size:.72rem;cursor:pointer}.snap-btn.compare-armed{background:var(--sb-accent);outline:2px solid var(--sb-dark)}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--sb-dark),var(--sb-mid));display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.gate-overlay.hidden{display:none}.gate-card{background:var(--sb-white);border-radius:16px;padding:32px 28px;max-width:420px;width:100%;box-shadow:0 12px 40px #1a1a2e66}.gate-brand{font-weight:700;color:var(--sb-accent);font-size:.85rem;letter-spacing:.04em;margin-bottom:8px}.gate-card h1{color:var(--sb-dark);font-size:1.6rem;margin-bottom:10px}.gate-card p{font-size:.9rem;color:#4a4664;margin-bottom:16px;line-height:1.5}.gate-card input{width:100%;padding:12px;border:1.5px solid #e3ddf5;border-radius:8px;font-size:1rem;margin-bottom:10px}.gate-card input:focus{outline:none;border-color:var(--sb-accent)}.gate-message{min-height:1.2em;font-weight:600}.gate-links{margin-top:4px}.gate-links a{color:var(--sb-accent);font-size:.85rem;font-weight:600;text-decoration:none}.gate-links a:hover{text-decoration:underline}.gate-footer{margin-top:14px;padding-top:14px;border-top:1px solid #eeeaf9;font-size:.8rem!important;color:#6b6685!important}.compare-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2ebf;display:flex;align-items:center;justify-content:center;z-index:50}.compare-modal.hidden{display:none}.compare-inner{background:var(--sb-white);border-radius:14px;padding:16px;max-width:94vw;max-height:92vh;display:flex;flex-direction:column;gap:12px}.compare-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--sb-dark)}.compare-body{display:flex;gap:12px;overflow:auto}.compare-body figure{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.compare-body img{width:100%;border-radius:8px;border:1px solid #e3ddf5;background:#eae6f8}.compare-body figcaption{font-size:.8rem;color:#6b6685;text-align:center}.figure-list{list-style:none;display:flex;flex-direction:column;gap:6px}.figure-list li{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:var(--sb-bg);font-size:.85rem;cursor:pointer}.figure-list li.selected{outline:2px solid var(--sb-accent)}.figure-list .dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.figure-list .kind-tag{margin-left:auto;font-size:.7rem;color:#6b6685}#viewport{position:relative;flex:1;min-width:0}#scene-canvas{width:100%;height:100%;display:block}.selection-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--sb-dark);color:var(--sb-white);padding:9px 14px;border-radius:10px;font-size:.9rem;box-shadow:0 4px 16px #2d1b694d}.selection-bar.hidden{display:none}.danger-btn{border:none;border-radius:7px;padding:7px 11px;background:#b3384f;color:var(--sb-white);font-size:.8rem;cursor:pointer}.check-label{display:flex;align-items:center;gap:8px;font-size:.85rem;cursor:pointer}.check-label input{width:16px;height:16px;accent-color:var(--sb-accent)}.check-hint{color:#8b86a3;font-size:.78rem}.sel-colors{display:flex;align-items:center;gap:6px}.sel-colors.hidden{display:none}.color-swatch-small{width:22px;height:22px;border-width:2px}.live-active{display:flex;flex-direction:column;gap:6px}.live-active.hidden{display:none}.live-status{font-size:.82rem;color:var(--sb-mid);line-height:1.4}.live-end-btn{width:100%;padding:9px;border:1.5px solid #b3384f;border-radius:8px;background:var(--sb-white);color:#b3384f;font-size:.85rem;font-weight:600;cursor:pointer}.live-badge{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;background:var(--sb-mid);color:var(--sb-light);font-size:.8rem;white-space:nowrap}.live-badge.live-ok{background:#2f7d43;color:var(--sb-white)}.live-badge.hidden{display:none}@media(max-width:820px){#sidebar{width:230px;min-width:230px}}