#client-studio{padding:90px 0;background:var(--bg);border-top:1px solid var(--line, #504538)}.studio-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.studio-intro h2{font-size:clamp(32px,4vw,60px);letter-spacing:-.05em;line-height:1.1;margin:12px 0}.studio-intro p{max-width:650px;color:var(--fg-dim,#4a423b);font-size:16px;line-height:1.8}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.studio-panel{border:1px solid var(--hair-strong,#504538);border-radius:14px;padding:25px;min-width:0;background:var(--surface,transparent)}.studio-panel h3{font-size:22px;letter-spacing:-.025em;margin:0 0 20px}.studio-panel label{display:block;font-size:12px;letter-spacing:.02em;margin:14px 0 7px;color:var(--fg-dim,#4a423b)}.studio-panel input,.studio-panel textarea,.studio-panel select{display:block;width:100%;font:14px/1.5 system-ui;padding:12px 14px;background:var(--bg);color:var(--ink);border:1px solid var(--hair-strong,#504538);border-radius:8px}.studio-panel input:focus-visible,.studio-panel textarea:focus-visible,.studio-panel select:focus-visible,.studio-panel button:focus-visible{outline:2px solid var(--accent,#c08a4e);outline-offset:3px}.studio-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.studio-actions button,.studio-card button,.studio-tabs button,.studio-small{font:12px system-ui;font-weight:600;background:var(--bg);color:var(--ink);border:1px solid var(--hair-strong,#504538);border-radius:7px;padding:10px 13px;cursor:pointer}.studio-actions button:hover,.studio-card button:hover,.studio-tabs button:hover{border-color:var(--accent,#c08a4e)}.studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.studio-tabs button[aria-pressed=true],.studio-card button[aria-pressed=true]{background:var(--accent,#c08a4e);color:var(--bg)}.studio-card{border-top:1px solid var(--hair-strong,#504538);padding:16px 0}.studio-card h4{font-size:16px;margin:0 0 6px}.studio-card p{font:13px/1.7 system-ui;color:var(--fg-dim,#4a423b);margin:7px 0}.studio-card a{font:12px system-ui;color:var(--accent,#c08a4e);margin-right:15px}.studio-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-check{display:flex!important;align-items:start;gap:9px;font:13px/1.7 system-ui!important}.studio-check input{width:17px;height:17px;margin-top:3px;accent-color:var(--accent,#c08a4e);flex-shrink:0}.studio-status{font:12px/1.7 system-ui;color:var(--fg-dim,#4a423b);min-height:22px}.studio-output{white-space:pre-wrap;font:12px/1.8 ui-monospace,monospace;border:1px solid var(--hair-strong,#504538);border-radius:9px;padding:18px;max-height:330px;overflow:auto}.studio-compare{overflow:auto;margin:18px 0}.studio-compare table{width:100%;font:12px/1.7 system-ui;border-collapse:collapse}.studio-compare th,.studio-compare td{padding:12px;text-align:left;border-bottom:1px solid var(--hair-strong,#504538);vertical-align:top}.studio-orbit{height:110px;width:110px;position:relative;flex-shrink:0;border:1px solid var(--hair-strong,#504538);border-radius:50%;display:grid;place-items:center;font:11px ui-monospace,monospace;color:var(--accent,#c08a4e);cursor:pointer;background:transparent}.studio-orbit:before{content:'';position:absolute;inset:-10px;border:1px dashed var(--accent,#c08a4e);border-radius:50%;animation:studioSpin 28s linear infinite}.studio-orbit:hover:before{animation-duration:8s}@keyframes studioSpin{to{transform:rotate(360deg)}}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.studio-toplink{font:11px system-ui;text-decoration:none;color:var(--accent,#c08a4e);border:1px solid var(--hair-strong,#504538);padding:8px 10px;border-radius:7px}.studio-progress{height:5px;border-radius:8px;background:var(--hair-strong,#504538);margin:14px 0;overflow:hidden}.studio-progress i{display:block;height:100%;background:var(--accent,#c08a4e);transition:width .3s}.studio-list{max-height:640px;overflow:auto;padding-right:8px}.studio-wide{grid-column:1/-1}.studio-panel details{margin-top:18px}.studio-panel summary{font:13px system-ui;cursor:pointer}.studio-note{border-left:2px solid var(--accent,#c08a4e);padding:10px 15px;font:12px/1.8 system-ui;color:var(--fg-dim,#4a423b)}@media(max-width:850px){.studio-grid{grid-template-columns:1fr}.studio-panel{padding:18px}.studio-intro{gap:16px}.studio-orbit{width:65px;height:65px}.studio-toplink{font-size:10px;padding:7px}.studio-list{max-height:500px}}@media(prefers-reduced-motion:reduce){.studio-orbit:before{animation:none}.studio-progress i{transition:none}}
