/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--radius-xl:24px;--radius-md:12px;--shadow-sm:0 4px 20px #0000000a;--accent-primary:#10b981;--muted:#6b7280;--bg-main:#fff;--glass:#ffffffbf;--border-light:#0000000f}@media(prefers-color-scheme:dark){:root{--bg-main:#0a0a0a;--border-light:#ffffff14;--glass:#0f0f0fb3}}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-main);color:#111827;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif}.layout-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:40px 5%}@media(max-width:768px){.layout-wrapper{padding:24px 16px}}.dashboard-hero{max-width:1120px;box-shadow:var(--shadow-sm);border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 auto 28px;padding:24px;display:grid}.dashboard-hero__mark{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 18px 36px #7c3aed38}.dashboard-hero__content{min-width:0}.dashboard-eyebrow{color:#7c3aed;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.dashboard-title{letter-spacing:-.04em;margin:0;font-size:clamp(30px,5vw,48px);font-weight:900;line-height:1}.dashboard-hero__content p:last-child{margin:10px 0 0;font-size:15px;line-height:1.6}.dashboard-hero__meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-hero__meta span{color:#6d28d9;background:#7c3aed14;border:1px solid #7c3aed29;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}@media(prefers-color-scheme:dark){.dashboard-eyebrow{color:#ddd6fe}.dashboard-hero__meta span{color:#ddd6fe;background:#a78bfa24;border-color:#a78bfa33}}@media(max-width:768px){.dashboard-hero{grid-template-columns:1fr;padding:20px}.dashboard-hero__meta{justify-content:flex-start}}.section-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);width:100%;padding:24px}.preview-canvas,.preview-img{-o-object-fit:cover;object-fit:cover;border:none;border-radius:8px;height:auto;margin:0;display:block;width:100%!important}.main-grid-container{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}.studio-workspace-grid{grid-template-columns:minmax(320px,1fr) minmax(320px,.9fr);justify-content:center;align-items:start;gap:24px;padding:32px 16px}.studio-panel{scroll-snap-align:start}.studio-config-panel{order:1}.studio-preview-panel{order:2}@media(min-width:1200px){.studio-workspace-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:48px}}@media(max-width:768px){.studio-workspace-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:minmax(300px,88vw) minmax(300px,88vw);justify-content:start;scroll-padding-left:16px;overflow:auto visible}.studio-config-panel{order:2}.studio-preview-panel{order:1}}input,select,textarea{border:1px solid var(--border-light);width:100%;color:inherit;background:#00000005;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s}@media(prefers-color-scheme:dark){input,select,textarea{background:#ffffff08}}input:focus{border-color:var(--accent-primary);background:0 0;outline:none}.button-primary{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#000;border:none;border-radius:10px;padding:14px 24px;font-size:11px;font-weight:900;transition:all .2s}@media(prefers-color-scheme:dark){.button-primary{color:#000;background:#fff}body{color:#f3f4f6}}.button-primary:hover{opacity:.9;transform:translateY(-1px)}.button-primary:active{transform:translateY(0)}.mono-box{border:1px solid var(--border-light);word-break:break-all;background:#0000000a;border-radius:8px;padding:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}@media(prefers-color-scheme:dark){.mono-box{background:#ffffff05}}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}}.responsive-stack{flex-direction:row;gap:12px;display:flex}@media(max-width:600px){.responsive-stack{flex-direction:column}}.main-content-layout{flex-direction:row;gap:24px;width:100%;display:flex}@media(max-width:768px){.main-content-layout{flex-direction:column}}.interactive-tab-shell{z-index:4;-webkit-backdrop-filter:blur(10px);position:sticky;top:12px}.config-tab-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.config-tab-button{cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:100%;min-height:58px;padding:10px 12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.config-tab-button:hover{transform:translateY(-2px)}.config-tab-button span{font-size:14px;font-weight:800}.config-tab-button small{opacity:.76;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.config-summary-strip{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.config-summary-strip span{color:#6d28d9;background:#7c3aed1a;border:1px solid #7c3aed29;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.tab-panel{animation:.18s both panelFadeIn}.generate-action-bar{z-index:5;background:linear-gradient(#fff0,#ffffffeb);padding-top:8px;position:sticky;bottom:16px}@media(prefers-color-scheme:dark){.generate-action-bar{background:linear-gradient(#1e293b00,#1e293bf0)}.config-summary-strip span{color:#ddd6fe;background:#a78bfa24;border-color:#a78bfa33}}@media(min-width:900px){.preview-panel-card{max-height:calc(100vh - 48px);overflow:auto}}@media(max-width:640px){.interactive-tab-shell,.generate-action-bar{position:static}.config-tab-list{grid-template-columns:1fr}}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-aos]{pointer-events:none;transition-property:opacity,transform;transition-duration:.6s;transition-timing-function:ease-in-out}[data-aos].aos-animate{pointer-events:auto}[data-aos=fade-down]{opacity:0;transform:translateY(-24px)}[data-aos=fade-up]{opacity:0;transform:translateY(24px)}[data-aos=fade-right]{opacity:0;transform:translate(-24px)}[data-aos=zoom-in]{opacity:0;transform:scale(.94)}[data-aos=flip-right]{opacity:0;backface-visibility:hidden;transform:perspective(1200px)rotateY(-10deg)}[data-aos=flip-left]{opacity:0;backface-visibility:hidden;transform:perspective(1200px)rotateY(10deg)}[data-aos].aos-animate{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-aos]{opacity:1;transition-duration:10ms;transform:none}}#root{min-height:100dvh}.studio-page{background-attachment:fixed;min-height:100dvh;padding:12px}.studio-page__layout{width:min(100%,1440px);max-width:1440px;margin:0 auto;padding:0}.studio-dashboard-hero{grid-template-columns:auto minmax(220px,1fr) auto auto;gap:clamp(12px,1.4vw,20px);width:100%;max-width:none;margin:0;padding:clamp(14px,1.5vw,20px);overflow:hidden}.studio-dashboard-hero .dashboard-hero__mark{border-radius:18px;width:clamp(48px,4.4vw,60px);height:clamp(48px,4.4vw,60px)}.studio-dashboard-hero .dashboard-title{max-width:760px;font-size:clamp(22px,2.3vw,34px);line-height:1.05}.studio-workflow{white-space:nowrap;background:linear-gradient(135deg,#7c3aed14,#ec489914);border:1px solid #7c3aed24;border-radius:999px;align-items:center;gap:8px;padding:8px;display:flex}.studio-workflow__step{color:#6d28d9;align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.studio-workflow__icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.studio-workflow__line{background:#7c3aed4d;border-radius:999px;width:18px;height:2px}.studio-workspace-grid{align-items:stretch;gap:clamp(12px,1.5vw,20px);width:100%;padding:0}.studio-config-panel,.studio-preview-panel{min-height:0;box-shadow:0 24px 80px -48px #0f172a8c,0 8px 26px -22px #7c3aed73!important}.studio-config-panel{overflow:auto}.studio-config-panel>div:first-child,.studio-preview-panel>div:first-child{margin-bottom:4px!important}.search-theme-container{gap:14px!important;margin-bottom:0!important}.interactive-tab-shell{top:0;margin-bottom:6px!important}.config-tab-button{min-height:52px}.control-group,.tab-panel{margin-bottom:12px!important}.generate-action-bar{margin-top:auto;bottom:0}.studio-preview-panel{flex-direction:column;display:flex;overflow:hidden}.studio-preview-panel>div:last-child{flex:1;min-height:0!important}.studio-preview-panel .preview-canvas,.studio-preview-panel .preview-img{-o-object-fit:contain;object-fit:contain;max-width:min(100%,420px);max-height:min(46vh,420px);margin:0 auto}@media(prefers-color-scheme:dark){.studio-workflow{background:linear-gradient(135deg,#a78bfa24,#f472b61f);border-color:#a78bfa33}.studio-workflow__step{color:#ddd6fe}.studio-workflow__line{background:#ddd6fe52}}@media(min-width:900px){html,body,#root{height:100%;overflow:hidden}.studio-page{height:100dvh;overflow:hidden}.studio-page__layout{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;display:grid}.studio-workspace-grid{grid-template-columns:minmax(540px,1.18fr) minmax(360px,.82fr);min-height:0}.studio-config-panel,.studio-preview-panel{height:100%}.preview-panel-card{max-height:none}}@media(max-width:1180px){.studio-dashboard-hero{grid-template-columns:auto minmax(0,1fr) auto}.studio-workflow{display:none}}@media(max-width:899px){html,body,#root{min-height:100%;overflow:hidden auto}.studio-page{min-height:100dvh;padding:12px;overflow:visible}.studio-page__layout{flex-direction:column;gap:14px;display:flex}.studio-dashboard-hero{grid-template-columns:1fr}.studio-workspace-grid{scroll-snap-type:none;grid-template-columns:1fr;overflow:visible}.studio-config-panel,.studio-preview-panel{order:initial;overflow:visible}.studio-preview-panel .preview-canvas,.studio-preview-panel .preview-img{max-height:none}}:root{--studio-purple:#8b5cf6;--studio-purple-deep:#6d28d9;--studio-cyan:#06b6d4;--studio-pink:#ec4899;--studio-ink:#172033;--studio-scroll-track:#8b5cf617;--studio-scroll-thumb:linear-gradient(180deg,var(--studio-purple),var(--studio-cyan));--accent-primary:var(--studio-purple)}@media(prefers-color-scheme:dark){:root{--studio-scroll-track:#ffffff12}}*{scrollbar-width:thin;scrollbar-color:var(--studio-purple)transparent}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--studio-scroll-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--studio-scroll-thumb)border-box;border:2px solid #0000;border-radius:999px;min-height:52px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--studio-purple-deep),var(--studio-pink))border-box}}.studio-page{background-image:radial-gradient(circle at 8% 12%,#8b5cf62e,#0000 28%),radial-gradient(circle at 88% 8%,#06b6d429,#0000 28%),radial-gradient(circle at 70% 92%,#ec48991f,#0000 32%)}.studio-dashboard-hero{isolation:isolate;position:relative;box-shadow:0 24px 70px -48px #4c1d95b3,0 10px 34px -28px #06b6d4b3;background-image:linear-gradient(135deg,#ffffffdb,#f5f3ffb8)!important}.studio-dashboard-hero:after{z-index:-1;border-radius:inherit;content:"";background:linear-gradient(90deg,#8b5cf61f,#06b6d414,#ec48991a);position:absolute;inset:0}.studio-dashboard-hero .dashboard-hero__mark,.studio-workflow__icon{background:linear-gradient(135deg,var(--studio-purple),var(--studio-cyan));box-shadow:0 18px 34px #06b6d433,0 10px 30px #8b5cf63d}.dashboard-eyebrow{color:var(--studio-purple-deep)}.dashboard-title{color:var(--studio-ink)}.dashboard-subtitle{color:#536179;max-width:560px;margin:8px 0 0;font-size:clamp(13px,1.25vw,16px);font-weight:650;line-height:1.45}.studio-dashboard-hero .dashboard-hero__meta span,.config-summary-strip span{color:var(--studio-purple-deep);background:#8b5cf61a;border-color:#8b5cf62e}.studio-workflow{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-color:#06b6d433}.studio-workflow__step{color:var(--studio-purple-deep)}.studio-workflow__line{background:linear-gradient(90deg,#8b5cf65c,#06b6d475)}.studio-config-panel,.studio-preview-panel{scrollbar-gutter:stable}.studio-config-panel::-webkit-scrollbar{width:8px}.studio-preview-panel::-webkit-scrollbar{width:8px}@media(prefers-color-scheme:dark){.studio-dashboard-hero{box-shadow:0 24px 70px -44px #06b6d457,0 10px 34px -26px #8b5cf685;background-image:linear-gradient(135deg,#1e293bf0,#0f172ae6)!important}.dashboard-title{color:#f8fafc}.dashboard-subtitle{color:#b8c2d8}.dashboard-eyebrow,.studio-workflow__step,.studio-dashboard-hero .dashboard-hero__meta span,.config-summary-strip span{color:#cffafe}.studio-dashboard-hero .dashboard-hero__meta span,.config-summary-strip span{background:#06b6d41f;border-color:#22d3ee38}}@media(max-width:899px){.studio-dashboard-hero{gap:14px}.studio-dashboard-hero .dashboard-hero__meta{justify-content:flex-start}.dashboard-subtitle{max-width:100%}}@media(max-width:520px){.studio-page{padding:8px}.studio-dashboard-hero{border-radius:22px;padding:16px}.studio-dashboard-hero .dashboard-hero__mark{border-radius:15px;width:46px;height:46px}.dashboard-title{font-size:clamp(25px,9vw,34px)}.dashboard-hero__meta span{padding:7px 10px;font-size:11px}}:root{--studio-preview-size:clamp(248px,29vw,388px)}.studio-preview-panel{position:relative}.studio-preview-panel:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#06b6d41a,#0000 34%),radial-gradient(circle at 52% 68%,#8b5cf61c,#0000 38%);border-radius:20px;position:absolute;inset:12px}.studio-preview-panel>*{z-index:1;position:relative}.studio-preview-panel>div:last-child{scrollbar-gutter:stable both-edges;background:linear-gradient(#ffffff94,#f8fafc5c);border:1px solid #8b5cf61f;border-radius:20px;gap:16px;width:100%;padding:clamp(14px,2vw,22px);overflow:auto;justify-content:flex-start!important}.studio-preview-panel .preview-canvas,.studio-preview-panel .preview-img{max-width:100%;max-height:var(--studio-preview-size);aspect-ratio:1;-o-object-fit:cover;object-fit:cover;overflow:hidden;box-shadow:0 24px 60px -34px #0f172acc,0 14px 32px -26px #8b5cf6cc;width:var(--studio-preview-size)!important;height:var(--studio-preview-size)!important}.studio-preview-panel canvas.preview-canvas{contain:layout paint}.studio-preview-panel>div:last-child::-webkit-scrollbar{width:8px}.studio-preview-panel>div:last-child::-webkit-scrollbar-track{background:#8b5cf614;border-radius:999px}.studio-preview-panel>div:last-child::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--studio-cyan),var(--studio-purple))border-box;border:2px solid #0000;border-radius:999px}@media(prefers-color-scheme:dark){.studio-preview-panel>div:last-child{background:linear-gradient(#0f172a94,#1e293b57);border-color:#22d3ee24}}@media(min-width:900px)and (max-height:780px){:root{--studio-preview-size:clamp(220px,25vw,330px)}.studio-preview-panel>div:last-child{gap:12px;padding:14px}}@media(max-width:899px){:root{--studio-preview-size:min( calc(100vw - 72px) ,380px)}.studio-preview-panel>div:last-child{overflow:visible;min-height:auto!important}}.theme-picker{position:relative}.theme-picker__loading{justify-content:center;padding:28px 0;display:flex}.theme-picker__rail-shell{grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;width:100%;margin:0 auto;display:grid;position:relative}.theme-picker__rail{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#8b5cf673 transparent;gap:10px;width:100%;min-width:0;padding:10px 4px 12px;scroll-padding-inline:12px;display:flex;overflow:auto hidden}.theme-picker__rail::-webkit-scrollbar{height:8px}.theme-picker__rail::-webkit-scrollbar-track{background:#8b5cf614;border-radius:999px}.theme-picker__rail::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--studio-purple),var(--studio-cyan));border-radius:999px}.theme-picker__arrow{width:38px;height:38px;color:var(--studio-purple-deep);cursor:pointer;background:linear-gradient(135deg,#fffffff5,#f5f3ffe0);border:1px solid #8b5cf62e;border-radius:14px;place-items:center;transition:transform .16s,opacity .16s,box-shadow .16s;display:inline-grid;box-shadow:0 14px 28px -20px #4c1d95a6}.theme-picker__arrow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px -22px #06b6d4bf}.theme-picker__arrow:disabled{opacity:.38;cursor:not-allowed}.theme-picker__card{color:#27364f;cursor:pointer;text-align:left;background:#ffffffd1;border:1px solid #8b5cf629;border-radius:16px;flex:0 0 156px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -26px #0f172aa6}.theme-picker__card:hover,.theme-picker__card--active{border-color:#06b6d46b;transform:translateY(-2px);box-shadow:0 20px 42px -30px #06b6d4d9,0 12px 28px -24px #8b5cf6cc}.theme-picker__card--active{background:linear-gradient(135deg,#8b5cf629,#06b6d421)}.theme-picker__card-glow{filter:blur(4px);background:#06b6d429;border-radius:999px;width:72px;height:72px;position:absolute;inset:auto -22px -28px auto}.theme-picker__card-icon{color:#fff;background:linear-gradient(135deg,var(--studio-purple),var(--studio-cyan));border-radius:11px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;position:relative}.theme-picker__card-copy{gap:2px;min-width:0;display:grid;position:relative}.theme-picker__card-copy strong,.theme-picker__card-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-picker__card-copy strong{font-size:13px;font-weight:900}.theme-picker__card-copy small{color:#64748b;text-transform:capitalize;font-size:11px;font-weight:800}.theme-suggestions{background:#ffffff8a;border:1px solid #8b5cf61f;border-radius:16px;margin-top:12px;padding:12px}.theme-suggestions__title{color:var(--studio-purple-deep);letter-spacing:.02em;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:900;display:inline-flex}.theme-suggestions__grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.theme-suggestion-chip{color:#334155;cursor:pointer;background:#ffffffb8;border:1px solid #8b5cf61f;border-radius:999px;justify-content:flex-start;align-items:center;gap:7px;min-width:0;padding:8px 10px;font-size:12px;font-weight:800;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.theme-suggestion-chip:hover,.theme-suggestion-chip--active{border-color:var(--theme-tone);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.theme-suggestion-chip:hover,.theme-suggestion-chip--active{border-color:color-mix(in srgb,var(--theme-tone)58%,white)}}.theme-suggestion-chip:hover,.theme-suggestion-chip--active{background:var(--theme-tone)}@supports (color:color-mix(in lab,red,red)){.theme-suggestion-chip:hover,.theme-suggestion-chip--active{background:color-mix(in srgb,var(--theme-tone)12%,white)}}.theme-suggestion-chip__dot{background:var(--theme-tone);width:9px;height:9px;box-shadow:0 0 0 4px var(--theme-tone);border-radius:999px;flex:0 0 9px}@supports (color:color-mix(in lab,red,red)){.theme-suggestion-chip__dot{box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-tone)14%,transparent)}}@media(prefers-color-scheme:dark){.theme-picker__arrow{color:#cffafe;background:linear-gradient(135deg,#1e293bf5,#0f172ae0);border-color:#22d3ee33}.theme-picker__card,.theme-suggestions,.theme-suggestion-chip{color:#e2e8f0;background:#0f172a8f;border-color:#22d3ee24}.theme-picker__card--active{background:linear-gradient(135deg,#8b5cf63d,#06b6d42e)}.theme-picker__card-copy small{color:#94a3b8}.theme-suggestions__title{color:#cffafe}.theme-suggestion-chip:hover,.theme-suggestion-chip--active{background:var(--theme-tone)}@supports (color:color-mix(in lab,red,red)){.theme-suggestion-chip:hover,.theme-suggestion-chip--active{background:color-mix(in srgb,var(--theme-tone)22%,#0f172ac7)}}}@media(max-width:640px){.theme-picker__rail-shell{grid-template-columns:34px minmax(0,1fr) 34px;gap:7px}.theme-picker__arrow{border-radius:12px;width:34px;height:34px}.theme-picker__card{flex-basis:142px}.theme-suggestions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-hero-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.app-theme-toggle{min-height:38px;color:var(--studio-purple-deep);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fffffff5,#f5f3ffe6);border:1px solid #8b5cf62e;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:900;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;box-shadow:0 16px 34px -26px #4c1d95bd}.app-theme-toggle:hover{border-color:#06b6d46b;transform:translateY(-1px);box-shadow:0 20px 38px -28px #06b6d4cc}.app-theme-toggle__icon{color:#fff;background:linear-gradient(135deg,var(--studio-purple),var(--studio-cyan));border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.studio-page[data-app-theme=dark] .studio-dashboard-hero{box-shadow:0 24px 70px -44px #06b6d457,0 10px 34px -26px #8b5cf685;background-image:linear-gradient(135deg,#1e293bf0,#0f172ae6)!important}.studio-page[data-app-theme=dark] .dashboard-title{color:#f8fafc}.studio-page[data-app-theme=dark] .dashboard-subtitle{color:#b8c2d8}.studio-page[data-app-theme=dark] .dashboard-eyebrow,.studio-page[data-app-theme=dark] .studio-workflow__step,.studio-page[data-app-theme=dark] .studio-dashboard-hero .dashboard-hero__meta span,.studio-page[data-app-theme=dark] .config-summary-strip span,.studio-page[data-app-theme=dark] .theme-suggestions__title{color:#cffafe}.studio-page[data-app-theme=dark] .studio-dashboard-hero .dashboard-hero__meta span,.studio-page[data-app-theme=dark] .config-summary-strip span{background:#06b6d41f;border-color:#22d3ee38}.studio-page[data-app-theme=dark] .app-theme-toggle,.studio-page[data-app-theme=dark] .theme-picker__arrow{color:#cffafe;background:linear-gradient(135deg,#1e293bf5,#0f172ae0);border-color:#22d3ee33}.studio-page[data-app-theme=dark] .theme-picker__card,.studio-page[data-app-theme=dark] .theme-suggestions,.studio-page[data-app-theme=dark] .theme-suggestion-chip{color:#e2e8f0;background:#0f172a8f;border-color:#22d3ee24}.studio-page[data-app-theme=dark] .theme-picker__card--active{background:linear-gradient(135deg,#8b5cf63d,#06b6d42e)}.studio-page[data-app-theme=dark] .theme-picker__card-copy small{color:#94a3b8}.studio-page[data-app-theme=dark] .studio-preview-panel>div:last-child{background:linear-gradient(#0f172a94,#1e293b57);border-color:#22d3ee24}.studio-page[data-app-theme=light] .dashboard-title{color:var(--studio-ink)}.studio-page[data-app-theme=light] .dashboard-subtitle{color:#536179}@media(max-width:1320px){.studio-dashboard-hero{grid-template-columns:auto minmax(0,1fr) auto}.studio-workflow{grid-column:2/-1;justify-self:start}.studio-hero-actions{flex-direction:column;grid-area:1/3/span 2;align-items:flex-end}}@media(max-width:1024px){.studio-workspace-grid{grid-template-columns:minmax(0,1fr)!important}.studio-config-panel,.studio-preview-panel{height:auto;min-height:0;overflow:visible}.theme-suggestions__grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}}@media(max-width:760px){.studio-hero-actions{flex-flow:wrap;grid-area:auto/1;justify-content:space-between;align-items:center;width:100%}.app-theme-toggle{padding:7px 10px}.theme-picker__rail{scroll-snap-type:x proximity}.theme-picker__card{scroll-snap-align:center}}@media(max-width:480px){.studio-hero-actions{flex-direction:column;align-items:stretch}.studio-hero-actions .dashboard-hero__meta{justify-content:flex-start}.app-theme-toggle{width:100%}.theme-picker__rail-shell{grid-template-columns:1fr}.theme-picker__arrow{display:none}.theme-picker__rail{padding-inline:0}.theme-picker__card{flex-basis:82%}.theme-suggestions__grid{grid-template-columns:1fr}}.theme-picker{background:radial-gradient(circle at 8% 0,#8b5cf61a,#0000 30%),linear-gradient(#ffffff94,#f8fafc4d);border:1px solid #8b5cf61f;border-radius:20px;padding:14px}.theme-slider-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.theme-slider-heading__icon{background:linear-gradient(135deg,var(--studio-purple),var(--studio-cyan));border-radius:10px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 14px 24px -18px #06b6d4cc}.theme-picker__heading-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.theme-slider-active-pill{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;max-width:min(260px,42vw);min-height:30px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex;overflow:hidden}.theme-picker__controls{background:#ffffff8f;border:1px solid #8b5cf61f;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex}.theme-picker__rail-shell{background:#ffffff5c;border:1px solid #8b5cf61a;border-radius:18px;display:block;overflow:hidden}.theme-picker__fade{z-index:2;pointer-events:none;width:36px;position:absolute;top:0;bottom:0}.theme-picker__fade--left{background:linear-gradient(90deg,#ffffffe6,#0000);left:0}.theme-picker__fade--right{background:linear-gradient(270deg,#ffffffe6,#0000);right:0}.theme-picker__arrow{border-radius:999px;width:32px;height:32px}.theme-picker__arrow:disabled{opacity:.42}.theme-picker__arrow:focus-visible,.app-theme-toggle:focus-visible,.theme-picker__card:focus-visible,.theme-suggestion-chip:focus-visible{outline-offset:2px;outline:3px solid #06b6d457}.studio-page[data-app-theme=dark] .theme-picker{background:radial-gradient(circle at 8% 0,#06b6d421,#0000 30%),linear-gradient(#0f172a94,#1e293b4d);border-color:#22d3ee24}.studio-page[data-app-theme=dark] .theme-picker__controls,.studio-page[data-app-theme=dark] .theme-picker__rail-shell{background:#0f172a57;border-color:#22d3ee24}.studio-page[data-app-theme=dark] .theme-picker__fade--left{background:linear-gradient(90deg,#0f172ae6,#0000)}.studio-page[data-app-theme=dark] .theme-picker__fade--right{background:linear-gradient(270deg,#0f172ae6,#0000)}.studio-page[data-app-theme=light] .theme-picker__card,.studio-page[data-app-theme=light] .theme-suggestion-chip{color:#27364f}@media(max-width:760px){.theme-slider-heading{flex-direction:column;align-items:flex-start}.theme-picker__heading-actions{justify-content:space-between;width:100%}.theme-slider-active-pill{max-width:calc(100vw - 132px)}}@media(max-width:480px){.theme-picker{padding:12px}.theme-picker__arrow{display:inline-grid}.theme-picker__controls{margin-left:auto}.theme-picker__card{flex-basis:78%}}.studio-page{--studio-surface:#ffffffbd;--studio-surface-soft:#f8fafc94;--studio-control-text:#334155;--studio-control-border:#8b5cf62e}.studio-page[data-app-theme=dark]{--studio-surface:#0f172aad;--studio-surface-soft:#1e293b70;--studio-control-text:#dbeafe;--studio-control-border:#22d3ee2e}.studio-page .control-button{border-width:1px!important;border-color:var(--studio-control-border)!important;width:auto!important;min-width:0!important;color:var(--studio-control-text)!important;background:var(--studio-surface)!important;border-radius:999px!important;flex:0 auto!important;padding:8px 11px!important;font-size:12px!important;font-weight:800!important;line-height:1!important;box-shadow:0 10px 22px -20px #0f172a99!important}.studio-page .control-button:hover{transform:translateY(-1px);border-color:#06b6d46b!important}.studio-page .control-button svg{stroke-width:2.2px;width:14px!important;height:14px!important}.studio-page .control-button-set,.studio-page .tab-panel [style*="display: flex"]{gap:7px!important}.studio-page .control-group{gap:12px;display:grid}.studio-page .control-group>div,.studio-page .tab-panel>div{min-width:0}.studio-page .theme-picker__card{border-radius:14px;flex-basis:132px;min-height:54px;padding:8px 10px}.studio-page .theme-picker__card-icon{border-radius:9px;flex-basis:24px;width:24px;height:24px}.studio-page .theme-picker__card-icon svg,.studio-page .theme-picker__arrow svg,.studio-page .theme-suggestions__title svg,.studio-page .theme-suggestion-chip svg,.studio-page .app-theme-toggle svg,.studio-page .studio-workflow svg{width:13px!important;height:13px!important}.studio-page .theme-picker__card-copy strong{font-size:12px}.studio-page .theme-picker__card-copy small{font-size:10px}.studio-page .theme-suggestions{padding:10px}.studio-page .theme-suggestions__grid{scroll-snap-type:x proximity;gap:7px;padding-bottom:4px;display:flex;overflow:auto hidden}.studio-page .theme-suggestion-chip{scroll-snap-align:start;flex:none;padding:7px 9px;font-size:11px}.studio-page .theme-suggestion-chip__dot{flex-basis:7px;width:7px;height:7px}.studio-page .dashboard-hero__mark{border-radius:15px;width:46px;height:46px}.studio-page .dashboard-hero__mark svg{width:23px!important;height:23px!important}.studio-page .studio-workflow__icon{width:24px;height:24px}.studio-page .app-theme-toggle{min-height:34px;padding:6px 10px;font-size:11px}.studio-page .app-theme-toggle__icon{width:21px;height:21px}.studio-page .studio-panel{background-color:var(--studio-surface)!important}.studio-page[data-app-theme=light] input,.studio-page[data-app-theme=light] select,.studio-page[data-app-theme=light] textarea{background:#ffffffdb!important}.studio-page[data-app-theme=dark] input,.studio-page[data-app-theme=dark] select,.studio-page[data-app-theme=dark] textarea{color:#e2e8f0!important;background:#0f172ab3!important}.studio-page[data-app-theme=dark] .control-button{color:#dbeafe!important;background:#0f172ac2!important}@media(max-width:640px){.studio-page .control-button{padding:7px 10px!important;font-size:11px!important}.studio-page .theme-picker__card{flex-basis:70%}.studio-page .theme-suggestions{margin-top:8px}}.studio-page .control-group{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-bottom:14px!important}.studio-page .control-group>div{border:1px solid var(--studio-control-border);background:var(--studio-surface-soft);border-radius:16px;padding:10px;margin-bottom:0!important}.studio-page .control-group label{letter-spacing:.01em;align-items:center;color:var(--studio-control-text)!important;margin-bottom:7px!important;font-size:12px!important;font-weight:900!important}.studio-page .control-button-set{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;align-items:center;max-width:100%;padding:2px 2px 5px;overflow:auto hidden;grid-template-columns:none!important;display:grid!important}.studio-page .control-button-set .control-button{scroll-snap-align:start;white-space:nowrap;min-height:32px}.studio-page .control-button-set .control-button:has(svg){padding-inline:10px!important}.studio-page[data-app-theme=dark] .control-group>div{background:#0f172a6b}@media(max-width:760px){.studio-page .control-group{grid-template-columns:1fr;gap:9px}.studio-page .control-group>div{padding:9px}.studio-page .control-button-set{grid-auto-columns:max-content}}@media(max-width:420px){.studio-page .control-button-set .control-button{min-height:30px;padding:7px 9px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}