.ms-shell{max-width:1600px;margin:auto;padding:20px}.ms-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ms-head h1{margin:0;font-size:28px}.ms-layout{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:18px;margin-top:18px}.ms-controls{max-height:76vh;overflow:auto;border:1px solid var(--line,#444);border-radius:16px;padding:12px}.ms-controls details{border-bottom:1px solid var(--line,#444);padding:10px 0}.ms-controls summary{font-weight:700;font-size:14px;cursor:pointer;display:flex;gap:8px;align-items:center}.ms-controls label{display:grid;gap:6px;margin:12px 0;font-size:14px}.ms-controls select,.ms-controls input:not([type=range]):not([type=checkbox]){min-height:42px;width:100%}.ms-controls input[type=range]{width:100%;accent-color:currentColor}.ms-controls button{min-height:44px}.ms-row{display:flex;flex-wrap:wrap;gap:8px}.ms-row button{flex:1}.ms-stage{position:sticky;top:85px;align-self:start}.ms-viewport{position:relative;aspect-ratio:1;max-height:76vh;border:1px solid var(--line,#444);border-radius:18px;overflow:hidden;background:repeating-conic-gradient(#aaa 0 25%,#ccc 0 50%) 0/20px 20px}.ms-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.ms-status{font-size:14px;min-height:2em;margin:10px 0}.ms-view-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}.ms-view-buttons button{min-height:44px;font-size:14px}.ms-modes{display:flex;gap:6px}.ms-modes button[aria-pressed=true]{border:2px solid currentColor}.ms-controls svg,.ms-view-buttons svg,.ms-head svg{width:18px;height:18px;vertical-align:middle}.ms-hint{font-size:14px;opacity:.75}.ms-controls [hidden]{display:none!important}@media(max-width:800px){.ms-shell{padding:12px}.ms-head{flex-wrap:wrap}.ms-layout{display:flex;flex-direction:column-reverse}.ms-stage{position:static}.ms-viewport{max-height:none;aspect-ratio:1}.ms-controls{max-height:none}.ms-view-buttons{grid-template-columns:repeat(3,1fr)}.ms-controls details{padding:12px 0}.ms-head h1{font-size:24px}}