/* Semantic interface colors. Slide artwork and inline text colors are untouched. */
:root{
 color-scheme:light;
 --studio-page:#f7f8fb;--studio-surface:#ffffff;--studio-raised:#f8f9fd;--studio-field:#fafbff;
 --studio-ink:#25283b;--studio-secondary:#65708a;--studio-muted:#8792aa;--studio-line:#e3e7f1;
 --studio-accent:#4a59df;--studio-soft:#eef0ff;--studio-primary:#5263ef;--studio-primary-hover:#4353d6;
 --studio-hover:#f0f3fc;--studio-hero:#edf0fd;--studio-warm:#fdf3e9;--studio-warm-ink:#a8784c;
 --studio-green:#eef6ee;--studio-green-ink:#728e70;--studio-scroll:#b7c8e7;--studio-canvas:#f0f2f7;
 --studio-backdrop:#18203c55;--studio-error:#be3655;--studio-error-bg:#fff3f5;--studio-ribbon:#8198d7;--studio-night:0;
 --bg:var(--studio-page);--ink:var(--studio-ink);--muted:var(--studio-muted);--line:var(--studio-line);
 --accent:var(--studio-accent);--accent-soft:var(--studio-soft)
}
:root[data-studio-theme="dark"]{
 color-scheme:dark;
 --studio-page:#101321;--studio-surface:#191e30;--studio-raised:#20263b;--studio-field:#151b2c;
 --studio-ink:#e8ebf7;--studio-secondary:#b6bfd7;--studio-muted:#98a5c0;--studio-line:#303952;
 --studio-accent:#a4b0ff;--studio-soft:#2a3459;--studio-primary:#5264e7;--studio-primary-hover:#4658d7;
 --studio-hover:#29324b;--studio-hero:#1d2544;--studio-warm:#3c2e2b;--studio-warm-ink:#e7b58d;
 --studio-green:#253d36;--studio-green-ink:#a1cdb5;--studio-scroll:#4e6084;--studio-canvas:#121827;
 --studio-backdrop:#060b1b99;--studio-error:#ff94aa;--studio-error-bg:#3a2334;--studio-ribbon:#7291d6;--studio-night:1
}
:root[data-studio-phase="sunset"]{
 color-scheme:dark;
 --studio-page:#3b3045;--studio-surface:#493d55;--studio-raised:#51415b;--studio-field:#352c42;
 --studio-ink:#fff0e7;--studio-secondary:#dec6c4;--studio-muted:#c6b0bd;--studio-line:#695366;
 --studio-accent:#eeb7b5;--studio-soft:#62485f;--studio-primary:#7957d9;--studio-primary-hover:#6946c9;
 --studio-hover:#634b64;--studio-hero:#55415f;--studio-warm:#66504c;--studio-warm-ink:#f3cbad;
 --studio-green:#47584f;--studio-green-ink:#d0dbbb;--studio-scroll:#967b96;--studio-canvas:#392f46;
 --studio-backdrop:#28192e88;--studio-error:#ffb4b2;--studio-error-bg:#653b4b;--studio-ribbon:#c09abd
}
body{isolation:isolate;min-height:100dvh;background-color:var(--studio-page);color:var(--studio-ink)}
:root.studio-theme-changing{transition:none}
/* Root variables are interpolated once. Descendant transitions would chase
   inherited colors each frame and leave a delayed tail at the end. */
.studio-theme-changing :is(body,.sidebar,.modal-shell,.modal,.modal-top,.wizard-bottom,.deck-card,.template-card,.quick-card,.quick-icon,.search,.gallery-tools>[data-action="gallery-filters"],.hero,.hero h2,.hero p,.hero .eyebrow,.floating-chip,.tip-card,.tip-card p,.profile small,.studio-theme-toggle,.studio-theme-thumb,.nav-item,.icon-btn,.btn,.greeting,.intro,.footer-note,.section-line,.deck-meta p,.editor-top,.editor-inspector,.editor-center,.editor-title input,.slide-rail,.outline-row,.outline-row input,.prompt-input,.field input,.field textarea,.field select,.native-fields input,.studio-select-button,.studio-select-menu,.studio-select-option,.ui-language-button,.ui-language-option,.source-document-remove,.source-upload small,.studio-status,.about-body,.about-body h3,.studio-account-balance,.segmented,.about-chip,.demo-notice,.filter-chip,.build-caption,.build-thumb,.build-heading p,.build-eyebrow,.build-canvas,.build-waiting,.build-waiting strong){
 transition-duration:0s;transition-delay:0s
}
.studio-theme-changing .studio-segmented::before{transition:transform .34s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1),height .34s cubic-bezier(.2,.8,.2,1)}
.sidebar,.modal-shell,.modal,.modal-top,.deck-card,.template-card,.quick-card,.search,.editor-top,.editor-inspector,.mobile-header,.studio-select-button,.studio-select-menu,.ui-language-option{background-color:var(--studio-surface);color:var(--studio-ink)}
.wizard-bottom,.tip-card,.slide-rail,.outline-row,.studio-status,.ui-language-button,.source-document-remove,.editor-radius{background-color:var(--studio-raised);color:var(--studio-secondary);border-color:var(--studio-line)}
.editor-center{background:radial-gradient(#7a8cac15 1px,transparent 1px) 0 0/12px 12px,var(--studio-canvas)}
.hero{background-color:var(--studio-hero);border-color:var(--studio-line)}
.hero-art{background:radial-gradient(ellipse at 60% 70%,#8596d326,transparent 70%)}
.hero-art .studio-cover{border:0;background:transparent;box-shadow:0 15px 30px #060b1b2b}
.hero h2,.welcome h1,.section-line h2,.about-body h3,.wizard-title,.editor-title input{color:var(--studio-ink)}
.hero p,.about-body,.studio-benefits,.quick-card small,.source-upload small,.login-alternative,.field label,.native-fields label{color:var(--studio-secondary)}
.greeting,.intro,.footer-note,.deck-meta p,.wizard-desc,.tip-card p,.slide-count-hint,.filter-result,.filter-matches,.restricted-design>span,.outline-row small,.outline-row span,.editor-bottom,.checkout-consent{color:var(--studio-muted)}
.hero .eyebrow,.about-chip,.clear-filters{color:var(--studio-accent)}
.floating-chip{background-color:var(--studio-surface);color:var(--studio-secondary)}
.nav-item,.icon-btn,.demo-link{color:var(--studio-secondary)}
.nav-item:hover,.icon-btn:hover,.btn:not(.primary):not(.dark):hover,.studio-select-button:hover{background-color:var(--studio-hover);color:var(--studio-ink)}
.nav-item.active,.about-chip,.filter-chip,.studio-select-option.is-active,.studio-select-option[aria-selected="true"],.ui-language-option.selected,.editor-photo-modes button.selected{background-color:var(--studio-soft);color:var(--studio-accent)}
.nav-count,.demo-badge{background-color:var(--studio-soft);color:var(--studio-accent)}
.avatar{background-color:var(--studio-warm);color:var(--studio-warm-ink)}
.btn:not(.primary):not(.dark){background-color:var(--studio-surface);color:var(--studio-secondary);border-color:var(--studio-line)}
.btn.primary{background-color:var(--studio-primary);border-color:var(--studio-primary);color:#fff}
.btn.primary:hover{background-color:var(--studio-primary-hover);border-color:var(--studio-primary-hover)}
.wizard-progress .current i,.design-selected,.filter-count{background-color:var(--studio-primary);border-color:var(--studio-primary);color:#fff}
.quick-icon{background-color:var(--studio-soft);color:var(--studio-accent)}
.quick-card:nth-child(2) .quick-icon{background-color:var(--studio-warm);color:var(--studio-warm-ink)}
.quick-card:nth-child(3) .quick-icon{background-color:var(--studio-green);color:var(--studio-green-ink)}
.quick-card>svg{color:var(--studio-muted)}
.field input,.field select,.field textarea,.prompt-input,.native-fields input,.editor-radius input[type="number"],.studio-startup-retry,.editor-photo-modes button{background-color:var(--studio-field);color:var(--studio-ink);border-color:var(--studio-line)}
.search input,.outline-row input{color:var(--studio-ink)}
.search input::placeholder,.prompt-input::placeholder{color:var(--studio-muted)}
.search svg{color:var(--studio-secondary)}
.studio-select-button,.studio-select-menu,.ui-language-button,.ui-language-option,.search,.quick-card,.tip-card,.filter-chip,.editor-photo-modes button{border-color:var(--studio-line)}
.segmented{background-color:var(--studio-field)}
.segmented button{color:var(--studio-muted)}
.segmented button.selected{color:var(--studio-ink)}
.segmented:not(.studio-segmented) button.selected{background-color:var(--studio-surface)}
.segmented.studio-segmented::before{background-color:var(--studio-surface)}
.segmented.studio-segmented>button.selected{background:transparent}
.demo-notice{background-color:var(--studio-soft);color:var(--studio-secondary)}
.overlay{background-color:var(--studio-backdrop)}
.design-lock{background-color:var(--studio-surface);color:var(--studio-secondary)}
.tier-free{background-color:var(--studio-raised);color:var(--studio-secondary)}
:root[data-studio-theme="dark"] .tier-start{background:#25463c;color:#b2deca}
:root[data-studio-theme="dark"] .tier-premium{background:#443c25;color:#f2d98b}
.build-canvas{background:var(--studio-raised);border-color:var(--studio-line)}
.build-waiting{background:var(--studio-field);color:var(--studio-muted)}
.build-waiting strong,.build-caption>span:first-child{color:var(--studio-secondary)}
.build-eyebrow,.build-heading p,.build-caption,.build-wait-time{color:var(--studio-muted)}
.build-thumb,.build-thumb.forthcoming{background-color:var(--studio-raised);color:var(--studio-secondary);border-color:var(--studio-line)}
.build-thumb.selected{background-color:var(--studio-soft);color:var(--studio-accent)}
#w-count[aria-invalid="true"]{background-color:var(--studio-error-bg);color:var(--studio-ink)}
.slide-count-error{color:var(--studio-error)}
.source-document-remove:hover{background-color:var(--studio-error-bg);color:var(--studio-error);border-color:var(--studio-error)}
/* A single theme-aware logo keeps the supplied blue gradient intact. */
.brand .studio-logo-full{content:url('brand/prezenta-studio-theme.svg?v=3.13.0')}
/* Main screen sizing and account balance. */
.quick-actions .quick-card{min-height:112px;padding:22px 20px;gap:15px;border-radius:14px}
.quick-actions .quick-icon{width:48px;height:48px;flex:0 0 48px;border-radius:12px}
.quick-actions .quick-icon svg{width:24px;height:24px}
.quick-actions .quick-card strong{font-size:14px;line-height:1.5}
.quick-actions .quick-card small{font-size:12px;line-height:1.5;margin-top:5px}
.quick-actions .quick-card>svg{width:18px;height:18px;flex-shrink:0}
.gallery-tools{gap:10px}
.gallery-tools .search{width:clamp(230px,23vw,340px);max-width:100%;min-height:50px;padding:12px 15px;gap:10px;border-radius:11px}
.gallery-tools .search input{width:100%;min-width:0;font-size:14px;line-height:1.5}
.gallery-tools .search svg{width:18px;height:18px;flex-shrink:0}
.gallery-tools>[data-action="gallery-filters"]{width:50px;height:50px;flex:0 0 50px;border-radius:11px;border:1px solid var(--studio-line);background-color:var(--studio-surface)}
.gallery-tools>[data-action="gallery-filters"] svg{width:22px;height:22px}
.gallery-tools>[data-action="gallery-filters"].has-filters{background-color:var(--studio-soft);color:var(--studio-accent);border-color:var(--studio-accent)}
.live-history-line>span{display:none}
.sidebar .profile{font-size:13px}
.sidebar .profile small{font-size:12px;line-height:1.55;font-weight:700;color:var(--studio-accent);background-color:var(--studio-soft);padding:6px 8px;border-radius:7px;margin-top:6px;overflow-wrap:anywhere}
.studio-account-balance{font-size:14px;padding:14px 16px;border:1px solid var(--studio-line);border-radius:10px;background-color:var(--studio-soft);color:var(--studio-ink);line-height:1.9}
.studio-account-balance strong{font-size:17px;color:var(--studio-accent)}
/* Compact day/night switch next to information and language. */
.studio-theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;flex:0 0 58px;width:58px;height:34px;padding:0 7px;border:1px solid var(--studio-line);border-radius:18px;background-color:var(--studio-warm);color:var(--studio-warm-ink);touch-action:manipulation}
.studio-theme-toggle svg{width:14px;height:14px;display:block}
.studio-theme-thumb{position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background-color:var(--studio-surface);box-shadow:0 2px 6px #14204720;transform:translateX(calc(var(--studio-night) * 24px))}
.studio-theme-toggle[aria-checked="true"]{background-color:var(--studio-soft);color:var(--studio-accent)}
.studio-theme-toggle:focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px}
.editor-actions .studio-theme-toggle{margin:0 3px}
/* Fixed decorative layer: radial gradients provide softness without blur filters. */
.studio-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;user-select:none}
.studio-ambient{position:absolute;width:min(900px,78vw);height:min(760px,75vh);border-radius:50%;opacity:.6}
.studio-ambient-blue{right:-13vw;top:19vh;background:radial-gradient(ellipse,#a9c9f52b,transparent 68%)}
.studio-ambient-violet{left:9vw;bottom:-24vh;background:radial-gradient(ellipse,#c8b8ec38,transparent 68%)}
.studio-background-ribbons{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:var(--studio-ribbon);animation:studio-ribbons-drift 16s ease-in-out infinite alternate}
.studio-ribbon-lines{stroke-width:1.8;opacity:.36}
.studio-ribbon-wide{stroke-width:34;opacity:.055}
.studio-celestial-track{position:absolute;left:0;top:0;width:190px;height:190px;transform:translate3d(calc(100vw - 260px + var(--studio-night) * (var(--sidebar,244px) + 6vw - 100vw + 260px)),calc(6vh + var(--studio-night) * (100dvh - 245px - 6vh)),0)}
.studio-celestial-breathe{position:absolute;inset:0;animation:studio-celestial-breathe 36s ease-in-out infinite alternate}
.studio-day-orb,.studio-night-orb{position:absolute;inset:0;display:block}
.studio-day-orb{opacity:calc(.65 * (1 - var(--studio-night)));background:radial-gradient(circle,#ffe7ae70 0%,#f8dca952 22%,#f7dbac22 42%,transparent 68%)}
.studio-night-orb{opacity:calc(.55 * var(--studio-night));background:radial-gradient(circle,#deebfd99 10%,#a8c8f766 32%,#9db7ee22 49%,transparent 68%);mask-image:radial-gradient(circle at 66% 30%,transparent 26%,#000 43%)}
.studio-atmosphere.is-still .studio-background-ribbons,.studio-atmosphere.is-still .studio-celestial-breathe{animation-play-state:paused}
body.editing .studio-celestial-track{opacity:.35}
body.studio-loading .studio-celestial-track{transition:none}
@keyframes studio-ribbons-drift{from{transform:translate3d(-5vw,-22px,0) rotate(-2deg)}to{transform:translate3d(5vw,30px,0) rotate(2deg)}}
@keyframes studio-celestial-breathe{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,9px,0)}}
/* Scrollbars follow the same surface instead of leaving a light edge at night. */
:root,body,.sidebar,.slide-rail,.editor-inspector,.editor-center,.modal-shell,.modal-shell *{scrollbar-color:var(--studio-scroll) var(--studio-page)}
::-webkit-scrollbar,::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--studio-page)}
::-webkit-scrollbar-thumb{background:var(--studio-scroll);border-color:var(--studio-page)}
.modal-shell::-webkit-scrollbar-thumb,.modal-shell *::-webkit-scrollbar-thumb{background:var(--studio-scroll);border-color:var(--studio-surface)}
@media(max-width:1100px){.quick-actions .quick-card{padding:20px 16px;gap:12px}.quick-actions .quick-card strong{font-size:13px}.quick-actions .quick-card small{font-size:11px}}
@media(max-width:920px){.quick-actions .quick-card{min-height:96px}.gallery-tools .search{width:250px}}
@media(max-width:700px){
 .quick-actions .quick-card{padding:18px;gap:14px;min-height:96px}
 .quick-actions .quick-card strong{font-size:14px}.quick-actions .quick-card small{font-size:12px}
 .quick-actions .quick-icon{width:44px;height:44px;flex-basis:44px}
 .gallery-tools .search{width:auto;flex:1;min-width:0}.gallery-tools .search input{font-size:16px}
 .studio-theme-toggle{height:40px;flex-basis:62px;width:62px}.studio-theme-thumb{top:5px;width:28px;height:28px}
 .studio-celestial-track{width:150px;height:150px;transform:translate3d(calc(100vw - 165px + var(--studio-night) * (181px - 100vw)),calc(10vh + var(--studio-night) * (100dvh - 205px - 10vh)),0)}
 .studio-ambient{opacity:.4}.studio-background-ribbons{animation-duration:20s}.studio-ribbon-lines{opacity:.3}
}
@media(prefers-reduced-motion:reduce){
 .studio-background-ribbons,.studio-celestial-breathe{animation:none}
 .studio-celestial-track,.studio-day-orb,.studio-night-orb,.studio-theme-thumb{transition:none}
}