.studio{max-width:1600px;margin:auto;padding:24px 32px 64px;font-size:16px;line-height:1.6}.studio-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px;display:flex}.studio h1{margin:0;font:400 clamp(24px,3vw,36px)/1.2 Georgia,serif}.studio h2{margin:0 0 16px;font-size:20px}.studio h3{font-size:17px}.studio button,.studio select,.studio input,.studio textarea{font:inherit}.studio button{cursor:pointer;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;padding:9px 16px}.studio button:disabled{opacity:.45;cursor:not-allowed}.studio button.primary,.studio button.selected{background:var(--green);color:#fff;border-color:var(--green)}.studio a{text-underline-offset:4px;text-decoration:underline}.studio label{font-size:14px;font-weight:600;display:block}.studio input:not([type=checkbox]),.studio select,.studio textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #b4c2ba;border-radius:4px;margin-top:6px;padding:10px;display:block}.studio :focus-visible{outline:3px solid var(--blue);outline-offset:2px}.studio input[type=checkbox]{width:17px;height:17px;margin-right:8px}.studio-intro{color:var(--muted);justify-content:space-between;gap:20px;font-size:14px;display:flex}.studio-workspace{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:24px;display:grid}.studio-sidebar{border:1px solid var(--line);background:var(--paper-deep);padding:18px;position:sticky;top:16px}.studio-sidebar button{text-align:left;overflow-wrap:anywhere;width:100%;margin:8px 0;display:block}.studio-sidebar p,.studio-note{color:var(--muted);font-size:14px}.studio-sidebar h2:not(:first-child){margin-top:32px}.studio-sidebar small{font-weight:400;display:block}.studio-panel{background:var(--white);border:1px solid var(--line);margin-bottom:24px;padding:24px}.studio-fields{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.studio-fields>label{flex:1;min-width:160px}.studio-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.studio-pair textarea{resize:vertical;white-space:pre;height:370px;font:14px/1.6 ui-monospace,monospace;overflow:auto}.studio-actions{flex-wrap:wrap;align-items:center;gap:16px;margin:18px 0;display:flex}.studio-upload{border:1px dashed #8da49a;padding:20px}.studio-upload span{margin-top:14px;font-weight:400;display:block}.studio-access{border:1px solid var(--line);background:#e4ece7;flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 24px;padding:14px 18px;display:flex}.studio-access input{flex:1;max-width:440px}.studio-access span{font-size:14px}.studio-error{color:#8b271a;overflow-wrap:anywhere;background:#fff0ed;padding:12px}.studio-notice{background:#fff3d8;margin:12px 0;padding:12px}.studio-scroll{max-height:460px;overflow:auto}.studio table{border-collapse:collapse;width:100%;font-size:14px}.studio th,.studio td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;max-width:420px;padding:10px}.studio th{background:var(--paper-deep);position:sticky;top:0}.studio progress{width:100%;height:14px;accent-color:var(--green)}.studio-json{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2ef;max-height:500px;padding:18px;font:14px/1.6 ui-monospace,monospace;overflow:auto}@media (max-width:1000px){.studio-pair{grid-template-columns:1fr}.studio-header{flex-wrap:wrap}.studio-intro{display:block}.studio-workspace{grid-template-columns:200px minmax(0,1fr)}}@media (max-width:700px){.studio{padding:16px}.studio-workspace{display:block}.studio-sidebar{margin-bottom:20px;position:static}.studio-panel{padding:16px}.studio-header h1{order:3;width:100%}.studio-pair textarea{height:280px}}