.v10-nav{padding:12px 18px;background:linear-gradient(100deg,#091f29,#152438);border-block:1px solid #446b73;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#f6e5bf}.v10-nav b{font:19px Georgia,serif}.v10-nav small{display:block;color:#9fc5d0;font-size:11px}.v10-btn{background:#183044;color:#f8e8cb;border:1px solid #456377;padding:9px 12px;border-radius:7px;cursor:pointer}.v10-btn:hover,.v10-btn:focus-visible{background:#34566b;outline:2px solid #6fcbd4}.v10-btn.gold{background:#aa844d;color:#111a27;font-weight:800}.v10-panel{background:#08131f;color:#e1eaf0;padding:18px;max-width:1600px;margin:auto;font:13px system-ui,sans-serif}.v10-panel[hidden]{display:none}.v10-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.v10-head h2{font:28px Georgia,serif;margin:6px 0}.v10-over{font-size:10px;letter-spacing:.2em;color:#c9a976}.v10-work{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-top:14px}.v10-view{background:#040c16;position:relative;border-radius:12px;border:1px solid #496375;min-height:510px;overflow:hidden}.v10-canvas{width:100%;height:510px;display:block;touch-action:none;cursor:grab}.v10-watermark{position:absolute;left:12px;top:12px;background:#061522dc;border:1px solid #58778a;padding:9px 13px;border-radius:8px;max-width:55%;pointer-events:none;font-size:11px;color:#cce4e9}.v10-watermark b{display:block;font:17px Georgia,serif;color:#f3dbab;margin-bottom:4px}.v10-side{display:flex;flex-direction:column;gap:12px}.v10-card{border:1px solid #304c61;background:#102337;border-radius:10px;padding:14px}.v10-card h3{font:18px Georgia,serif;color:#ebd0a3;margin:0 0 12px}.v10-card label{display:block;color:#a9c4d1;font-size:11px;margin:9px 0 4px}.v10-card select,.v10-card input[type=range]{width:100%}.v10-card select{padding:9px;color:#f2e7d5;background:#192d41;border:1px solid #496173;border-radius:6px}.v10-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.v10-readout{color:#b0c7d7;font-size:11px;line-height:1.7;white-space:pre-line}.v10-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.v10-timeline button{border:1px solid #3a5669;background:#142a3a;border-radius:7px;padding:9px;color:#d9e1e6;text-align:left;cursor:pointer}.v10-timeline button[aria-current=step]{border-color:#d4ac70;background:#433a29}.v10-note{color:#a8bac6;font-size:11px;line-height:1.6;margin:9px 0}.v10-status{font-size:11px;color:#8cdecf}.v10-warning{color:#e9c18b}.v10-panel button:focus-visible{outline:2px solid #92dfe7;outline-offset:2px}@media(max-width:900px){.v10-work{grid-template-columns:1fr}.v10-view{min-height:350px}.v10-canvas{height:350px}.v10-timeline{grid-template-columns:repeat(2,1fr)}}
