/* Shared Studio presentation: readable forms, consistent navigation and restrained spacing. */
:root{--studio-ink:#202940;--studio-muted:#687489;--studio-line:#e3e7ef;--studio-accent:#6046db}
body{background:#f6f7fb;color:var(--studio-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6}
body>header{padding:16px max(24px,calc((100vw - 1360px)/2));gap:24px;box-shadow:0 2px 12px #17213904}
.brand{font-size:15px;letter-spacing:.035em;white-space:nowrap}.studio-nav{gap:5px}.studio-nav a{padding:8px 11px;border-radius:8px;color:#536078;font-size:13px;font-weight:550;white-space:nowrap}.studio-nav a:hover{background:#f4f1ff;color:var(--studio-accent)}.studio-nav a[aria-current=page]{background:#eee9ff;color:#5538c7;text-decoration:none;font-weight:700}
main{max-width:1408px;padding:28px 24px 60px}h1{font-size:clamp(27px,2.5vw,35px);line-height:1.2;letter-spacing:-.035em;margin:6px 0 12px}h2{font-size:18px;letter-spacing:-.02em}h3{font-size:16px}.heading{align-items:flex-start;gap:32px}.heading>div>p:last-child{max-width:680px;color:var(--studio-muted);margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:.14em;margin:0 0 8px;font-weight:750}.credit{min-width:180px;background:#fff;border:1px solid var(--studio-line);border-radius:12px;padding:14px 18px;margin:0;font-size:12px;color:var(--studio-muted)}.credit strong{font-size:25px;line-height:1.4;color:var(--studio-ink)}.credit small{font-size:11px}
#account-status{font-size:12px;color:var(--studio-muted);margin:18px 0}#account-status:empty,#workspace-message:empty,#payment-message:empty,#save-message:empty,#media-status:empty{display:none}.hint{font-size:12px;line-height:1.6;color:var(--studio-muted)}
.workspace-hero{background:linear-gradient(110deg,#eeebff,#f5f3ff 65%,#fff);color:var(--studio-ink);border:1px solid #e4def8;border-radius:16px;padding:26px 30px;margin:0 0 20px}.workspace-hero .eyebrow{color:#6751b8}.workspace-hero p:not(.eyebrow){color:#626d82;margin:0 0 18px}.workspace-hero a{background:var(--studio-accent);color:#fff;border-radius:8px;font-size:13px;padding:10px 16px}
.workspace-stats{margin:18px 0;gap:14px}.workspace-stats>div{padding:16px 20px;border-radius:12px}.workspace-stats strong{font-size:25px;line-height:1.4}.workspace-stats span{font-size:12px}.workspace-panel{border-radius:14px;padding:24px;margin:18px 0;box-shadow:0 3px 14px #17213903}.workspace-panel>p{color:var(--studio-muted)}.filters{margin:0 0 22px}.filters label{margin:0}.workspace-panel .filters input,.workspace-panel .filters select{margin-top:6px}
label{font-size:13px;font-weight:600;margin-top:16px}input:not([type=checkbox]),select,textarea{font-size:14px;line-height:1.5;padding:10px 12px;border-color:#cfd6e2;border-radius:8px;box-shadow:0 1px 2px #17213903;min-width:0}input::placeholder,textarea::placeholder{color:#8b94a5}textarea{line-height:1.75}input[type=checkbox]{accent-color:var(--studio-accent);width:16px;height:16px;vertical-align:middle}button{font-size:13px;padding:10px 14px;border-color:#d2d8e3;border-radius:8px;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#f4f1ff;border-color:#b5a8ec}.primary,button.primary{background:var(--studio-accent);border-color:var(--studio-accent);color:white}.primary:hover:not(:disabled){background:#5038c3;border-color:#5038c3}.actions{align-items:center;gap:10px}.actions a{font-size:12px}
.layout{grid-template-columns:230px minmax(0,1fr) 285px;gap:20px;margin-top:16px}.layout>aside,.layout>section{padding:22px;border-radius:14px;box-shadow:0 3px 14px #17213903}.layout>aside h2{font-size:16px;margin:0}.layout>aside .section-heading{align-items:center}.layout>aside #new-draft{white-space:nowrap;padding:7px 10px}.layout>aside #draft-list-status{font-size:12px;color:var(--studio-muted)}#draft-list button{padding:12px;font-size:12px;font-weight:600;line-height:1.5}#draft-list button small{font-weight:400;display:block;margin-top:4px}#editor-title{margin:0}#save-state{font-size:11px;white-space:nowrap;background:#f4f5f8;border-radius:20px;padding:4px 9px}.editor-intro{font-size:12px;color:var(--studio-muted);margin:8px 0 18px}.template-tools{padding:12px 14px;background:#f7f5ff;border:1px solid #eee9ff;border-radius:10px;margin:16px 0}.template-tools summary,.draft-options summary{font-size:13px;font-weight:650;cursor:pointer;padding:3px 0}.template-tools label{margin-top:12px}.template-tools .hint{margin-bottom:0}.draft-options{border:1px solid var(--studio-line);padding:12px 14px;border-radius:10px;margin:18px 0}.draft-options>summary::marker,.template-tools>summary::marker{color:var(--studio-accent)}.draft-options .hint:last-child{margin-bottom:0}.planning-fields{gap:10px}.planning-fields label{font-size:12px}.planning-fields select,.planning-fields input{font-size:12px}.editor-savebar{position:sticky;bottom:0;background:#fff;padding:16px 0 4px;border-top:1px solid var(--studio-line);margin-top:20px}.platforms{border:0;margin:18px 0}.platforms legend{font-size:13px;font-weight:600}.platforms label{font-size:12px;border:1px solid var(--studio-line);border-radius:7px;padding:6px 9px;margin:6px 5px 0 0}.preview{position:sticky;top:24px}.preview .eyebrow{color:#687489}.preview h2{font-size:16px;padding-top:14px;border-top:1px solid var(--studio-line)}#preview-body{font-size:13px;line-height:1.85;min-height:140px}.preview>p:last-child{border-top:1px solid var(--studio-line);padding-top:12px}
.template-card,.draft-card{padding:20px;border-radius:11px;transition:box-shadow .15s,transform .15s}.template-card:hover,.draft-card:hover{background:#fff;box-shadow:0 6px 20px #44318a0c;transform:translateY(-2px)}.template-card small{background:#f0ecff;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700;letter-spacing:.04em}.template-card p{color:var(--studio-muted);margin-bottom:0}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-day{background:#fbfcfe;border-color:#e8ebf2}.calendar-day .draft-card{background:#f0ecff;border:0;color:#493889;padding:8px;border-radius:6px}.brand-form{max-width:900px}.brand-form .planning-fields{grid-template-columns:1fr 1fr}.brand-form .actions{margin-top:20px}.workspace-panel form>label input,.workspace-panel form>label select,.workspace-panel form>label textarea{display:block;margin-top:6px}#payment-message:not(:empty),#brand-message:not(:empty),#save-message:not(:empty){background:#f0ecff;color:#4d3897;padding:12px 15px;border-radius:8px}.studio-footer{font-size:12px;color:var(--studio-muted);text-align:center;padding:20px 24px 30px}.studio-footer a{color:inherit}
/* Bring legacy Studio entry points into the same visual system. */
.studio-main{background:#f6f7fb}.hub-content{max-width:1320px;margin:auto;padding:28px}.hub-heading h1{font-size:32px!important}.hub-heading p{font-size:14px!important;color:#687489}.hub-card{border:1px solid #e3e7ef!important;box-shadow:0 3px 14px #17213903!important;border-radius:14px!important;padding:24px}.hub-card>p{color:#687489;line-height:1.7}.user-avatar{width:auto!important;min-width:38px;padding:0 12px;font-size:11px!important}.notification-button i{display:none}
@media(max-width:1200px){.layout{grid-template-columns:210px minmax(0,1fr)}.layout .preview{grid-column:2;position:static}.layout>aside{grid-row:1/span 2}.studio-nav a{padding:7px 9px}}
@media(max-width:760px){body>header{padding:16px;gap:12px}.brand{width:100%}.studio-nav{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px;gap:3px}.studio-nav a{font-size:12px}main{padding:22px 16px 40px}.heading{display:block}.heading .credit{margin-top:18px;max-width:none;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.credit strong{font-size:21px}.credit small{margin-left:auto}.layout{display:flex;flex-direction:column;gap:16px}.layout>aside,.layout>section{width:100%;padding:18px}.layout>aside{max-height:220px;overflow:auto;order:2}.layout>section:not(.preview){order:0}.layout>.preview{order:1}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero{padding:22px}.workspace-stats{gap:8px}.workspace-stats>div{padding:13px 10px}.workspace-stats strong{font-size:23px}.workspace-stats span{font-size:11px}.workspace-panel{padding:18px}.planning-fields{grid-template-columns:1fr}.brand-form .planning-fields{grid-template-columns:1fr 1fr}.hub-content{padding:20px 16px}.hub-heading h1{font-size:27px!important}.editor-savebar .actions{gap:6px}.editor-savebar button{font-size:12px;padding:10px}.template-card{padding:15px}.template-card h3{font-size:14px}.template-card p{font-size:12px}.section-heading{flex-wrap:wrap}.calendar-day .draft-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.template-card:hover,.draft-card:hover{transform:none}}
@media(max-width:760px){.studio-nav{flex-wrap:wrap;overflow:visible;gap:2px}.studio-nav a{padding:7px 9px}}
.template-art{display:block;width:calc(100% + 40px);max-width:none;height:auto;aspect-ratio:5/3;object-fit:cover;margin:-20px -20px 20px;border-radius:11px 11px 0 0}.template-card:has(.template-art){overflow:hidden}.template-card:has(.template-art):hover .template-art{filter:saturate(1.08)}@media(max-width:760px){.template-art{width:calc(100% + 30px);margin:-15px -15px 16px}.template-grid:has(.template-art){grid-template-columns:1fr}}
.preview-live{font-size:10px;color:#477c60;background:#edf7f1;border-radius:20px;padding:3px 7px;white-space:nowrap}.preview .section-heading{align-items:center;margin-bottom:18px}.preview .eyebrow{margin:0}.social-preview{border:1px solid #e3e7ef;border-radius:12px;background:white;padding:16px;overflow:hidden}.preview-account{display:flex;gap:10px;align-items:center;margin-bottom:18px}.preview-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#eee8ff;color:#6046db;font-size:21px}.preview-account strong{font-size:13px;display:block}.preview-account small{display:block;font-size:10px;color:#687489}.social-preview h2{border:0;padding:0;font-size:14px;margin-bottom:8px}.social-preview #preview-body{min-height:60px;font-size:13px;line-height:1.7}.preview-placeholder{border:1px dashed #d8dce7;background:#f8f9fc;color:#7a8497;text-align:center;border-radius:8px;padding:24px 12px;font-size:12px}.preview-media{display:grid;gap:10px}.preview-media-item{border-radius:8px;overflow:hidden;background:#f4f5f8;color:#687489;font-size:12px}.preview-media img,.preview-media video{width:100%;max-height:440px;object-fit:contain;display:block}#preview-dialog{width:min(590px,calc(100% - 28px));max-height:90dvh;border:0;border-radius:18px;padding:22px;background:#f7f8fc;box-shadow:0 24px 80px #19233855;color:#202940}#preview-dialog::backdrop{background:#172139a6;backdrop-filter:blur(3px)}.preview-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.preview-dialog-heading h2{margin:0;font-size:18px}#preview-dialog .preview{position:static;border:0!important;padding:0;background:transparent}#preview-dialog .social-preview{padding:22px}#preview-dialog #preview-body{font-size:15px}#open-preview{color:#6046db;border-color:#cfc3f6;background:#f5f1ff;white-space:nowrap}@media(min-width:761px) and (max-width:1200px){.layout{grid-template-columns:minmax(0,1fr) 290px}.layout>aside{grid-column:1/-1;grid-row:auto;max-height:190px;overflow:auto}.layout>aside>label,.layout>aside>input{display:none}.layout>aside #draft-list{display:flex;gap:8px;overflow:auto}.layout>aside #draft-list button{min-width:170px;max-width:230px}.layout>aside #draft-list-status{margin:6px 0}.layout>.preview{grid-column:2;position:sticky;top:20px;padding:16px}.layout>section:not(.preview){grid-column:1}.preview .section-heading{gap:4px}}@media(max-width:760px){#preview-dialog{padding:16px}.preview-live{font-size:10px}.layout>.preview{position:static}.layout .section-heading .actions{gap:6px}#open-preview{font-size:12px;padding:8px 10px}}