:root{--st-border:#d6e1ee;--st-ink:#213346;--st-muted:#52657c;--st-primary:#255f9a;--st-soft:#f7f9fc}
*{box-sizing:border-box}body{margin:0;color:var(--st-ink);background:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #76adff;outline-offset:2px}
.studio-wrap{max-width:1450px;margin:auto;padding:20px 24px 70px}.studio-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--st-muted);font-size:13px;margin-bottom:12px}.studio-breadcrumb a,.studio-intro a,.studio-seo a{color:var(--st-primary);text-underline-offset:3px}.studio-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:8px 0 24px}.studio-intro h1{font-size:clamp(25px,3.5vw,34px);line-height:1.2;margin:0 0 10px}.studio-intro p{max-width:710px;margin:0;color:var(--st-muted)}.studio-primary-links{white-space:nowrap}.studio-primary-links a{font-size:14px}
.studio-workbench{display:grid;grid-template-columns:minmax(350px,405px) minmax(0,1fr);align-items:start;gap:22px}.studio-panel{border:1px solid var(--st-border);border-radius:12px;background:#fff;padding:22px;min-width:0}.studio-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.studio-section-header h2{font-size:19px;line-height:1.35;margin:0}.studio-section-header p{color:var(--st-muted);font-size:13px;margin:6px 0 0}.studio-field{display:grid;gap:6px;margin:13px 0;font-weight:550;font-size:13px}.studio-field input,.studio-field textarea,.studio-field select{font-size:15px;font-weight:400;width:100%;min-width:0;padding:11px 12px;border:1px solid #b6c8dc;border-radius:8px;color:var(--st-ink);background:white}.studio-field textarea{resize:vertical}.studio-field small{font-size:12px;color:var(--st-muted);font-weight:400}.studio-editor-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.studio-primary,.studio-secondary{min-height:43px;border-radius:8px;padding:10px 14px;font-weight:600;font-size:14px}.studio-primary{border:1px solid var(--st-primary);background:var(--st-primary);color:#fff}.studio-secondary{border:1px solid #b7cbe0;color:#264d71;background:#fff}.studio-secondary:hover{background:#f0f6fd}.studio-primary:disabled,.studio-secondary:disabled{opacity:.5;cursor:not-allowed}
.studio-question-list{margin:20px 0;max-height:370px;overflow:auto;overscroll-behavior:contain}.studio-question{border:1px solid #e3eaf3;border-radius:8px;padding:9px 10px;margin:7px 0;display:flex;gap:10px;align-items:center}.studio-question>span{font-size:12px;color:var(--st-muted);min-width:23px}.studio-question strong{font-size:13px;flex:1;min-width:0;overflow-wrap:anywhere;font-weight:550}.studio-question button{padding:5px 9px;border:1px solid #cad9e8;border-radius:5px;background:#fff;color:#34516e;font-size:12px}.studio-question button:disabled{opacity:.25}.studio-form{border-top:1px solid #e6edf4;padding-top:14px}.studio-form h3{font-size:16px;margin:0}.studio-mode-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid #e1e7ef;padding-bottom:13px}.studio-mode-tabs button{padding:10px 13px;border:1px solid transparent;border-radius:8px;background:transparent;font-weight:600;font-size:14px;color:#4b6075}.studio-mode-tabs button[aria-pressed=true]{color:white;background:var(--st-primary)}.studio-mode-tabs button:disabled{opacity:.4;cursor:not-allowed}
.studio-output{min-height:270px;padding:22px 2px;max-width:100%}.studio-output h3{margin:0 0 16px}.studio-answer-grid{display:grid;gap:0}.studio-answer-row{display:grid;grid-template-columns:33px minmax(0,1fr) minmax(115px,230px);gap:12px;padding:15px 0;align-items:center;border-bottom:1px solid #e8edf4}.studio-answer-row .studio-num{font-size:12px;color:var(--st-muted)}.studio-answer-row .studio-prompt{font-size:19px;overflow-wrap:anywhere;min-width:0}.studio-answer-row input,.studio-answer-row select{width:100%;padding:11px;border:1px solid #b7c9dc;border-radius:7px;min-height:46px}.studio-feedback{grid-column:2/4;color:#a12e36;font-size:13px}.studio-feedback.ok{color:#147044}.studio-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:12px;border-top:1px solid #e6edf4}#studio-status{font-size:13px;color:var(--st-muted);min-height:22px}.studio-help{border-top:1px solid #e4eaf2;padding-top:12px;color:var(--st-muted);font-size:13px}.studio-help summary{cursor:pointer;font-weight:650}.studio-seo{max-width:900px;margin:60px auto 0;color:#47586a}.studio-seo h2{font-size:23px;color:var(--st-ink)}.studio-seo h3{font-size:18px;color:var(--st-ink)}.studio-seo li{margin-bottom:8px}.studio-lang-field{display:flex;gap:8px;align-items:center;font-size:13px;color:#53667b}.studio-lang-field select{border:1px solid #cad6e3;border-radius:7px;padding:7px;background:white;max-width:120px}
.studio-flash{display:grid;place-items:center;text-align:center;width:100%;min-height:270px;padding:24px;border:2px solid #ccdeee;border-radius:12px;background:#f8fbff;gap:12px}.studio-flash strong{font-size:clamp(24px,4vw,34px);overflow-wrap:anywhere}.studio-flash small{color:#52657c}.studio-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.studio-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-match-column{display:grid;gap:9px;align-content:start}.studio-match-choice{width:100%;min-height:58px;padding:10px 14px;text-align:center;overflow-wrap:anywhere}.studio-match-choice.selected{border-color:#205ea5;background:#eaf3ff}.studio-match-choice.complete{opacity:.42;background:#e5f6e8}.studio-order-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #e6edf4;padding:12px 0}.studio-order-row strong{flex:1}.studio-paper{background:white;padding:30px 28px;box-shadow:0 2px 12px #16365315;border:1px solid #dee7f0;min-height:300px}.studio-paper h2{font-size:22px;margin:0 0 20px}.studio-paper .studio-paper-meta{display:flex;justify-content:space-between;border-bottom:1px solid #d6e0eb;padding:0 0 12px;margin-bottom:25px}.studio-paper .studio-paper-question{padding:14px 0;break-inside:avoid;page-break-inside:avoid;font-size:22px;overflow-wrap:anywhere}.studio-paper-question em{display:inline-block;border:1.5px solid #98a8bc;width:92px;height:34px;border-radius:2px;vertical-align:middle;margin-left:18px}.studio-review-card{padding:17px;border:1px solid #dae5ef;border-radius:9px;margin:10px 0}.studio-review-card p{margin:8px 0}.studio-review-buttons{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:920px){.studio-workbench{grid-template-columns:1fr}.studio-panel{padding:18px}.studio-intro{align-items:start}.studio-wrap{padding:15px 16px 50px}}
@media(max-width:550px){.studio-intro{display:block}.studio-primary-links{margin-top:10px}.studio-panel{padding:15px 12px}.studio-answer-row{grid-template-columns:20px minmax(0,1fr) 120px;gap:6px}.studio-answer-row .studio-prompt{font-size:16px}.studio-answer-row input,.studio-answer-row select{font-size:15px}.studio-mode-tabs button{padding:8px 10px;font-size:13px}.studio-output{padding:14px 0}.studio-paper{padding:20px 12px}.studio-match-grid{gap:8px}}
#studio-print-portal{display:none}@media print{@page{size:A4;margin:14mm}body>*:not(#studio-print-portal){display:none!important}#studio-print-portal{display:block!important}#studio-print-portal .studio-paper{box-shadow:none;border:0;padding:0;min-height:0}#studio-print-portal .studio-paper-question{font-size:22px;line-height:1.7}#studio-print-portal .studio-paper h2{font-size:24px}#studio-print-portal .studio-paper-question{break-inside:avoid}}
.studio-doc-tools{border:1px solid #d6e1ee;border-radius:9px;padding:12px;margin:16px 0;background:#f9fbfd}
.studio-doc-tools summary{font-size:14px;font-weight:650;cursor:pointer}
.studio-doc-hint{font-size:12px;color:#56687b;line-height:1.6}
.studio-document-surface{position:relative;width:100%;margin:8px auto 20px;min-height:110px;user-select:none;touch-action:pan-y;border:1px solid #d6e1ee;overflow:hidden}
.studio-document-surface img{display:block;width:100%;height:auto;pointer-events:none}
.studio-document-field{position:absolute;min-width:75px;min-height:36px;width:min(17%,135px);padding:6px;border:2px solid #2563a7;background:#ffffffea;border-radius:5px;touch-action:none;text-align:center;font-size:13px;cursor:grab}
.studio-document-field:focus-visible{outline:3px solid #ffb63f}
.studio-document-field.student{cursor:text;border-color:#889eb7}
.studio-document-field.correct{border-color:#148347;background:#e8f9ef}
.studio-document-field.wrong{border-color:#b64c4c;background:#fff0f0}
.studio-document-field input{width:100%;min-width:0;border:0;background:transparent;text-align:center;color:#22364b;font-size:15px;outline:0}
.studio-doc-empty{padding:25px;background:#f7f9fd;border:1px dashed #a6bacf;border-radius:9px}
#studio-print-portal .studio-document-field{border:1px solid #758da6;background:#fff;min-height:31px;overflow:hidden}
@media print{#studio-print-portal .studio-document-surface{border:0;width:100%;max-height:235mm;break-inside:avoid}#studio-print-portal .studio-document-field{width:17%;padding:3px;min-height:24px}}
\n.studio-drag-handle{position:absolute;right:-10px;top:-11px;z-index:2;display:grid;place-items:center;width:25px;height:25px;border:1px solid #6b8eb5;border-radius:50%;background:#fff;box-shadow:0 1px 5px #1a314f33;cursor:grab;touch-action:none;color:#28527b}\n\n.studio-editor-tools button{flex-shrink:0}.studio-question-list{scrollbar-gutter:stable}\n

/* Keep primary actions focused. Import/export and saved-copy administration
 * remain discoverable but do not crowd the editing workflow. */
.studio-editor-primary{align-items:center}
.studio-editor-more{position:relative;flex:1 1 100%;max-width:100%}
.studio-editor-more>summary{display:inline-flex;align-items:center;cursor:pointer;min-height:40px;padding:8px 2px;color:#42617f;font-size:13px;font-weight:600}
.studio-editor-extra{padding:8px 0 12px;border-bottom:1px solid #e6edf4}
.studio-seo{max-width:900px;margin:36px auto 0;padding-top:12px;border-top:1px solid #e6edf4;color:#52657c}
.studio-seo>summary{font-size:14px;cursor:pointer;font-weight:600;color:#345b81}
.studio-seo>p,.studio-seo ol{font-size:13px;line-height:1.65}
.studio-intro{align-items:start}
.studio-intro p{max-width:65ch}