/* GENERATED by tools/build-studio-pro-css.php - do not edit; edit the tail in that script instead.
   Studio Pro dark mode for the signed-in pages. */
/* account.css */
html:not([data-mode=light]){--bg:#0c0d10;--ink:#e8e9ec;--muted:#a4a7b0;--field:#131418;--line:#3a3d47;--link:#ff9a52}
html:not([data-mode=light]) .brand span{color:#ff6b2c}
html:not([data-mode=light]) .primary{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#fff}
html:not([data-mode=light]) .account-form h1 em{color:#ff6b2c}
html:not([data-mode=light]) .auth-tabs a[aria-current]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
/* workspace.css */
html:not([data-mode=light]) .credit-pack input{accent-color:#ff6b2c}
/* site-chrome.css */
html:not([data-mode=light]) .site-brand span{color:#ff6b2c}
html:not([data-mode=light]) .site-shell-header nav.site-main-nav>a:hover,html:not([data-mode=light]) .site-shell-header nav.site-main-nav>a[aria-current=page]{border-bottom-color:#ff6b2c}
html:not([data-mode=light]) .site-shell-header nav.site-main-nav>.site-create{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#fff}
html:not([data-mode=light]) .site-shell-header a:focus-visible,html:not([data-mode=light]) .site-shell-header button:focus-visible,html:not([data-mode=light]) .site-workspace-nav a:focus-visible{outline:3px solid #ff6b2c}
html:not([data-mode=light]) .site-workspace-nav a[aria-current=page],html:not([data-mode=light]) .site-workspace-nav a:hover{text-decoration-color:#ff6b2c}
html:not([data-mode=light]) .site-entry-note{border-left:3px solid #ff6b2c}
html:not([data-mode=light]) .mockup-actions .site-home-create{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#fff}
/* workspace-studio.css */
html:not([data-mode=light]){--studio-panel:#131418;--studio-border:#33363f;--studio-accent:#ff6b2c}
html:not([data-mode=light]) body>main .primary{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) .scene-upload .photo-drop{border:2px dashed #6b6f7a}
html:not([data-mode=light]) .scene-upload .photo-drop>span{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 0 0 7px #ff6b2c20}
/* nav-playful.css */
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not([data-mode=light]) .site-workspace-nav>a:hover,html:not([data-mode=light]) .site-shell-header nav.site-main-nav>a:hover,html:not([data-mode=light]) .site-shell-header .account-controls a:hover,html:not([data-mode=light]) .site-shell-header .account-controls button:hover,html:not([data-mode=light]) .site-shell-header .site-mode:hover{text-shadow:1px 2px 0 #ff6b2c55}
}
html:not([data-mode=light]) .site-shell-header.site-home-nav :is(nav.site-main-nav>a,.account-controls a,.account-controls button,.site-mode):focus-visible{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 0 0 6px #ff6b2c,0 0 20px 7px #ff6b2c80;color:#fff}
@media(hover:hover){html:not([data-mode=light]) .site-shell-header.site-home-nav :is(nav.site-main-nav>a,.account-controls a,.account-controls button,.site-mode):hover{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 0 0 6px #ff6b2c,0 0 20px 7px #ff6b2c80;color:#fff}
}
/* brand-motion.css */
html:not([data-mode=light]) .site-brand .spark{color:#ff6b2c}
html:not([data-mode=light]) .site-brand.eye-mode .eye{color:#ff6b2c}
html:not([data-mode=light]) .site-brand{--orange:#ff6b2c}
/* compose.css */
html:not([data-mode=light]) #upload-progress{accent-color:#ff6b2c}
html:not([data-mode=light]) #compose-preview::backdrop{background:#0c0d10b8}
html:not([data-mode=light]) #compose-preview .preview-tools button[aria-pressed=true]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);border-color:#ff6b2c;color:#fff}
html:not([data-mode=light]) .scene-photo-sizing input[type=range]{accent-color:#ff6b2c}
/* create-studio.css */
html:not([data-mode=light]){--studio-panel:#131418;--studio-border:#33363f}
html:not([data-mode=light]) #studio h1 em{color:#ff6b2c}
html:not([data-mode=light]) .studio-balance strong{color:#ff6b2c}
html:not([data-mode=light]) .studio-panel h2>span{border:2px solid #ff6b2c}
html:not([data-mode=light]) .studio-panel:first-child h2>span{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) .studio-drop{border:2px dashed #6b6f7a}
html:not([data-mode=light]) .studio-drop b{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 0 0 8px #ff6b2c20}
html:not([data-mode=light]) .studio-drop.dragging{border-color:#ff6b2c;background:#ff6b2c12}
html:not([data-mode=light]) .studio-consent input{accent-color:#ff6b2c}
html:not([data-mode=light]) progress{accent-color:#ff6b2c}
html:not([data-mode=light]) .generation-selection img{border:2px solid #ff6b2c}
html:not([data-mode=light]) .choice input:checked+span{background:#e8e9ec}
html:not([data-mode=light]) .mood-choice b{color:#ff6b2c}
html:not([data-mode=light]) .mood-choice input:checked+span{border-color:#ff6b2c;background:#ff6b2c14}
html:not([data-mode=light]) .queue-item .queue-state{color:#ff9a52}
html:not([data-mode=light]) .gallery-toolbar button[aria-pressed=true]{background:#e8e9ec}
html:not([data-mode=light]) .toon-card.selected{outline:2px solid #ff6b2c}
html:not([data-mode=light]) #studio .toon-card.is-original{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);border-color:#ff6b2c}
html:not([data-mode=light]) #studio .toon-card.is-original .toon-caption,html:not([data-mode=light]) #studio .toon-card.is-original .toon-caption strong,html:not([data-mode=light]) #studio .toon-card.is-original .toon-caption .expires,html:not([data-mode=light]) #studio .toon-card.is-original .toon-caption a{color:#191a1f}
html:not([data-mode=light]) #studio .toon-card.is-original .photo-kind{background:#191a1f;border-color:#191a1f;color:#e8e9ec}
html:not([data-mode=light]) #studio .toon-card.is-original.selected .select-photo{background:#191a1f;border-color:#191a1f;color:#e8e9ec}
html:not([data-mode=light]) .select-photo input{accent-color:#ff6b2c}
html:not([data-mode=light]) .toon-image .original-inset{border:2px solid #e8e9ec}
html:not([data-mode=light]) .toon-caption .expires{color:#ff9a52}
html:not([data-mode=light]) #selection-bar{background:#e8e9ec}
html:not([data-mode=light]) #selection-bar #download-selected{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#fff}
html:not([data-mode=light]) #studio-message:not(:empty){border-left:3px solid #ff6b2c}
html:not([data-mode=light]) .upload-item[data-state=error]{border-color:#ff6b2c}
html:not([data-mode=light]) #studio #upload-clear:hover{border-color:#ff6b2c;color:#ff6b2c}
html:not([data-mode=light]) #studio #upload-clear:focus-visible{outline:2px solid #ff6b2c}
html:not([data-mode=light]) #generation-panel.dragging{outline:3px dashed #ff6b2c;box-shadow:0 0 22px #ff6b2c40}
html:not([data-mode=light]) #studio .generation-remove{background:#131418e8}
html:not([data-mode=light]) #studio .generation-remove:hover{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#fff}
html:not([data-mode=light]) #studio .generation-remove:focus-visible{outline:2px solid #ff6b2c}
html:not([data-mode=light]) #studio .gallery-sizing input{accent-color:#ff6b2c}
html:not([data-mode=light]) #studio .gallery-sizing input:focus-visible{outline:2px solid #ff6b2c}
html:not([data-mode=light]) #studio #generation-instructions:focus-visible{outline:2px solid #ff6b2c}
html:not([data-mode=light]) .style-sample-popup{background:var(--bg,#0c0d10);color:var(--ink,#e8e9ec);border:1px solid #ff6b2c}
html:not([data-mode=light]) .style-sample-popup small{color:var(--muted,#c3c5cc)}
html:not([data-mode=light]) .style-sample-popup button{background:#131418e8}
html:not([data-mode=light]) #studio .image-remove:focus-visible{outline:3px solid #ff6b2c}
html:not([data-mode=light]) #studio .toon-card .select-photo{background:#e8e9ec;border:1px solid #e8e9ec}
html:not([data-mode=light]) #studio .toon-card .select-photo input{accent-color:#ff6b2c}
html:not([data-mode=light]) #studio .toon-card .select-photo:focus-within{outline:3px solid #ff6b2c}
html:not([data-mode=light]) #studio .toon-card.selected .select-photo{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);border-color:#ff6b2c}
html:not([data-mode=light]) .original-source-label{background:#e8e9ec}
html:not([data-mode=light]) #studio-preview .preview-tools button[aria-pressed=true]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);border-color:#ff6b2c;color:#fff}
html:not([data-mode=light]) #studio #create-clear:focus-visible{outline:2px solid #ff6b2c}
html:not([data-mode=light]) #studio .mood-options{scrollbar-color:#ff6b2c var(--studio-panel)}
html:not([data-mode=light]) #studio .mood-options:focus-visible{outline:2px solid #ff6b2c}
/* create-experience.css */
html:not([data-mode=light]) #studio{--experience-orange:#ff6b2c;--experience-cream:#e8e9ec}
html:not([data-mode=light]) #studio .experience-toggle button[aria-pressed=true]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .experience-summary .primary{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio #studio-style .choice input:checked+span{background:#ff6b2c0a}
html:not([data-mode=light]) .experience-steps [aria-current] .step-number{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 0 0 6px #ff6b2c23}
html:not([data-mode=light]) .experience-cast-card.is-star{box-shadow:0 0 0 4px #ff6b2c23}
html:not([data-mode=light]) .experience-cast-card label:has(input:checked){background:#ff6b2c1a}
html:not([data-mode=light]) #studio .experience-bottom .primary{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .experience-photo-remove{background:#131418ee}
html:not([data-mode=light]) #studio .experience-photo-remove:hover{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) .experience-recipe{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 10px 24px #ff6b2c33}
html:not([data-mode=light]) .experience-mood-slot span{background:#0c0d10d9}
html:not([data-mode=light]) #studio .experience-mood-remove{background:#131418ee}
html:not([data-mode=light]) #studio .experience-mood-remove:hover{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .experience-shape[aria-pressed=true] i{background:#ff6b2c33}
html:not([data-mode=light]) #studio .library-photo[aria-pressed=true]{box-shadow:0 0 0 3px #ff6b2c55}
html:not([data-mode=light]) #studio .library-photo[aria-pressed=true]::after{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .library-tag.is-new{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .experience-idea.is-used{box-shadow:0 0 0 2px #ff6b2c44}
html:not([data-mode=light]) #studio .experience-touch.is-suggested{border-color:#ff6b2c99}
html:not([data-mode=light]) #studio .experience-touch[aria-pressed=true]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .experience-bar-tool.is-suggested{border-color:#ff6b2c99}
html:not([data-mode=light]) #studio .experience-bar-tool[aria-expanded=true]{background:#ff6b2c26}
html:not([data-mode=light]) #studio .toon-editor-tool[aria-pressed=true],html:not([data-mode=light]) #studio .toon-editor-chip[aria-pressed=true],html:not([data-mode=light]) #studio .toon-editor-chip[aria-expanded=true]{background:#ff6b2c26}
html:not([data-mode=light]) #studio .toon-editor-save{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .toon-editor-stage{background:#0c0d10}
html:not([data-mode=light]) #studio .toon-editor-split{background:#e8e9ec;color:#0c0d10}
html:not([data-mode=light]) #studio .toon-editor-frame.is-compare::after{background:#e8e9ec}
html:not([data-mode=light]) #studio .toon-editor-tag{background:#0c0d10cc;color:#e8e9ec}
html:not([data-mode=light]) #studio #prepare-generation.is-price-changed{color:#0c0d10}
html:not([data-mode=light]) #studio #prepare-generation.is-short{color:#ff6b2c;box-shadow:inset 0 0 0 2px #ff6b2c}
html:not([data-mode=light]) #studio .experience-run-picture{background:#0c0d10}
html:not([data-mode=light]) #studio .experience-run-overlay{color:#e8e9ec}
html:not([data-mode=light]) #studio .experience-run-tag{color:#ff8a5c}
html:not([data-mode=light]) #studio .is-failed .experience-run-tag,html:not([data-mode=light]) #studio .is-uncertain .experience-run-tag{color:#ff9a8a}
html:not([data-mode=light]) #studio .experience-run-track i{background:#202228}
html:not([data-mode=light]) #studio .experience-run-track i.is-done{background:#3fdc98}
html:not([data-mode=light]) #studio .experience-run-track i.is-now{background:linear-gradient(90deg,#ff6b2c 0 45%,#202228 45%);background-size:200% 100%}
html:not([data-mode=light]) #studio .experience-run-stages{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) #studio .experience-run-stages b{color:#ff8a5c}
html:not([data-mode=light]) #studio .experience-run-actions .experience-run-download{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);border-color:#ff6b2c;color:#0c0d10;color:#fff}
html:not([data-mode=light]) #studio .experience-run-note{color:#ff9a8a}
html:not([data-mode=light]) #studio .queue-rail-section{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) #studio .queue-now{border:1px solid #ff6b2c}
html:not([data-mode=light]) #studio .queue-now small{color:#ff9a52}
html:not([data-mode=light]) #studio .queue-now-bar{background:linear-gradient(90deg,#202228 0 30%,#ff6b2c 45%,#ffb347 55%,#202228 70%);background-size:300% 100%}
@media(prefers-reduced-motion:reduce){html:not([data-mode=light]) #studio .queue-now-bar{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
}
html:not([data-mode=light]) #studio .queue-pos{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) #studio .queue-finished-picture{box-shadow:0 0 0 2px #3fdc98}
html:not([data-mode=light]) #studio .queue-finished-actions a,html:not([data-mode=light]) #studio .queue-finished-actions button{background:#0c0d10dd;color:#e8e9ec}
html:not([data-mode=light]) #studio .queue-finished-actions .queue-finished-download{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
html:not([data-mode=light]) #studio .queue-finished-thumb span{color:#e8e9ec}
html:not([data-mode=light]) #studio .queue-stats div{background:#131418}
html:not([data-mode=light]) #studio .queue-stats small{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) .queue-row-cancel{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) #studio .queue-more{border:1px dashed #33363f;color:#ff8a5c}
html:not([data-mode=light]) .queue-filter.is-on{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);border-color:#ff6b2c;color:#0c0d10;color:#fff}
html:not([data-mode=light]) .queue-table th{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) .queue-table tr.is-selected td{background:#ff6b2c18}
html:not([data-mode=light]) .queue-table-pos{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) .queue-table-starts{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) .queue-bulk.is-active{border-color:#ff6b2c;background:#ff6b2c12}
html:not([data-mode=light]) .queue-table tr.is-making td{background:#ff6b2c12}
html:not([data-mode=light]) .queue-table tr.is-making .queue-table-pos{color:#ff6b2c}
html:not([data-mode=light]) #studio .experience-free{background:#3fdc98}
html:not([data-mode=light]) #studio .experience-ideas-ask{background:linear-gradient(90deg,#ff6b2c,#ff3d7f);color:#0c0d10;box-shadow:0 6px 18px #ff6b2c33}
html:not([data-mode=light]) #studio .experience-ideas-offer{border:1px solid #ff6b2caa;background:linear-gradient(160deg,#2a1d2e,#191a1f)}
html:not([data-mode=light]) #studio .experience-ideas-chip{background:#131418}
html:not([data-mode=light]) #studio .experience-ideas-chip:hover:not(:disabled),html:not([data-mode=light]) #studio .experience-ideas-chip:focus-visible{border-color:#ff6b2c}
html:not([data-mode=light]) #studio .experience-ideas-offer-own{border:1px solid #ff6b2c;background:#131418}
html:not([data-mode=light]) #studio .experience-ideas-offer-ask{background:linear-gradient(90deg,#ff6b2c,#ff3d7f);color:#0c0d10;box-shadow:0 6px 18px #ff6b2c44}
html:not([data-mode=light]) #ideas-picker{background:var(--studio-panel,#131418);border:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) .ideas-picker-close{border:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) .ideas-picker-context{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) .ideas-picker-pill{border:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) .ideas-picker-card{border:1px solid var(--studio-border,#33363f);background:var(--bg,#131418)}
html:not([data-mode=light]) .ideas-picker-card.is-used{border-color:#3fdc98}
html:not([data-mode=light]) .ideas-picker-body{border-top:5px solid #ff6b2c}
html:not([data-mode=light]) .ideas-picker-card:nth-child(2) .ideas-picker-body{border-top-color:#ff9a52}
html:not([data-mode=light]) .ideas-picker-badge{background:#202228;color:#c3c5cc}
html:not([data-mode=light]) .ideas-picker-more{color:#ff8a5c}
html:not([data-mode=light]) .ideas-picker-use{background:linear-gradient(90deg,#ff6b2c,#ff3d7f);color:#0c0d10}
html:not([data-mode=light]) .ideas-picker-edit{border:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) .ideas-picker-grow{border:1px dashed #ff9a5299;background:#ff3d7f14;color:#ffb08f}
html:not([data-mode=light]) .ideas-picker-card.is-growing{border-color:#ff9a52;box-shadow:0 0 0 2px #ff9a5255}
html:not([data-mode=light]) #studio .experience-cast-note textarea{background:var(--field,#131418)}
html:not([data-mode=light]) #studio .experience-story-note{color:#ffb08f}
html:not([data-mode=light]) #studio .experience-ideas-own{border:1px dashed #ff9a5299;background:#ff3d7f14;color:#ffb08f}
html:not([data-mode=light]) #studio .experience-photo-note textarea{background:var(--field,#131418)}
html:not([data-mode=light]) #studio .experience-ideas-camera select{background:var(--field,#131418)}
html:not([data-mode=light]) #studio .likeness-option input{accent-color:#ff6b2c}
html:not([data-mode=light]) #studio .likeness-option:has(input:checked){border-color:#ff6b2c;background:#ff6b2c14}
html:not([data-mode=light]) .ideas-picker-camera{border:1px solid #a78bfa55;background:#a78bfa12}
html:not([data-mode=light]) .ideas-picker-camera-use{border:1px solid #a78bfa}
html:not([data-mode=light]) .studio-notice{border:1px solid #ff6b2c;background:var(--panel,#191a1f)}
html:not([data-mode=light]) .studio-notice button{background:linear-gradient(90deg,#ff6b2c,#ff3d7f);color:#0c0d10}
html:not([data-mode=light]) #studio .toon-card-remix{border:1px solid #a78bfa}
html:not([data-mode=light]) .ideas-picker-status{color:#ffb08f}
html:not([data-mode=light]) .ideas-picker-foot{border-top:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) .ideas-picker-label{color:var(--muted,#a4a7b0)}
html:not([data-mode=light]) #ideas-picker .experience-ideas-chip{border:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) #ideas-picker .experience-ideas-chip:hover{border-color:#ff6b2c}
html:not([data-mode=light]) .ideas-picker-own{border:1px solid #ff6b2c}
html:not([data-mode=light]) .ideas-picker-again{border:1px solid #ff6b2c}
html:not([data-mode=light]) #studio .experience-ideas-view{border:1px solid #ff6b2c}
html:not([data-mode=light]) #studio .experience-compare{border:2px solid #ff6b2c}
html:not([data-mode=light]) #studio .experience-compare-handle{color:#0c0d10}
html:not([data-mode=light]) #studio .experience-compare-label{background:#0c0d10cc;color:#e8e9ec}
html:not([data-mode=light]) #studio .experience-finish-picture{border:2px solid #ff6b2c}
html:not([data-mode=light]) #studio .experience-finish-ready{color:#3fdc98}
html:not([data-mode=light]) #studio .experience-finish-thumb.is-on{border-color:#ff6b2c}
html:not([data-mode=light]) #studio .experience-look.is-added{border-color:#ff6b2c}
html:not([data-mode=light]) #studio .experience-look-go{background:linear-gradient(90deg,#ff6b2c,#ff3d7f);color:#0c0d10}
html:not([data-mode=light]) #studio .experience-look.is-added .experience-look-go{color:#ff8a5c}
html:not([data-mode=light]) #studio .experience-run-strip-photo.is-star img{border-color:#ff6b2c}
html:not([data-mode=light]) #studio .storage-meter[data-level=high] .storage-meter-bar i{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .storage-banner{border:1px solid #ff6b2c66;background:#ff6b2c14}
html:not([data-mode=light]) #studio .storage-banner-icon{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) .make-room{border:1px solid var(--studio-border,#33363f);background:var(--studio-panel,#131418)}
html:not([data-mode=light]) .make-room-target input{accent-color:#ff6b2c}
html:not([data-mode=light]) .make-room-undo{border:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) .make-room-foot{border-top:1px solid var(--studio-border,#33363f)}
html:not([data-mode=light]) .make-room-actions button{border:1px solid var(--studio-border,#33363f)}
/* create-window.css */
html:not([data-mode=light]) #studio .launch-head h1 em{color:#ff6b2c}
html:not([data-mode=light]) #studio .launch-balance strong{color:#ff6b2c}
html:not([data-mode=light]) #studio .launch-card{background:linear-gradient(135deg,#ff6b2c1f,transparent 70%),var(--studio-panel)}
html:not([data-mode=light]) #studio .launch-card.is-scene{background:linear-gradient(135deg,#a78bfa24,transparent 70%),var(--studio-panel)}
html:not([data-mode=light]) #studio .launch-card:hover,html:not([data-mode=light]) #studio .launch-card:focus-visible{border-color:#ff6b2c}
html:not([data-mode=light]) #studio .launch-card.is-scene:hover,html:not([data-mode=light]) #studio .launch-card.is-scene:focus-visible{border-color:#a78bfa}
html:not([data-mode=light]) #studio .launch-icon{background:#ff6b2c22;border:1px solid #ff6b2c55}
html:not([data-mode=light]) #studio .is-scene .launch-icon{background:#a78bfa22;border-color:#a78bfa66}
html:not([data-mode=light]) #studio .launch-go{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .is-scene .launch-go{background:#a78bfa}
html:not([data-mode=light]) #studio .page-queue-item.is-done{border-color:#3fdc9866}
html:not([data-mode=light]) #studio .launch-resume{color:#c4b5fd}
html:not([data-mode=light]) #studio .create-window::backdrop{background:#0c0d10cc}
html:not([data-mode=light]) #studio .cw-original.is-added{box-shadow:0 0 0 3px #ff6b2c}
html:not([data-mode=light]) #studio .create-window[data-mode=scene] .cw-original.is-added{box-shadow:0 0 0 3px #a78bfa}
html:not([data-mode=light]) #studio .cw-original.is-added::after{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) #studio .create-window[data-mode=scene] .cw-original.is-added::after{background:#a78bfa}
/* account-studio.css */
html:not([data-mode=light]) main.account-home{--d-line:#262830;--d-accent:#ff6b2c}
html:not([data-mode=light]) .dashboard-meter-bar i{background:linear-gradient(90deg,#ff6b2c,#ff3d7f)}
html:not([data-mode=light]) .dashboard-actions .dashboard-primary{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 10px 26px #ff6b2c40}
html:not([data-mode=light]) .dashboard-image-label{background:#0c0d10e8;color:#e8e9ec}
html:not([data-mode=light]) .dashboard-original{background:#e8e9ec}
html:not([data-mode=light]) .dashboard-handwritten{color:#e8e9ec}
html:not([data-mode=light]) .dashboard-tile.is-hot{background:linear-gradient(160deg,#ff6b2c26,var(--d-card) 60%)}
html:not([data-mode=light]) .dashboard-tile-icon{background:#ff6b2c22}
html:not([data-mode=light]) .dashboard-mini{color:#e8e9ec}
html:not([data-mode=light]) .dashboard-mini .dashboard-inset{border:3px solid #e8e9ec}
html:not([data-mode=light]) .dashboard-mini>span{background:#0c0d10d9}
html:not([data-mode=light]) .dashboard-note{color:#ff6fb1}
html:not([data-mode=light]) .dashboard-waiting-row>a{background:linear-gradient(90deg,#ff7a3d,#ff3d7f)}
html:not([data-mode=light]) .dashboard-preview::backdrop{background:#0c0d10cc}
html:not([data-mode=light]) .dashboard-preview-original{border:2px solid #e8e9ec}
html:not([data-mode=light]) .dashboard-preview-body figcaption{color:#e8e9ec}
html:not([data-mode=light]) .dashboard-preview-actions .dashboard-preview-download{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);border-color:#ff6b2c;color:#131418}
/* how-tour.css */
html:not([data-mode=light]) .how-tour,html:not([data-mode=light]) .looks-tour,html:not([data-mode=light]) .app-tour{--ht-text:#e8e9ec;--ht-muted:#a4a7b0;--ht-accent:#ff6b2c;--ht-link:#ff9a52;--ht-card:#131418;--ht-inset:#0c0d10;--ht-tab:#131418;--ht-line:#262830;--ht-on:#ff6b2c22}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-steps li::before{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-compare{background:#0c0d10}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-compare::after{background:#e8e9ec}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-handle{background:#e8e9ec;color:#0c0d10}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-label.is-after{box-shadow:inset 0 0 0 1px #ff6b2c}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-compare:has(.how-split:focus-visible){outline:3px solid #ff6b2c}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-tabs button:focus-visible,html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-next:focus-visible{outline:3px solid #ff6b2c}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-pic{background:#0c0d10}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-num{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-slider i::after{background:#e8e9ec}
html:not([data-mode=light]) :is(#info-modal,#how-page,#moods-page) .how-end .button{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
html:not([data-mode=light]) :is(#info-modal,#moods-page) .looks-switch [aria-pressed=true]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
html:not([data-mode=light]) :is(#info-modal,#moods-page) .looks-view{background:#0c0d10}
html:not([data-mode=light]) :is(#info-modal,#moods-page) :is(.looks-switch button,.looks-prev,.looks-next,.looks-see,.looks-strip button):focus-visible{outline:3px solid #ff6b2c}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-phone{border:3px solid #3a3d47;background:#0c0d10}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-screen{background:#0c0d10}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-bar b{color:#e8e9ec}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-bar b span{color:#ff6b2c}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-bar em{border:1px solid #3fdc9866;background:#3fdc9822}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-make{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-store{border:1px solid #4a4e59}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-store small{color:#c3c5cc}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-soon{border:1px solid #3a3d47;color:#c3c5cc}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-choice input:focus-visible+span{outline:3px solid #ff6b2c}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-choice-logo.is-android{fill:#3fdc98}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-consent input{accent-color:#ff6b2c}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-submit .button{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-status.is-error{color:#ff9a8a}
html:not([data-mode=light]) :is(#info-modal,#app-page) .app-web-icon{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);color:#0c0d10;color:#fff}
/* info-modal.css */
html:not([data-mode=light]) #info-modal{border:1px solid #3a3d47;background:#0c0d10;color:#e8e9ec}
html:not([data-mode=light]) #info-modal::backdrop{background:#0c0d10ae}
html:not([data-mode=light]) #info-modal .info-close{background:#191a1f}
html:not([data-mode=light]) #info-modal p{color:#c3c5cc}
html:not([data-mode=light]) #info-modal a,html:not([data-mode=light]) #info-modal em,html:not([data-mode=light]) #info-modal .eyebrow{color:#ff9a52}
html:not([data-mode=light]) #info-modal .instruction-list article{border-top:1px solid #3a3d47}
html:not([data-mode=light]) #info-modal .instruction-list article>span{color:#ff6b2c}
html:not([data-mode=light]) #info-modal .mood-button{border:1px solid #3a3d47}
html:not([data-mode=light]) #info-modal .mood-button[aria-pressed=true]{border-color:#ff6b2c;background:#ff6b2c26}
html:not([data-mode=light]) #info-modal .page-end{border-top:1px solid #3a3d47}
html:not([data-mode=light]) #info-modal :is(a,button):focus-visible{outline:3px solid #ff6b2c}
html:not([data-mode=light]) #info-modal .legal-page li{color:#c3c5cc}
html:not([data-mode=light]) #info-modal .legal-page .intro{background:#191a1f;border:1px solid #3a3d47}
/* signin-modal.css */
html:not([data-mode=light]) #signin-modal{--s-paper:#0c0d10;--s-soft:#131418;--s-field:#191a1f;--s-ink:#e8e9ec;--s-line:#33363f;--s-accent:#ff6b2c;--s-link:#ff8a5c}
html:not([data-mode=light]) #signin-modal .auth-tabs a[aria-current]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 6px 16px #ff6b2c44}
html:not([data-mode=light]) #signin-modal input:focus{box-shadow:0 0 0 4px #ff6b2c33}
html:not([data-mode=light]) #signin-modal .primary{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 10px 26px #ff6b2c44}
html:not([data-mode=light]) #signin-modal :is(a,button,input):focus-visible{outline:3px solid #ff9a52}
html:not([data-mode=light]) #signin-modal .waitlist-modal-form button[type=submit]{background:linear-gradient(90deg,#ff7a3d,#ff3d7f);box-shadow:0 10px 26px #ff6b2c44}
/* hand-written: the Studio Pro signature touches */
html:not([data-mode=light]){--sp-grad:linear-gradient(90deg,#ff7a3d,#ff3d7f);--sp-grad3:linear-gradient(135deg,#ff7a3d,#ff3d7f 60%,#a78bfa)}
html:not([data-mode=light]) body{background:#0c0d10;color:#e8e9ec}
html:not([data-mode=light]) main :is(h1,h2) em,html:not([data-mode=light]) main .eyebrow{background:var(--sp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-mode=light]) main .eyebrow{display:inline-block}
html:not([data-mode=light]) .dashboard-tile.is-hot{border-color:transparent;background:linear-gradient(160deg,#ff6b2c1a,transparent 60%) padding-box,linear-gradient(#131418,#131418) padding-box,var(--sp-grad) border-box}
html:not([data-mode=light]) :is(.dashboard-tile-icon,.history-icon){background:linear-gradient(135deg,#ff7a3d26,#ff3d7f26)}
html:not([data-mode=light]) .dashboard-actions .dashboard-primary{box-shadow:0 10px 26px #ff3d7f38}