#documentStudioCard{--studio-ink:#162d42;--studio-teal:#195d65;padding:28px;background:#f8fafb;border:1px solid #dce4ea;box-shadow:0 8px 28px #162d4208}
#documentStudioCard [hidden]{display:none!important}
#documentStudioCard>.eyebrow{color:#195d65;letter-spacing:.12em}
#documentStudioCard h2{font-size:27px;letter-spacing:-.7px;color:var(--studio-ink)}
#documentStudioCard button{border-radius:7px;min-height:38px;font-weight:600}
#documentStudioCard button:not(.secondary):not(.danger){background:#195d65;color:white}
#documentStudioCard input:focus-visible,#documentStudioCard select:focus-visible,#documentStudioCard button:focus-visible,#documentStudioCard summary:focus-visible{outline:3px solid #b4d6d9;outline-offset:3px}
#documentStudioCard .studio-library-nav{padding:18px 0;border-bottom:1px solid #dce4ea;gap:8px;flex-wrap:wrap}
#studioShowDesigns[aria-pressed=true],#studioShowTemplates[aria-pressed=true]{background:#e2efee;color:#124c53;border-color:#88b3b4}
.studio-library-intro{display:flex;justify-content:space-between;gap:20px;padding:28px 0 18px}
.studio-kicker{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#195d65;margin:0 0 9px}
#documentStudioCard .studio-library-intro h3{font-size:28px;font-family:Georgia,serif;font-weight:500;color:#162d42;margin:0 0 8px}
.studio-library-intro p{margin:0;max-width:650px}
.studio-library-filters{display:grid;grid-template-columns:minmax(230px,2fr) minmax(180px,1fr) minmax(180px,1fr);gap:14px;padding:16px;background:white;border:1px solid #dce4ea;border-radius:10px}
#documentStudioCard label{font-size:12px;font-weight:650;color:#344454}
#documentStudioCard label input,#documentStudioCard label select{margin-top:6px;font-size:14px;background:white;color:#162d42}
#studioLibraryCount{font-size:12px;margin:18px 0 0}
#studioDesignList{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px;margin-top:14px}
.studio-library-card{background:white;border:1px solid #dbe3e8;border-radius:11px;overflow:hidden;min-width:0;transition:box-shadow .15s,border-color .15s}
.studio-library-card:hover{border-color:#8bb0b5;box-shadow:0 8px 20px #162d4210}
.studio-preview-frame{height:200px;overflow:hidden;position:relative;background:#e8edef;display:flex;justify-content:center;padding-top:18px;border-bottom:1px solid #e1e7eb}
.studio-preview-sheet{flex:none;width:510px;transform:scale(.43);transform-origin:top center;box-shadow:0 5px 18px #162d4220;color:#162d42;background:white;position:relative}
.studio-preview-letter{padding:35px;box-sizing:border-box;min-height:660px;font-family:Arial,sans-serif}
.studio-preview-letter small{font-size:11px;letter-spacing:2px;color:#195d65}
.studio-preview-letter h3{font-size:30px!important;font-family:Georgia,serif;margin:26px 0 20px!important;color:#162d42}
.studio-preview-letter p{font-size:16px;line-height:1.5;margin:12px 0}
.studio-card-body{padding:17px}
.studio-card-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#195d65;font-weight:750;margin:0 0 8px}
#documentStudioCard .studio-card-body h3{font-size:16px;line-height:1.35;min-height:43px;margin:0 0 7px;color:#162d42}
.studio-card-body>.muted{font-size:12px;min-height:30px;margin:0 0 16px}
.studio-card-more{position:relative;margin-left:auto;font-size:12px}
.studio-card-more summary{cursor:pointer;padding:10px}
.studio-card-more[open]{display:grid;gap:6px}.studio-card-more[open] button{display:block;width:100%;margin:5px 0}
.studio-library-empty{grid-column:1/-1;padding:45px;text-align:center;background:white;border:1px dashed #b7c8ce;border-radius:10px}
#studioLibraryMore{display:block;margin:24px auto}
#documentStudioCard #studioEditor{border:0;padding:0;margin-top:24px;background:transparent}
.studio-editor-top{background:white;border:1px solid #dce4ea;border-radius:10px;padding:20px;margin-bottom:20px}
.studio-item-details{display:grid;grid-template-columns:minmax(220px,2fr) minmax(170px,1fr);gap:14px;align-items:end;margin:12px 0 18px}
.studio-item-details>.checkbox-label{grid-column:1/-1;justify-content:flex-start;display:flex;align-items:center;gap:8px}
.studio-item-details>.checkbox-label input{width:auto;margin:0!important}
.studio-item-name input{font-size:19px!important;font-weight:600;min-height:48px}
#studioEditorMode{min-width:160px}.studio-item-details>label:has(#studioEditorMode){grid-column:1/-1;max-width:230px}
#studioSaveState{font-size:13px;overflow-wrap:anywhere;color:#195d65}
#studioEditorActions{gap:9px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #e5ebef}
#studioEditor .studio-editor-layout{grid-template-columns:165px minmax(310px,1fr) 190px;gap:18px}
#studioEditor .studio-toolbar,#studioEditor .studio-properties,#studioEditor .studio-document-sidebar{padding:16px;background:white;border:1px solid #dce4ea;border-radius:9px;box-sizing:border-box}
#studioEditor .studio-stage-wrap{background:#e5eaee;min-height:720px;padding:28px 15px}
#studioEditor .studio-document-editor{grid-template-columns:minmax(0,1fr) 210px;gap:22px;align-items:start}
#studioEditor .studio-document-editor>div{min-width:0}
#studioEditor .studio-word-toolbar{border-radius:8px 8px 0 0;background:#f0f5f7;padding:12px;gap:5px}
#studioEditor .studio-word-toolbar button{background:white!important;color:#344454!important;border:1px solid #d6e0e7;min-height:32px;padding:6px 10px;font-size:12px}
#studioEditor .studio-word-page{min-height:820px;padding:48px 54px;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
#studioEditor .studio-word-page h1{line-height:1.2}.studio-word-page a{color:#195d65;text-decoration:underline}
#studioEditor .studio-word-header,#studioEditor .studio-word-footer{background:white;padding:18px 54px;border:1px dashed #c4d4d9;font-size:13px;overflow-wrap:anywhere}
#studioEditor .studio-document-sidebar{font-size:12px;gap:14px}#studioEditor .studio-document-sidebar .muted{font-size:11px;line-height:1.5}
#studioCampaignsPanel #studioCampaignForm{display:grid;grid-template-columns:1fr 1fr;gap:16px}#studioCampaignForm label:has(textarea),#studioCampaignPreview,#studioCampaignForm>.record-actions{grid-column:1/-1}#studioCampaignForm textarea{min-height:300px;line-height:1.6}
@media(min-width:1450px){#studioEditor .studio-editor-top{position:sticky;top:12px;z-index:10;box-shadow:0 8px 24px #162d420d}}
@media(max-width:1100px){#studioEditor .studio-editor-layout{grid-template-columns:1fr}#studioEditor .studio-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}#studioEditor .studio-document-editor{grid-template-columns:1fr}#studioEditor .studio-document-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#documentStudioCard{padding:16px}.studio-library-filters,.studio-item-details{grid-template-columns:1fr}#studioEditor .studio-word-page{padding:28px 20px}#studioEditor .studio-word-header,#studioEditor .studio-word-footer{padding:14px 20px}#studioCampaignsPanel #studioCampaignForm{grid-template-columns:1fr}.studio-library-intro{padding-top:20px}#studioEditor .studio-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}#documentStudioCard h2{font-size:23px}#studioDesignList{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(prefers-reduced-motion:reduce){.studio-library-card{transition:none}}
/* Keep naming and save actions compact above the writing surface. */
@media(min-width:1001px){.studio-item-details{grid-template-columns:170px minmax(230px,2fr) minmax(170px,1fr)}.studio-item-details>label:has(#studioEditorMode){grid-column:auto;max-width:none}.studio-item-details>.checkbox-label{grid-column:1/-1}#studioEditor .studio-editor-top{padding:16px 20px}.studio-item-details{margin:6px 0 12px}}