.studio-entry{margin:0;background:#04070f;color:#f4f7ff;font:400 16px/1.6 Satoshi,system-ui,sans-serif;min-height:100svh;display:grid;place-items:center}.studio-entry main{max-width:640px;padding:32px}.studio-entry h1{font:600 clamp(32px,5vw,52px)/1.12 'Clash Display',system-ui,sans-serif}.studio-entry a{color:#72c7ff;min-height:44px;display:inline-block;padding-block:12px}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.studio-feedback-open .studio-workspace{grid-template-columns:minmax(0,1fr) 360px}.studio-panel{padding:22px;background:#0b1423;border:1px solid #233b59;border-radius:12px;max-height:calc(100dvh - 216px);overflow:auto;scrollbar-width:thin;box-shadow:0 12px 28px rgb(0 0 0/.18)}
.studio-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.studio-panel-head p{margin:0 0 5px;color:#72c7ff;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.08em}.studio-panel h2{font:600 25px/1.2 'Clash Display',system-ui,sans-serif;margin:0}.studio-panel button,.studio-panel select,.studio-panel textarea,.studio-admin button,.studio-admin select,.studio-admin input,.studio-admin textarea{font:500 14px/1.5 Satoshi,system-ui,sans-serif;min-height:44px;max-width:100%;padding:10px 12px;border:1px solid #496078;border-radius:8px;background:#101e31;color:#f4f7ff;box-sizing:border-box}.studio-panel button{cursor:pointer}.studio-panel button:hover,.studio-admin button:hover{background:#18314c}.studio-panel button:disabled{opacity:.55;cursor:wait}.studio-panel button:focus-visible,.studio-panel select:focus-visible,.studio-panel textarea:focus-visible,.studio-admin :focus-visible{outline:3px solid #f2a93b;outline-offset:3px}.studio-panel label{display:grid;gap:6px;color:#b6c9e5;font-size:13px}.studio-panel textarea{width:100%;resize:vertical;font-weight:400}.studio-panel [hidden],.studio-admin [hidden]{display:none!important}.studio-note{font-size:12px;line-height:1.65;color:#b6c9e5;margin:10px 0 16px}.studio-panel #studio-add{width:100%;border-color:#4a9cf3;background:#125dc1}.studio-panel #studio-add[aria-pressed="true"]{background:#284975}.studio-panel #studio-message{font-size:13px;color:#cfdef0;min-height:20px;line-height:1.6}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.studio-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 10px}.studio-filters label:last-child{grid-column:1/-1}.studio-list{list-style:none;margin:0;padding:0}.studio-comment{padding:20px 0;border-bottom:1px solid #30445b}.studio-comment-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.studio-comment-head>span{font-size:12px;color:#b6c9e5}.studio-comment-head button{padding:0;border:0;background:none;color:#72c7ff;text-align:left}.studio-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:8px 0;color:#f4f7ff}.studio-position-warning{font-size:12px;line-height:1.6;color:#ffda9f}.studio-reply{padding:12px;background:#14243a;color:#d4e8ff;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.studio-empty{padding:24px 0;color:#b6c9e5;line-height:1.6}.studio-admin textarea{width:100%;min-height:100px}.studio-admin label{display:grid;gap:8px;margin-block:16px}.studio-admin input{width:100%;min-width:0}.studio-admin .studio-link-output{font-size:13px;word-break:break-all}.studio-admin h3{font-size:18px;margin:24px 0 12px}.studio-admin .studio-audit{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.studio-admin-status{line-height:1.6;color:#c5dcf7}
@media(max-width:1000px){.studio-feedback-open .studio-workspace{grid-template-columns:minmax(0,1fr)}.studio-panel{max-height:65dvh}.studio-feedback-open .viewer-viewport{height:45dvh;min-height:300px}.studio-panel{padding:18px}.studio-comment-head{align-items:flex-start}}