/* A quiet canvas, with tools revealed only when requested. */
.document-studio.editing .page-title{margin:18px 0 8px}
.document-studio.editing .page-title h1{font-size:28px}
.document-studio.editing #workspace-subtitle,.document-studio.editing #workspace-eyebrow,.document-studio.editing .workspace-status{display:none}
.document-studio .studio-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:80px;z-index:8;background:var(--surface,#fff);padding:12px 0;border-block:1px solid var(--line)}
.document-studio .studio-tabs{display:flex;gap:4px;min-width:0}
.document-studio .studio-tabs button{border:0;border-radius:9px;min-height:44px;padding:10px 16px;color:var(--muted);background:transparent;white-space:nowrap}
.document-studio .studio-tabs button[aria-pressed=true]{background:var(--tint,#fff1f0);color:var(--text);box-shadow:none}
.document-studio .studio-bar #download-current{width:auto;min-width:160px;font-size:14px}
.document-studio .editor-mobile-tabs,.document-studio .mobile-editor-save{display:none!important}
.document-studio .workspace .editor-top{position:static;margin:12px 0;padding:0}
.document-studio .editor-top #editor-heading{font-size:17px}
.document-studio .workspace #import-notice{padding:0 14px;margin:10px 0;border-radius:9px;background:var(--surface)}
.document-studio #import-notice>summary{padding:10px 0;min-height:44px;font-size:12px}
.document-studio .studio-utilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.document-studio .export-controls{align-items:center;gap:12px;margin:8px 0 16px}
.document-studio .export-controls .other-exports{width:auto;order:3;margin-left:auto}
.document-studio .export-controls #export-status{flex:1;margin:0;font-size:12px}
.document-studio .export-controls #download-pdf{font-size:12px;min-height:44px}
.document-studio .other-exports[open]{flex-basis:100%;padding:12px;border:1px solid var(--line);border-radius:12px}
.document-studio .workspace .editor-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}
.document-studio .workspace .editor-layout[data-studio-mode=resume]{grid-template-columns:minmax(0,1fr)}
.document-studio .workspace .editor-preview{display:block;position:sticky;top:155px;max-height:calc(100dvh - 170px);min-width:0;padding:20px;background:#f3f2f0;border:1px solid #e8e5e1;border-radius:18px}
.document-studio [data-studio-mode=resume] .editor-preview{width:100%;max-width:900px;justify-self:center}
.document-studio .workspace .editor-panel{padding:18px;min-width:0;max-height:calc(100dvh - 170px);overflow:auto;position:sticky;top:155px}
.document-studio [data-studio-mode=resume] .editor-panel{display:none}
.document-studio .content-heading,.document-studio .design-panel>summary{display:none}
.document-studio .workspace .design-panel{padding:0;margin:0;border:0;background:transparent}
.document-studio .design-panel>.design-grid{display:none}
.document-studio .design-heading{display:none}
.document-studio [data-studio-mode=design] #draft-form>*:not(.design-panel):not(.save-actions){display:none}
.document-studio [data-studio-mode=design] .editor-panel>*:not(#draft-form){display:none}
.document-studio [data-studio-mode=content] .design-panel,.document-studio [data-studio-mode=content] .editor-panel>*:not(#draft-form){display:none}
.document-studio [data-studio-mode=tools] #draft-form{display:none}
.document-studio .studio-section-picker{margin-bottom:20px}
.document-studio .studio-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0 22px}
.document-studio .studio-layout-card{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--line);border-radius:9px;min-width:0;background:var(--surface);color:var(--text);font-size:11px;line-height:1.4;transition:transform .15s}
.document-studio .studio-layout-card img,.document-studio .studio-type-sample{width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top;border-radius:4px;background:#fff}
.document-studio .studio-type-sample{display:grid;place-items:center;font:32px Georgia;color:#222}
.document-studio .studio-layout-card:hover{transform:translateY(-3px)}
.document-studio .studio-layout-card[aria-pressed=true],.document-studio .studio-theme-card[aria-pressed=true]{border-color:#c63850;box-shadow:0 0 0 2px #c63850}
.document-studio .studio-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px}
.document-studio .studio-theme-card{padding:5px;border:1px solid var(--line);border-radius:9px;font-size:10px;line-height:1.4;background:var(--surface);color:var(--text);min-height:64px}
.document-studio .studio-theme-sample{display:block;font:25px/1.4 Georgia;margin-bottom:5px;border-radius:5px}
.document-studio .studio-selected{font-size:13px;color:var(--muted);margin:0 0 16px}
.document-studio .studio-design-tabs{display:flex;gap:6px;margin-bottom:10px}
.document-studio .studio-design-tabs button{flex:1;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:var(--surface);color:var(--text)}
.document-studio .design-panel[data-choice=layouts] #studio-theme-group,.document-studio .design-panel[data-choice=colors] .studio-layouts{display:none}
.document-studio #studio-theme-group>summary{display:none}
.document-studio .design-panel h3{font-size:17px;margin:0}
.document-studio #paper-edit{font-size:12px;min-height:44px}
.document-studio #paper-help{display:inline;font-size:12px;line-height:1.5}
.document-studio #paper-help.hidden{display:none}
.document-studio #recommended-designs{font-size:12px}
.document-studio .preview-toolbar{margin-bottom:8px}
.document-studio.dark .workspace .editor-preview{background:#242a35;border-color:#444b57}
.document-studio button:focus-visible{outline:3px solid #c63850;outline-offset:3px}
@media(max-width:1000px){.document-studio .workspace .editor-layout{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px){
 .document-studio.editing .page-title h1{font-size:23px}
 .document-studio.editing .page-title h1{display:none}
 .document-studio.editing .page-title{margin:6px 0}
 .document-studio.editing .page-title #back-workspace{margin:0;padding:6px 0;border:0;min-height:44px;font-size:13px}
 .document-studio .workspace .editor-top{gap:6px}
 .document-studio .workspace .editor-top h2{font-size:14px}
 .document-studio .workspace .editor-top .history-actions button{padding:8px;font-size:11px}
 .document-studio .workspace .editor-top .save-status{font-size:9px;padding:5px 7px}
 .document-studio .studio-bar{flex-wrap:wrap;gap:8px;padding:8px 0;top:80px}
 .document-studio .studio-tabs{width:100%;justify-content:space-between}
 .document-studio .studio-tabs button{padding:8px 10px;font-size:12px;flex:1}
 .document-studio .studio-bar #download-current{width:100%;min-height:44px}
 .document-studio .workspace .editor-layout{display:block}
 .document-studio .workspace .editor-panel{display:block;max-height:none;position:static;padding:16px}
 .document-studio .workspace [data-studio-mode=resume] .editor-panel{display:none}
 .document-studio .workspace .editor-preview{position:static;max-height:none;overflow:auto;padding:10px;border-radius:12px}
 .document-studio .workspace [data-studio-mode]:not([data-studio-mode=resume]) .editor-preview{display:none}
 .document-studio .studio-layouts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .document-studio .export-controls{gap:6px}
 .document-studio .export-controls #export-status{flex-basis:100%}
 .document-studio .workspace .editor-top #replace-from-import,.document-studio .workspace .editor-top #check-readability{font-size:11px}
 .document-studio .workspace .editor-top .history-actions{margin-left:auto}
 .document-studio #paper-help{display:block;margin:0 0 12px}
}
@media(prefers-reduced-motion:reduce){.document-studio .studio-layout-card{transition:none}.document-studio .studio-layout-card:hover{transform:none}}