#workspace #creation .viral-workspace{--viral-panel:var(--ui-surface,#fff);--viral-ink:var(--ui-text,#252b44);--viral-muted:var(--ui-text-muted,#7e8195);--viral-line:var(--ui-border,#e5e8f1);--viral-accent:var(--ui-creation,#7655e8);padding:0!important;border:0!important;background:transparent!important;color:var(--viral-ink)}
#workspace #creation .viral-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 16px}#workspace #creation .viral-heading h2{font-size:24px;margin:0}#workspace #creation .viral-heading p{margin:4px 0;color:var(--viral-muted);font-size:13px}
#workspace #creation .viral-flow{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--viral-accent);margin-bottom:20px}#workspace #creation .viral-flow b{color:var(--viral-muted);font-weight:400}
#workspace #creation .viral-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}#workspace #creation .viral-editor{min-width:0}#workspace #creation .viral-panel{background:var(--viral-panel);border:1px solid var(--viral-line);border-radius:12px;padding:20px;margin-bottom:16px;min-width:0}#workspace #creation .viral-panel-head{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:15px}#workspace #creation .viral-panel-head h3{font-size:16px;flex:1;margin:0}#workspace #creation .viral-number{display:grid;place-items:center;width:25px;height:25px;background:color-mix(in srgb,var(--viral-accent) 12%,transparent);color:var(--viral-accent);border-radius:7px;font-size:12px}
#workspace #creation .viral-source-tabs{display:flex;gap:20px;margin-bottom:14px}#workspace #creation .viral-source-tabs button{background:transparent!important;border:0!important;border-radius:0!important;padding:0 0 7px!important;font-size:13px;color:var(--viral-muted)!important}#workspace #creation .viral-source-tabs button[aria-pressed=true]{color:var(--viral-accent)!important;border-bottom:2px solid var(--viral-accent)!important}
#workspace #creation .viral-link-row{display:flex;gap:8px}#workspace #creation .viral-link-row input{flex:1;width:100%;min-width:0}#workspace #creation .viral-link-row button{flex-shrink:0}#workspace #creation .viral-help{color:var(--viral-muted);font-size:12px;margin:8px 0}#workspace #creation .viral-copies,#workspace #creation .viral-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}#workspace #creation .viral-settings{margin-bottom:16px}#workspace #creation .viral-workspace label{font-size:13px;min-width:0;display:block}#workspace #creation .viral-workspace :is(input,select,textarea){width:100%;max-width:100%;min-width:0;margin-top:6px;border-color:var(--viral-line);background:var(--viral-panel);color:var(--viral-ink)}#workspace #creation .viral-workspace textarea{min-height:210px;resize:vertical;line-height:1.8;font-size:13px}#workspace #creation .viral-result-label{color:var(--viral-accent)}#workspace #creation .viral-result-label span{float:right;color:var(--viral-muted);font-size:12px}#workspace #creation .viral-material-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}#workspace #creation .viral-material-heading label{margin:0}#workspace #creation .viral-generate{width:100%;margin-top:16px;padding:13px!important;background:var(--viral-accent)!important;border-color:var(--viral-accent)!important;color:var(--ui-on-accent,#fff)!important}
#workspace #creation .viral-preview{position:sticky;top:16px}#workspace #creation .viral-empty{aspect-ratio:9/16;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--viral-accent) 6%,var(--viral-panel));border:1px dashed var(--viral-line);text-align:center;color:var(--viral-muted)}#workspace #creation .viral-empty>span{font-size:40px;color:var(--viral-accent)}#workspace #creation .viral-preview-actions{display:flex;gap:8px;margin-top:14px}#workspace #creation .viral-preview-actions button{flex:1;padding:9px;font-size:13px;min-width:0}#workspace #creation #viral-output .studio-thumbnail{width:100%;aspect-ratio:9/16}#workspace #creation #viral-import-history{display:grid;gap:6px}#workspace #creation #viral-import-history button{white-space:normal;text-align:left}#workspace #creation #viral-video-status{font-size:13px;overflow-wrap:anywhere}#workspace #creation [id^=viral-][role=status]{font-size:12px;margin:10px 0 0;overflow-wrap:anywhere}#workspace #creation .viral-workspace [hidden]{display:none!important}
@media(max-width:1050px){#workspace #creation .viral-layout{grid-template-columns:minmax(0,1fr) 225px}#workspace #creation .viral-panel{padding:16px}}
@media(max-width:760px){#workspace #creation .viral-layout,#workspace #creation .viral-copies{grid-template-columns:1fr}#workspace #creation .viral-preview{position:static;max-width:320px;justify-self:center;width:100%}#workspace #creation .viral-heading{align-items:start}#workspace #creation .viral-link-row{flex-wrap:wrap}#workspace #creation .viral-link-row button{width:100%}#workspace #creation .viral-workspace textarea{min-height:160px;font-size:16px}#workspace #creation .viral-settings{grid-template-columns:1fr}#workspace #creation .viral-source-tabs button{min-height:44px}}
@media(pointer:coarse),(max-width:760px){#workspace #creation .viral-workspace button{min-height:44px}#workspace #creation .viral-workspace :is(input,select){min-height:44px}}
/* Local panels must outrank legacy Aurora text/input colors in all themes. */
#workspace #creation #viral-workspace :is(h2,h3,label){color:var(--ui-text,#252b44)!important}
#workspace #creation #viral-workspace :is(p,.viral-help,.viral-result-label span){color:var(--ui-text-muted,#62779e)!important}
#workspace #creation #viral-workspace :is(input,select,textarea){background:var(--ui-surface-raised,#fbfdff)!important;color:var(--ui-text,#252b44)!important;border-color:var(--ui-border,#e5e8f1)!important}
#workspace #creation #viral-workspace select option{background:var(--ui-surface-raised,#fbfdff)!important;color:var(--ui-text,#252b44)!important}
#workspace #creation #viral-workspace .viral-generate{background:var(--ui-creation,#7655e8)!important;color:var(--ui-on-accent,#fff)!important;border-color:transparent!important}

#workspace #creation #viral-digital-settings label:has(input[type=checkbox]){display:flex;flex-direction:row;justify-content:flex-start;text-align:left;gap:8px;align-items:center;margin:12px 0;line-height:1.6}
#workspace #creation #viral-digital-settings input[type=checkbox]{width:16px;min-height:16px;margin:0;flex:0 0 16px}
#workspace #creation #viral-speech-preview audio{width:100%;max-width:380px}
/* Approved copy-first desktop layout, with the library as the resource source. */
#workspace #creation .viral-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px}
#workspace #creation .viral-heading-actions{display:flex;gap:8px;flex-shrink:0}
#workspace #creation .viral-panel{padding:18px;border-radius:10px;margin-bottom:14px;box-shadow:none}
#workspace #creation .viral-number{width:32px;height:32px;border-radius:50%;background:var(--viral-accent);color:var(--ui-on-accent,#fff);font-size:16px;font-weight:600}
#workspace #creation .viral-source-tabs{gap:0;width:max-content;max-width:100%;border:1px solid var(--viral-line);border-radius:7px;overflow:hidden}
#workspace #creation .viral-source-tabs button{padding:9px 16px!important;border:0!important;border-radius:0!important}
#workspace #creation .viral-source-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--viral-accent) 12%,var(--viral-panel))!important;border:0!important}
#workspace #creation .viral-rewrite-toolbar{grid-template-columns:minmax(0,1.3fr) minmax(110px,.8fr) auto;align-items:end}
#workspace #creation .viral-rewrite-toolbar button{min-height:40px;margin-bottom:0;background:var(--viral-accent);color:var(--ui-on-accent,#fff)}
#workspace #creation .viral-copies>label,#workspace #creation .viral-result-label{border:1px solid var(--viral-line);background:color-mix(in srgb,var(--viral-accent) 3%,var(--viral-panel));border-radius:8px;padding:12px;margin:0}
#workspace #creation .viral-workspace textarea{min-height:190px}
#workspace #creation .viral-result-label textarea{min-height:140px}
#workspace #creation .viral-copy-tabs{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
#workspace #creation .viral-copy-tabs button{flex:1;min-width:60px;font-size:12px;padding:7px 8px}
#workspace #creation .viral-copy-tabs button[aria-pressed=true]{background:var(--viral-accent)!important;border-color:var(--viral-accent)!important;color:var(--ui-on-accent,#fff)!important}
#workspace #creation .viral-digital-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#workspace #creation .viral-resource-card{border:1px solid var(--viral-line);border-radius:8px;padding:12px;min-width:0}
#workspace #creation .viral-resource-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
#workspace #creation .viral-resource-heading span{color:var(--viral-muted);font-size:11px}
#workspace #creation .viral-resource-selection{display:flex;gap:12px;align-items:center;margin:12px 0;min-height:76px;overflow-wrap:anywhere}
#workspace #creation .viral-resource-selection>div:last-child{min-width:0}
#workspace #creation .viral-resource-selection strong{font-size:13px}
#workspace #creation .viral-resource-icon{width:65px;height:76px;flex-shrink:0;border-radius:6px;background:color-mix(in srgb,var(--viral-accent) 9%,var(--viral-panel));color:var(--viral-accent);display:grid;place-items:center;overflow:hidden;font-size:25px}
#workspace #creation .viral-resource-icon img{height:100%;width:100%;object-fit:cover}
#workspace #creation .viral-resource-icon span{font-size:11px;text-align:center}
#workspace #creation .viral-voice-controls{display:flex;gap:7px;align-items:center}
#workspace #creation .viral-voice-controls select{flex:1;width:0}
#workspace #creation .viral-voice-controls button{font-size:12px;padding:9px;white-space:nowrap;margin-top:6px}
#workspace #creation #viral-voice-audio audio{width:100%;margin-top:10px}
#workspace #creation #viral-workspace button:focus-visible{outline:2px solid var(--viral-accent);outline-offset:3px}
#workspace #creation .viral-preview #viral-output{overflow:hidden;border-radius:8px}
@media(max-width:1200px){#workspace #creation .viral-layout{grid-template-columns:minmax(0,1fr) 260px}#workspace #creation .viral-digital-cards{grid-template-columns:1fr}#workspace #creation .viral-rewrite-toolbar{grid-template-columns:1fr 1fr}#workspace #creation .viral-rewrite-toolbar button{grid-column:1/-1}}
@media(max-width:900px){#workspace #creation .viral-layout{grid-template-columns:minmax(0,1fr)}#workspace #creation .viral-preview{position:static;width:100%;max-width:380px;justify-self:center}#workspace #creation .viral-digital-cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#workspace #creation .viral-digital-cards,#workspace #creation .viral-copies{grid-template-columns:1fr}#workspace #creation .viral-heading{flex-direction:column}#workspace #creation .viral-heading-actions{width:100%}#workspace #creation .viral-heading-actions button{flex:1}#workspace #creation .viral-panel{padding:14px}#workspace #creation .viral-copy-tabs button{min-width:65px}#workspace #creation .viral-voice-controls{flex-wrap:wrap}}
#workspace #creation[data-studio-tab=viral]>.cr-header{display:none!important}
#workspace #creation .viral-heading{margin:16px 0}
#workspace #creation #viral-workspace textarea{height:155px;min-height:155px;max-height:500px}
#workspace #creation #viral-workspace .viral-result-label textarea{height:113px;min-height:113px}
#workspace #creation #viral-workspace .viral-rewrite-toolbar button{background:var(--viral-accent)!important;border-color:var(--viral-accent)!important;color:var(--ui-on-accent,#fff)!important}
#workspace #creation #viral-workspace .viral-resource-card label{font-size:11px;color:var(--viral-muted)!important}
#workspace #creation #viral-workspace [role=status]:empty{display:none}
#workspace #creation .viral-preview .viral-empty{max-height:540px}