/* BootGuide Studio — one visual system, eight atmospheres. Last presentation layer. */
html[data-design=studio]{--studio-bg:#0b1119;--studio-panel:#121d29;--studio-raised:#1a2938;--studio-edge:#2b3c4c;--studio-accent:#b6efd5;--studio-muted:#a9bac9;--studio-warm:#b5c6ff;--studio-ink:#112b25;--studio-art-x:0%;--studio-art-y:0%;--studio-radius:22px;--studio-serif:Georgia,'Times New Roman',serif;--studio-max:1320px;scroll-padding-top:160px}
html[data-design=studio][data-theme=aurora]{--studio-bg:#0c1719;--studio-panel:#13252a;--studio-raised:#20363c;--studio-edge:#304950;--studio-accent:#b6ebca;--studio-muted:#acc8c6;--studio-warm:#c6b2ff;--studio-art-x:33.333%}
html[data-design=studio][data-theme=sunset]{--studio-bg:#1a1111;--studio-panel:#2a1c1b;--studio-raised:#3b2925;--studio-edge:#563b32;--studio-accent:#ffd1a1;--studio-muted:#d0bcb2;--studio-warm:#ea9e8e;--studio-ink:#392218;--studio-art-x:66.666%}
html[data-design=studio][data-theme=vocaloid]{--studio-bg:#0a181d;--studio-panel:#112a30;--studio-raised:#1b3b42;--studio-edge:#2b5159;--studio-accent:#99f4df;--studio-muted:#add2d1;--studio-warm:#ffabd2;--studio-art-x:100%;--studio-art-y:100%;--studio-ink:#0d302b}
html[data-design=studio][data-theme=sakura]{--studio-bg:#151115;--studio-panel:#241c23;--studio-raised:#32262f;--studio-edge:#4d3947;--studio-accent:#ebcfaa;--studio-muted:#cbbbc7;--studio-warm:#dd8da6;--studio-ink:#38261c;--studio-art-x:0%;--studio-art-y:100%}
html[data-design=studio][data-theme=ocean]{--studio-bg:#0a1820;--studio-panel:#102c38;--studio-raised:#1b3c48;--studio-edge:#2a5261;--studio-accent:#a7e8f3;--studio-muted:#aecbd5;--studio-warm:#9cc9eb;--studio-art-x:0%;--studio-art-y:100%;--studio-ink:#113640}
html[data-design=studio][data-theme=terminal]{--studio-bg:#10121c;--studio-panel:#1b1f30;--studio-raised:#2a2d43;--studio-edge:#3c425a;--studio-accent:#c4c5f8;--studio-muted:#b8bdd2;--studio-warm:#9edbe8;--studio-art-x:33.333%;--studio-art-y:100%;--studio-ink:#29263e}
html[data-design=studio][data-theme=carbon]{--studio-bg:#181717;--studio-panel:#262424;--studio-raised:#363132;--studio-edge:#4b4344;--studio-accent:#e8cbb7;--studio-muted:#c2b8b3;--studio-warm:#bcabc5;--studio-art-x:66.666%;--studio-art-y:100%;--studio-ink:#352920}
html[data-design=studio]{--theme-bg:var(--studio-bg)!important;--theme-panel:var(--studio-panel)!important;--theme-raised:var(--studio-raised)!important;--theme-edge:var(--studio-edge)!important;--theme-accent:var(--studio-accent)!important;--theme-muted:var(--studio-muted)!important;--theme-pink:var(--studio-warm)!important;--theme-ink:var(--studio-ink)!important;--bg:var(--studio-bg);--panel:var(--studio-panel);--raised:var(--studio-raised);--text:#f1f4f3;--muted:var(--studio-muted);--accent:var(--studio-accent);--line:var(--studio-edge);--accent-ink:var(--studio-ink);font:16px/1.65 'DM Sans',system-ui,sans-serif}
html[data-design=studio] body{background:var(--studio-bg);color:var(--text);overflow-x:clip}
html[data-design=studio] :is(#theme-wallpaper,#theme-scenery,#ambient-vfx,.world-ambient,.theme-atmosphere,.world-transition,.vfx-burst,.world-ribbon,.world-header,.world-companion-shelf,.welcome-universe,.hero-orbit,.page-transition,.welcome-bottom,.character-banner){display:none!important}
html[data-design=studio] .sidebar{display:none!important}
html[data-design=studio] .shell{margin:0!important;min-width:0;overflow:visible}
html[data-design=studio] .topbar{position:sticky;top:0;z-index:40;height:82px;padding:0 max(28px,calc((100vw - var(--studio-max))/2));background:color-mix(in srgb,var(--studio-bg) 94%,transparent);border-bottom:1px solid var(--studio-edge);backdrop-filter:blur(18px);gap:24px}
html[data-design=studio] .topbar:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--studio-accent),var(--studio-warm),transparent)}
html[data-design=studio] .welcome-brand{display:flex!important;align-items:center;font:800 25px/1.2 Manrope,system-ui;letter-spacing:-1.4px;flex:none;color:var(--text)}
html[data-design=studio] .welcome-brand .brand-icon{width:34px;height:36px;border-radius:10px;color:var(--studio-ink);background:var(--studio-accent);box-shadow:none;margin-right:10px}
html[data-design=studio] .breadcrumb,html[data-design=studio] .top-link{display:none!important}
html[data-design=studio] .top-actions{display:flex;gap:10px;margin:0;align-items:center;min-width:0;flex-wrap:nowrap}
.studio-visual-tools{display:contents}
html[data-design=studio] :is(.top-actions select,.theme-shortcut,.audio-quick-toggle,#preferences-open,.studio-character-toggle){font-size:12px;line-height:1.4;min-height:40px;border-radius:10px;border:1px solid var(--studio-edge);background:var(--studio-panel);color:var(--studio-muted);box-shadow:none;padding:9px 12px;white-space:nowrap}
html[data-design=studio] .studio-character-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}
.studio-character-toggle:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--studio-muted);opacity:.6;flex:none}.studio-character-toggle[data-enabled=true]:before{background:var(--studio-accent);opacity:1;box-shadow:0 0 10px color-mix(in srgb,var(--studio-accent) 50%,transparent)}
html[data-design=studio] .studio-navigation{position:sticky;top:82px;z-index:35;background:color-mix(in srgb,var(--studio-bg) 96%,transparent);border-bottom:1px solid var(--studio-edge);padding:0 max(28px,calc((100vw - var(--studio-max))/2));backdrop-filter:blur(16px)}
.studio-navigation nav{display:flex;gap:6px;min-height:58px;align-items:center;counter-reset:studio-nav}
.studio-navigation .clarity-nav-group{display:none}
html[data-design=studio] .studio-navigation .nav-link{margin:0;min-height:58px;border:0;border-radius:0;box-shadow:none;padding:15px 20px;display:flex;gap:9px;align-items:center;color:var(--studio-muted);background:transparent;font-size:13px;position:relative;white-space:nowrap;flex:none}
.studio-navigation .nav-link:before{counter-increment:studio-nav;content:'0' counter(studio-nav);font:11px/1.4 monospace;color:var(--studio-muted);opacity:.6}
.studio-navigation .nav-link>.icon,.studio-navigation .nav-link>span[data-icon]{display:none!important}
html[data-design=studio] .studio-navigation .nav-link.active{color:var(--studio-accent)}
.studio-navigation .nav-link.active:after{content:'';height:2px;background:var(--studio-accent);position:absolute;inset:auto 20px 0}
.studio-navigation .nav-link:hover{background:color-mix(in srgb,var(--studio-accent) 4%,transparent)}
html[data-design=studio] .studio-navigation .nav-link{background-image:none!important;box-shadow:none!important;transform:none!important}
html[data-design=studio] .studio-navigation .nav-link:before{position:static;width:auto;height:auto;background:none;transform:none;inset:auto;box-shadow:none;border:0;animation:none;opacity:.6}
html[data-design=studio] .studio-navigation .nav-link:before{display:none!important}
html[data-design=studio] .studio-navigation .nav-link.active{background:color-mix(in srgb,var(--studio-accent) 4%,transparent)!important}
.studio-navigation .nav-count{background:var(--studio-panel);padding:1px 6px;border-radius:4px;font:10px/1.6 monospace;margin-left:4px}
html[data-design=studio] main{max-width:calc(var(--studio-max) + 64px);padding:42px 32px 0;margin:auto}
html[data-design=studio] main:before,html[data-design=studio] main:after,html[data-design=studio] :is(.intro,.page-heading,.section-heading):after{display:none!important}
html[data-design=studio] #bienvenida{min-height:0;padding:0;margin:0;display:block;background:none;border:0;border-radius:0;overflow:visible}
html[data-design=studio] #bienvenida[hidden]{display:none!important}
.studio-hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:50px;padding:26px 0 45px;min-height:590px;text-align:left}
.studio-hero-copy{min-width:0;text-align:left}.studio-hero-copy>*{margin-left:0;margin-right:0}
.studio-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.7;color:var(--studio-accent);text-transform:uppercase;margin:0 0 18px}
.studio-hero h1{font:500 clamp(42px,5.6vw,78px)/1.09 Manrope,system-ui;letter-spacing:-.065em;margin:20px 0 25px;max-width:690px;text-wrap:balance}
.studio-hero h1 span,.studio-hero h1 em{display:block}.studio-hero h1 em{font:italic 1.04em/1.1 var(--studio-serif);letter-spacing:-.055em;color:var(--studio-accent)}
.studio-hero-description{font-size:16px;line-height:1.85;color:var(--studio-muted);max-width:490px;margin-bottom:30px}
.studio-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
html[data-design=studio] .button{min-height:44px;padding:11px 18px;border-radius:10px;box-shadow:none;font-size:13px;line-height:1.5;border-color:var(--studio-edge);background:var(--studio-panel);color:var(--text);white-space:normal}
html[data-design=studio] .button.primary{background:var(--studio-accent);color:var(--studio-ink);border-color:var(--studio-accent);font-weight:700}
html[data-design=studio] .button:hover{transform:translateY(-2px);border-color:var(--studio-accent);box-shadow:0 8px 22px #0002}
html[data-design=studio] .welcome-start{font:700 14px/1.5 'DM Sans',system-ui;min-height:52px;padding:14px 22px;border-radius:12px;animation:none;position:relative;width:auto;background:var(--studio-accent);color:var(--studio-ink);box-shadow:none;display:inline-flex}
.welcome-start:after{content:'↗';margin-left:18px;font-size:20px}.studio-secondary{font-size:13px;color:var(--studio-muted);border-bottom:1px solid var(--studio-edge);padding:8px 0}.studio-secondary:hover{color:var(--studio-accent);border-color:var(--studio-accent)}
.studio-fineprint{font-size:11px;line-height:1.7;color:var(--studio-muted);margin-top:17px;max-width:480px}
.studio-scene-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--studio-edge);border-radius:var(--studio-radius);background:var(--studio-panel);min-width:0;contain:layout paint}
.studio-hero-art{height:490px;border-radius:120px 24px 24px 24px;box-shadow:0 36px 90px #0003}
.studio-scene-landscape{position:absolute;inset:0;background-image:linear-gradient(180deg,#050b1533,#050b1555 60%,#050b15d9),url('/wp-content/uploads/2026/10/theme-scenes-atlas-v1.png');background-size:100% 100%,400% 200%;background-position:0 0,var(--studio-art-x) var(--studio-art-y);opacity:.78;transition:opacity .5s}
[data-theme=sakura] .studio-scene-landscape{background-image:linear-gradient(180deg,#140c1730,#140c1740 60%,#140c17dd),url('/wp-content/uploads/2026/10/nocturne-city-v1.png');background-size:100% 100%,cover;background-position:center}
.studio-scene-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 55% 22%,color-mix(in srgb,var(--studio-accent) 21%,transparent),transparent 42%);animation:studio-glow 15s ease-in-out infinite alternate;pointer-events:none}
.studio-scene-top,.studio-scene-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:8;pointer-events:none}
.studio-scene-top{top:25px;font-size:8px;letter-spacing:.19em;line-height:1.5;font-weight:700;color:#ecf5f3;opacity:.8}.studio-scene-index{font:9px/1.5 monospace;opacity:.6}
.studio-hero-art .studio-scene-top{left:70px;top:32px}
.studio-scene-bottom{bottom:23px;align-items:flex-end}.studio-theme-name{font:500 24px/1.1 Manrope,system-ui;letter-spacing:-.055em;color:#f6f6f2}.studio-scene-mode{font-size:9px;border:1px solid #fff3;border-radius:30px;padding:5px 9px;color:#e4eceb;background:#11182066;white-space:nowrap}
.studio-stage{position:absolute;inset:55px 0 55px;pointer-events:none}
.studio-poster{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 12px #0005);opacity:1;transition:opacity .5s;transform:scale(1.15)}
.models-ready:not([data-performance=light]):not([data-vfx=off]) .studio-poster{opacity:0}
.studio-scene-card:after{content:'';position:absolute;inset:auto 15% 58px;height:32px;border-radius:50%;background:var(--studio-accent);opacity:.08;filter:blur(20px)}
.studio-theme-strip{display:flex;gap:6px;align-items:center;border-top:1px solid var(--studio-edge);border-bottom:1px solid var(--studio-edge);padding:16px 0;flex-wrap:wrap}
.studio-theme-strip>span{font-size:11px;color:var(--studio-muted);margin-right:auto;padding-right:18px}
.studio-theme-strip button{font:500 11px/1.4 'DM Sans',system-ui;min-height:34px;padding:8px 12px;border:1px solid transparent;border-radius:30px;background:transparent;color:var(--studio-muted)}
.studio-theme-strip button[aria-pressed=true]{background:var(--studio-panel);border-color:var(--studio-edge);color:var(--studio-accent)}
.studio-start-guide{padding:72px 0 56px}.studio-section-heading{max-width:700px}.studio-section-heading h2{font:500 clamp(26px,3vw,40px)/1.2 Manrope,system-ui;letter-spacing:-.05em;margin-bottom:14px}.studio-section-heading>p:last-child{font-size:14px;color:var(--studio-muted)}
.studio-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.studio-path-card{padding:26px 24px;border:1px solid var(--studio-edge);border-radius:18px;display:flex;gap:18px;position:relative;background:linear-gradient(150deg,color-mix(in srgb,var(--studio-accent) 4%,var(--studio-panel)),var(--studio-panel));min-height:205px;align-items:flex-start}
.studio-path-card:hover{border-color:var(--studio-accent);transform:translateY(-5px);box-shadow:0 18px 36px #0002}
.studio-path-number{font:italic 30px/1 var(--studio-serif);color:var(--studio-accent);opacity:.75;padding-top:2px}.studio-path h3{font-size:17px;letter-spacing:-.035em;margin-bottom:12px;line-height:1.4;padding-right:8px}.studio-path p{color:var(--studio-muted);font-size:13px;line-height:1.8}.studio-path-arrow{position:absolute;right:20px;bottom:15px;color:var(--studio-accent)}
.studio-principles{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--studio-edge);padding:38px 0 45px}.studio-principles h3{font-size:16px;margin-bottom:12px}.studio-principles p{font-size:13px;color:var(--studio-muted);line-height:1.85;max-width:500px}
/* Workspace hierarchy. Headers carry scenery; controls live on calm surfaces. */
html[data-design=studio] .clarity-route{margin:0 0 35px;border:0;border-radius:0;background:none}
.clarity-route ol{border:0!important;gap:20px!important}.clarity-route .clarity-stop{border:0!important;border-radius:0!important;background:transparent!important;padding:0 0 12px!important;min-height:0;opacity:.55;box-shadow:none;position:relative}
.clarity-route .clarity-stop[aria-current=step]{opacity:1}.clarity-route .clarity-stop[aria-current=step]:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:var(--studio-accent)}
.clarity-stop .clarity-number{font:italic 22px/1.2 var(--studio-serif);color:var(--studio-accent)}.clarity-stop-copy b{font-size:12px}.clarity-stop-copy small{font-size:10px;opacity:.8}
html[data-design=studio] .clarity-route .clarity-number{width:auto;height:auto;min-width:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;font:11px/1.4 monospace;display:block;padding:0}
html[data-design=studio] .clarity-route .clarity-stop:before{display:none}
html[data-design=studio] .studio-masthead .world-heading>:not(.world-scene){max-width:100%!important}
.studio-masthead{display:grid;grid-template-columns:minmax(0,1fr) 32%;gap:40px;align-items:center;margin:8px 0 34px;min-height:200px}
.studio-masthead-copy{min-width:0}.studio-masthead .studio-eyebrow{margin-bottom:14px}.studio-masthead-art{height:200px;border-radius:50px 16px 16px 16px}.studio-masthead-art .studio-stage{inset:30px 25px 30px}.studio-masthead-art .studio-scene-top{display:none}.studio-masthead-art .studio-scene-bottom{left:18px;right:18px;bottom:15px}.studio-masthead-art .studio-theme-name{font-size:16px}.studio-masthead-art .studio-scene-mode{display:none}
html[data-design=studio][data-studio-page=copiloto] .clarity-route,html[data-design=studio][data-studio-page=comunidad] .clarity-route{display:none}
html[data-design=studio] #copiloto .studio-masthead{display:block;min-height:0;margin:10px 0 32px}
html[data-design=studio] #copiloto .studio-masthead-art{display:none}
html[data-design=studio] .studio-masthead :is(.intro,.page-heading,.section-heading,.world-heading){display:block;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important;min-height:0!important;overflow:visible;isolation:auto}
html[data-design=studio] .studio-masthead :is(h1,h2){font:500 clamp(29px,3.5vw,47px)/1.16 Manrope,system-ui!important;letter-spacing:-.055em!important;max-width:760px!important;margin:0 0 15px!important;text-wrap:balance}
html[data-design=studio] .studio-masthead :is(.hero-description,.page-heading>p:not(.eyebrow)){font-size:14px!important;line-height:1.85;max-width:660px!important;color:var(--studio-muted);margin:0!important}
html[data-design=studio] .studio-masthead .eyebrow{display:none}.studio-masthead .section-heading>.muted{font-size:12px;display:block;max-width:500px}.studio-masthead #saved-state{margin-top:12px}
html[data-design=studio] #explorar .workspace{display:block}.catalog{min-width:0}
html[data-design=studio] #explorar .catalog{padding:28px;border-radius:22px;background:var(--studio-panel);border:1px solid var(--studio-edge);box-shadow:none}
html[data-design=studio] :is(.catalog-tabs,.catalog-toolbar){border-color:var(--studio-edge);background:none}
html[data-design=studio] .catalog-tabs{gap:22px;padding:0 0 16px;border-bottom:1px solid var(--studio-edge);margin:0 0 20px}
html[data-design=studio] .catalog-tabs button{min-height:38px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:7px 0;color:var(--studio-muted);box-shadow:none;font-size:13px}
html[data-design=studio] .catalog-tabs button[aria-selected=true]{color:var(--studio-accent);border-bottom-color:var(--studio-accent)}
html[data-design=studio] :is(select,input[type=search],input[type=number],input[type=text],textarea){border-radius:10px;color:var(--text);background:var(--studio-bg);border-color:var(--studio-edge);max-width:100%;min-width:0;font:inherit}
html[data-design=studio] :is(.search-field,.filters){background:var(--studio-bg);border-color:var(--studio-edge);border-radius:10px;box-shadow:none}.search-field input{background:transparent!important;border:0!important;font-size:13px!important}.search-row{margin:20px 0 14px}.search-row select{font-size:13px!important;padding:12px}
html[data-design=studio] .filters button{font-size:12px;min-height:36px;padding:8px 14px;border-radius:7px}.filters button[aria-pressed=true]{background:var(--studio-raised)!important;color:var(--studio-accent)!important;box-shadow:none!important}
html[data-design=studio] .family-tree{gap:12px}.family-branch{border-radius:14px!important;border-color:var(--studio-edge)!important;background:var(--studio-bg)!important;box-shadow:none!important}
.family-branch>summary{padding:21px 23px!important;min-height:100px;border-radius:14px!important;gap:18px!important}.branch-symbol{width:48px;height:48px;flex-basis:48px;border-radius:12px}.branch-title{font:650 20px/1.25 Manrope,system-ui}.branch-hint{font-size:13px!important;line-height:1.65}.branch-preview{font-size:11px!important;opacity:.8}.branch-count{font-size:10px!important;border-radius:6px!important;background:var(--studio-panel);padding:5px 8px!important}.branch-options{padding:20px!important;margin:0!important;border:0!important;background:var(--studio-panel)}
html[data-design=studio] .os-card{background:var(--studio-bg);border:1px solid var(--studio-edge);border-radius:14px;padding:22px;box-shadow:none}
.os-card h3{font-size:20px}.os-card .os-description{font-size:14px;line-height:1.8;color:var(--studio-muted)}.os-card .edition,.os-card .card-facts{font-size:11px}.os-card .card-top{margin-bottom:18px}.os-card .os-tag{font-size:10px}.os-card .mini-review{border-top:1px solid var(--studio-edge);padding-top:12px;margin-top:16px;font-size:12px}.mini-review summary{font-size:11px!important}.os-card .select-os{font-size:12px}.os-card.selected{box-shadow:inset 0 0 0 1px var(--studio-accent)}
html[data-design=studio] :is(.panel,.hardware-panel,.support-card,.visitor-reviews,.review-card,.clarity-details,.clarity-next,.resume-guide){background:var(--studio-panel);border:1px solid var(--studio-edge);box-shadow:none;border-radius:18px}
html[data-design=studio] :is(.hardware-panel,.support-card,.visitor-reviews,.review-card){padding:26px}
html[data-design=studio] .clarity-next{padding:26px;margin:32px 0;background:linear-gradient(110deg,color-mix(in srgb,var(--studio-accent) 5%,var(--studio-panel)),var(--studio-panel))}.clarity-next h2{font-size:22px;max-width:700px}.clarity-next p:not(.eyebrow){font-size:14px;max-width:850px;line-height:1.8}.clarity-next .eyebrow{font-size:9px}.clarity-selection{font-size:11px}
.hardware-panel{gap:20px}.hardware-stat{padding:0 20px}.hardware-stat b{font-size:20px}.hardware-panel .device-icon{background:var(--studio-raised);color:var(--studio-accent)}.hardware-panel .small-label{font-size:9px}.clarity-hint,.clarity-catalog-note{font-size:13px!important;color:var(--studio-muted)}.clarity-block-title{font-size:17px!important;margin:22px 0 16px}.equipment-grid{gap:18px}.equipment-grid h2{font-size:20px}.equipment-grid li,.equipment-grid p{font-size:14px;line-height:1.85}
html[data-design=studio] #instalacion{padding:0;border:0;background:none;box-shadow:none}.installation>.journey-head{padding:20px 24px;background:var(--studio-panel);border:1px solid var(--studio-edge);border-radius:14px;margin-top:24px}.journey-head b{font-size:16px!important}.journey-head span{font-size:12px!important}.step-list{gap:10px;margin:25px 0!important}.step-list button{padding:13px!important;background:var(--studio-panel)!important;border:1px solid var(--studio-edge)!important;border-radius:10px;font-size:12px!important;min-height:64px;width:100%}.step-list .current{border-color:var(--studio-accent)!important;color:var(--studio-accent)!important}.step-num{width:26px;height:26px}.step-content{padding:28px!important;background:var(--studio-panel)!important;border-color:var(--studio-edge)!important;border-radius:18px!important}.step-content h3{font-size:24px;line-height:1.3;letter-spacing:-.04em}.step-content p,.step-content ol{font-size:14px;line-height:1.85}.dropzone{background:var(--studio-bg)!important;border-color:var(--studio-muted)!important;border-radius:14px;padding:30px}.preflight{background:var(--studio-panel)!important;border-color:var(--studio-edge)!important}
/* Conversations are the product, the companion is an opt-in enhancement. */
html[data-design=studio] #copiloto .assistant-panel{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;position:static;max-width:none;background:none;border:0;padding:0;box-shadow:none;border-radius:0;align-items:start}
html[data-design=studio] #copiloto .conversation-workspace{background:var(--studio-panel);border:1px solid var(--studio-edge);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:0;min-width:0;box-shadow:0 18px 48px #0001}
html[data-design=studio] #copiloto .assistant-heading{padding:0 0 20px;border-bottom:1px solid var(--studio-edge);margin:0}.assistant-heading .assistant-symbol{width:42px;height:42px;border-radius:12px;background:var(--studio-raised)!important;border-color:var(--studio-edge)!important;color:var(--studio-accent)!important}.assistant-heading h2{font-size:19px!important}.assistant-heading div>span{font-size:11px!important;color:var(--studio-muted)}
html[data-design=studio] #copiloto #messages,html[data-design=studio] #copiloto #messages[data-conversation-scenery=welcome]{height:310px;min-height:210px;max-height:420px;overflow:auto;margin:24px 0 20px;padding:0 4px 0 0;display:block;background:none}
html[data-design=studio] #messages .world-model-nook{display:none!important}
html[data-design=studio] #copiloto #messages[data-conversation-scenery=welcome]{height:220px;min-height:170px}
html[data-design=studio] #copiloto .msg{font-size:14px;line-height:1.85;border:1px solid var(--studio-edge);background:var(--studio-bg);border-radius:14px 14px 14px 3px;padding:18px;margin:0 0 18px;color:var(--text);box-shadow:none}
html[data-design=studio] #copiloto .msg.user{background:color-mix(in srgb,var(--studio-accent) 9%,var(--studio-bg));border-color:color-mix(in srgb,var(--studio-accent) 25%,var(--studio-edge));border-radius:14px 14px 3px 14px;margin-left:35px}
html[data-design=studio] #copiloto .suggestions{display:flex;flex-direction:row;gap:7px;flex-wrap:wrap;margin-bottom:16px}.suggestions button{min-height:36px!important;font-size:11px!important;border-radius:30px!important;border-color:var(--studio-edge)!important;background:none!important;padding:8px 12px!important;color:var(--studio-muted)!important}
html[data-design=studio] #copiloto .chat-form{border:1px solid var(--studio-edge);border-radius:14px;background:var(--studio-bg);padding:8px;box-shadow:none;margin:0}.chat-form textarea{font-size:14px!important;min-height:70px;background:none!important;border:0!important;padding:10px;line-height:1.7}.chat-form textarea::placeholder{color:var(--studio-muted);opacity:.7}.chat-form button{background:var(--studio-accent)!important;color:var(--studio-ink)!important;min-width:44px;min-height:44px;border-radius:10px!important}.chat-form:focus-within{border-color:var(--studio-accent)!important}
.chat-bottom{margin:15px 0!important;padding-bottom:17px;border-bottom:1px solid var(--studio-edge)}.chat-bottom>span{font-size:10px!important;color:var(--studio-muted)!important}.connect-beta{font-size:12px;padding:12px 15px!important;border-radius:10px!important;border-color:var(--studio-edge)!important;background:var(--studio-bg)!important;margin:0!important}.ai-mode-bar{font-size:11px!important;background:none!important;border-color:var(--studio-edge)!important;margin-top:12px!important;padding:12px 0!important}
.studio-copilot-aside{min-width:0;grid-column:2;grid-row:1}.studio-focus-art{height:245px;border-radius:45px 18px 18px 18px;margin-bottom:26px}.studio-focus-art .studio-scene-top{font-size:7px;left:25px}.studio-focus-art .studio-scene-bottom{left:20px;right:20px;bottom:16px}.studio-focus-art .studio-theme-name{font-size:21px}.studio-focus-art .studio-scene-mode{font-size:8px}
html[data-design=studio] #copiloto .assistant-panel>.studio-copilot-aside{grid-column:2;grid-row:1}
.studio-copilot-aside>h2{font:500 28px/1.25 Manrope,system-ui;letter-spacing:-.05em;margin-bottom:13px}.studio-copilot-aside>p:not(.studio-eyebrow){font-size:12px;color:var(--studio-muted);line-height:1.85}.studio-quick-links{display:grid;gap:0;margin-top:20px}.studio-quick-links .button{border:0!important;border-radius:0!important;border-bottom:1px solid var(--studio-edge)!important;justify-content:space-between;background:none!important;padding:14px 0!important;font-size:12px!important}.studio-quick-links a:after{content:'↗';color:var(--studio-accent)}
html[data-design=studio][data-avatar-enabled=false] .avatar-companion{display:none!important}
html[data-design=studio][data-avatar-enabled=true] .studio-copilot-aside{display:none!important}
html[data-design=studio] #copiloto .avatar-companion{grid-column:2;grid-row:1;padding:18px;background:var(--studio-panel);border:1px solid var(--studio-edge);border-radius:18px;box-shadow:none}
.studio-character-note{font-size:10px;color:var(--studio-muted);line-height:1.7;margin-bottom:14px}.avatar-topline .avatar-label{font-size:9px!important;letter-spacing:.14em}.avatar-topline button{font-size:10px!important;min-height:34px!important}.avatar-stage{border-radius:12px!important}.avatar-help,.avatar-status,.avatar-lift p,.avatar-turn p{font-size:11px!important;line-height:1.75!important}.avatar-settings{margin-top:14px}.avatar-settings summary{font-size:11px}.avatar-turn,.avatar-lift{font-size:11px}.avatar-controls select{font-size:12px!important}.avatar-stage canvas{image-rendering:auto!important}.avatar-credit,.quality-scenery-credit{font-size:9px!important;line-height:1.7}
/* Community, dialogs, utilities and opt-in controls share the same quiet grid. */
.review-grid{gap:18px}.review-card h3{font-size:20px}.review-card p{font-size:14px;line-height:1.85}.visitor-reviews h2{font-size:27px;letter-spacing:-.045em}.visitor-reviews>p,.visitor-compose p{font-size:14px;line-height:1.8}.visitor-compose{border-color:var(--studio-edge)!important;background:var(--studio-bg)!important;border-radius:14px!important}.review-note{font-size:11px!important;line-height:1.85}.review-family,.review-filter-label{font-size:12px}.review-filter-label{margin-bottom:8px;display:block}
html[data-design=studio] dialog{background:var(--studio-panel);border:1px solid var(--studio-edge);border-radius:22px;box-shadow:0 35px 100px #0007;padding:30px;color:var(--text);max-height:88dvh;max-width:min(950px,calc(100vw - 32px))}dialog::backdrop{background:#03080ed9;backdrop-filter:blur(8px)}.dialog-heading h2{font:500 30px/1.2 Manrope,system-ui;letter-spacing:-.045em}.dialog-heading p,.appearance-settings>p{font-size:13px;line-height:1.8}.dialog-heading .eyebrow{font-size:9px}.dialog-heading .icon-button{border-radius:50%;min-width:38px;min-height:38px}
html[data-design=studio] .theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.theme-choice{border:1px solid var(--studio-edge)!important;border-radius:13px!important;background:var(--studio-bg)!important;overflow:hidden;padding:0 0 14px!important;text-align:left!important;box-shadow:none!important}.theme-choice[aria-pressed=true]{border-color:var(--studio-accent)!important;box-shadow:0 0 0 1px var(--studio-accent)!important}.theme-choice .theme-preview{height:115px;border-radius:0!important;border-bottom:1px solid var(--studio-edge);margin-bottom:12px}.theme-choice>b{font-size:11px!important;margin:0 12px;display:block;line-height:1.6}.theme-choice>small{font-size:10px!important;margin:5px 12px 0;line-height:1.65!important;color:var(--studio-muted)}
.theme-sound-panel,.ai-compatibility{border-color:var(--studio-edge)!important;background:var(--studio-bg)!important;border-radius:14px!important;font-size:13px}.preference-row{font-size:13px}.preference-row small{font-size:11px;line-height:1.7}#preferences-dialog{max-width:700px}.notice,.safety-note{font-size:13px!important;border-color:var(--studio-edge)!important;background:var(--studio-bg)!important}.detail-summary dl>div{background:var(--studio-bg)!important;border-color:var(--studio-edge)!important}.detail-fit{border-left-color:var(--studio-accent);background:color-mix(in srgb,var(--studio-accent) 5%,transparent)}
html[data-design=studio] footer{display:flex;gap:20px 30px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--studio-edge);padding:30px 0 35px;margin-top:35px;background:none;font-size:11px;color:var(--studio-muted)}footer .footer-brand{font:800 21px/1.3 Manrope,system-ui;letter-spacing:-1px;color:var(--text)}footer>p{font-size:11px;margin-right:auto}.studio-support-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:100%;padding:16px 0 0;border-top:1px solid var(--studio-edge)}.studio-support-tools>span{font-size:10px!important;margin-right:auto}.studio-support-tools .button{font-size:10px!important;min-height:34px!important;padding:7px 12px!important}.studio-credit{font-size:10px;color:var(--studio-muted);text-decoration:underline;text-underline-offset:4px}.toast{z-index:200!important;background:var(--studio-panel)!important;border-color:var(--studio-edge)!important;color:var(--text)!important;max-width:calc(100vw - 32px)}
@keyframes studio-glow{from{transform:translate(-3%,-3%) scale(.96);opacity:.7}to{transform:translate(4%,3%) scale(1.08);opacity:1}}
@keyframes studio-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
html[data-design=studio][data-vfx=full]:not(.reduce-motion) .studio-in-view{animation:studio-reveal .65s cubic-bezier(.2,.7,.2,1) both}
.studio-path-card:nth-child(2){animation-delay:.08s!important}.studio-path-card:nth-child(3){animation-delay:.16s!important}
html[data-design=studio] :focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px}
html[data-design=studio] [hidden]{display:none!important}
@media(min-width:1600px){.studio-hero{gap:80px}.studio-hero-art{height:530px}.studio-hero{min-height:640px}}
@media(max-width:1100px){html[data-design=studio] .topbar{padding:0 24px;gap:15px}.studio-hero{gap:30px;min-height:520px}.studio-hero-art{height:410px;border-top-left-radius:90px}.studio-hero h1{font-size:clamp(40px,5.6vw,62px)}.studio-hero-description{font-size:14px}.studio-theme-strip>span{width:100%;margin-bottom:5px}.studio-path{gap:12px}.studio-path-card{padding:23px 18px;gap:12px}.studio-path h3{font-size:16px}.studio-path p{font-size:12px}.studio-path-number{font-size:26px}.studio-navigation .nav-link{padding:15px 14px!important}.studio-masthead{gap:25px}.studio-masthead-art{height:180px}html[data-design=studio] #copiloto .assistant-panel{grid-template-columns:minmax(0,1fr) 280px;gap:18px}html[data-design=studio] #copiloto .conversation-workspace{padding:23px}.studio-character-toggle{max-width:190px;overflow:hidden;text-overflow:ellipsis}.studio-scene-top{font-size:7px}.studio-theme-name{font-size:23px}}
@media(max-width:850px){html[data-design=studio] .topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding:17px 22px 13px}html[data-design=studio] .welcome-brand{font-size:23px}.top-actions{gap:7px!important;margin-left:auto!important}html[data-design=studio] :is(.top-actions select,.theme-shortcut,.audio-quick-toggle,#preferences-open,.studio-character-toggle){font-size:10px;min-height:36px;padding:8px 9px}html[data-design=studio] .studio-character-toggle{order:5}.studio-navigation{top:76px!important;padding:0 16px!important}.studio-navigation .nav-link{min-height:50px!important;padding:13px 12px!important;font-size:12px!important}.studio-navigation .nav-link:before{font-size:9px}.studio-navigation nav{min-height:50px;gap:0;justify-content:space-between}.studio-hero{gap:25px;padding:28px 0 35px;min-height:490px}.studio-hero h1{font-size:43px}.studio-hero-art{height:370px}.studio-hero-description{font-size:13px}.studio-hero .welcome-start{font-size:12px!important;min-height:46px!important;padding:12px 17px!important}.studio-secondary{font-size:12px}.studio-hero-actions{gap:12px}.studio-hero-art .studio-scene-top{left:38px}.studio-masthead{grid-template-columns:minmax(0,1fr) 30%;gap:22px}.studio-masthead-art{height:160px}.studio-masthead .studio-scene-bottom{left:12px}.studio-masthead .studio-theme-name{font-size:13px}.studio-masthead .studio-stage{inset:20px 0 25px}.studio-path{grid-template-columns:1fr}.studio-path-card{min-height:0;padding:24px;gap:23px}.studio-path h3{font-size:19px}.studio-path p{font-size:13px}.studio-path-number{font-size:35px}.studio-principles{gap:35px}.studio-path-arrow{bottom:auto;top:24px}.studio-path-card>div{padding-right:30px}.studio-start-guide{padding-top:50px}html[data-design=studio] #copiloto .assistant-panel{grid-template-columns:minmax(0,1fr)}.studio-copilot-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-top:5px}.studio-copilot-aside .studio-focus-art{grid-row:1/7;height:240px}.studio-copilot-aside .studio-eyebrow{margin:10px 0}.studio-copilot-aside>h2{font-size:24px}.studio-copilot-aside .studio-quick-links{margin:5px 0}.studio-copilot-aside .studio-fineprint{display:none}html[data-design=studio] #copiloto .avatar-companion{grid-column:1;grid-row:2;max-width:500px;width:100%;margin:auto}.hardware-panel{flex-wrap:wrap}.hardware-panel>.button{width:auto!important}.hardware-stat{padding:0 14px}.step-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}.step-list button{display:flex;flex-direction:column;align-items:flex-start!important;gap:10px;padding:10px!important;min-height:95px!important}.theme-choice .theme-preview{height:95px}.studio-theme-strip button{padding:7px 10px}.studio-theme-strip{gap:3px}}
@media(max-width:600px){html[data-design=studio]{scroll-padding-top:170px}html[data-design=studio] main{padding:22px 18px 0}html[data-design=studio] .topbar{padding:13px 18px 11px;gap:8px;position:sticky;min-height:109px}html[data-design=studio] .welcome-brand{font-size:23px;align-self:flex-start;padding-top:4px}.welcome-brand .brand-icon{width:28px!important;height:30px!important;font-size:24px!important}.top-actions{display:contents!important}html[data-design=studio] .theme-shortcut{margin-left:auto;min-height:35px;font-size:10px;padding:7px 10px}html[data-design=studio] #language-select{width:98px;font-size:10px;min-height:35px;padding:7px 4px 7px 8px}html[data-design=studio] #preferences-open{width:32px;padding:5px;min-width:32px;min-height:35px}html[data-design=studio] .studio-character-toggle{order:6;max-width:none;min-height:28px;padding:5px 9px;font-size:9px;margin-right:auto;border-color:transparent;background:none}html[data-design=studio] .audio-quick-toggle{order:7;min-height:28px;min-width:28px;padding:4px 8px;background:none;border-color:transparent}html[data-design=studio] .audio-toggle-label{display:inline;font-size:9px}html[data-design=studio] .audio-quick-toggle>span:first-child{font-size:16px}html[data-design=studio] .studio-navigation{top:109px!important;padding:0 6px!important;overflow-x:auto;scrollbar-width:none}.studio-navigation nav{width:100%;gap:0;justify-content:space-around}.studio-navigation .nav-link{font-size:10px!important;min-height:46px!important;padding:12px 9px!important;gap:0!important}.studio-navigation .nav-link:before{display:none}.studio-navigation .nav-count{display:none}.studio-navigation .nav-link.active:after{left:9px;right:9px}.studio-hero{grid-template-columns:minmax(0,1fr);padding:15px 0 28px;gap:30px;min-height:0}.studio-hero-copy{max-width:550px}.studio-hero h1{font-size:clamp(40px,10vw,57px);margin:16px 0 22px;line-height:1.1}.studio-hero h1 em{max-width:370px}.studio-eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:12px}.studio-hero-description{font-size:14px;line-height:1.8;margin-bottom:24px;max-width:450px}.studio-hero .welcome-start{font-size:12px!important;min-height:48px!important}.studio-hero-actions{gap:20px}.studio-hero-art{height:310px;border-radius:75px 18px 18px 18px}.studio-hero-art .studio-scene-top{left:50px;top:25px}.studio-stage{inset:35px 0 50px}.studio-poster{transform:scale(1.05)}.studio-scene-bottom{bottom:20px;left:23px;right:23px}.studio-theme-name{font-size:24px}.studio-fineprint{font-size:10px}.studio-theme-strip{padding:16px 0;gap:5px}.studio-theme-strip>span{font-size:10px;margin:0 0 5px}.studio-theme-strip button{font-size:10px;min-height:32px;padding:7px 10px;border-color:var(--studio-edge);border-radius:8px}.studio-start-guide{padding:42px 0 34px}.studio-section-heading h2{font-size:28px}.studio-section-heading>p:last-child{font-size:13px}.studio-path{margin-top:23px;gap:10px}.studio-path-card{padding:22px 18px;gap:17px;border-radius:14px}.studio-path-number{font-size:30px}.studio-path h3{font-size:17px}.studio-path p{font-size:12px}.studio-path-arrow{right:17px;top:20px}.studio-principles{grid-template-columns:minmax(0,1fr);gap:25px;padding:28px 0 15px}.studio-principles h3{font-size:16px;margin-bottom:8px}.studio-principles p{font-size:12px}.clarity-route{display:none!important}.studio-masthead{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;margin:12px 0 27px}.studio-masthead-art{display:none}.studio-masthead-copy>.studio-eyebrow{font-size:8px}.studio-masthead h1,.studio-masthead h2{font-size:32px!important}html[data-design=studio] .studio-masthead :is(.hero-description,.page-heading>p:not(.eyebrow)){font-size:13px!important}.studio-masthead .section-heading>.muted{font-size:10px}html[data-design=studio] #explorar .catalog{padding:17px 14px;border-radius:16px}.catalog-tabs{gap:20px!important}.catalog-tabs button{font-size:12px!important}.clarity-catalog-note{font-size:11px!important;margin-bottom:16px}.search-row{margin:15px 0!important}.search-field{min-height:46px}.clarity-filters{border-color:var(--studio-edge)!important;border-radius:10px;padding:10px!important}.clarity-filters>summary{font-size:12px!important}.clarity-filters .filters{flex-wrap:wrap}.filters button{font-size:11px!important;padding:8px 11px!important}.family-branch>summary{display:grid!important;grid-template-columns:37px minmax(0,1fr) 16px!important;padding:18px 13px!important;gap:12px!important;min-height:100px}.branch-symbol{width:37px!important;height:37px!important;margin-top:0;flex-basis:37px;border-radius:10px}.branch-title{font-size:18px}.branch-hint{font-size:12px!important}.branch-preview{font-size:10px!important}.branch-count{grid-column:2;justify-self:start;font-size:9px!important}.branch-options{padding:12px!important}.os-card{padding:18px!important}.os-card .os-description{font-size:13px}.os-card h3{font-size:20px}.catalog-foot{font-size:10px!important;line-height:1.8}.catalog>.companion-jump{font-size:11px!important;margin-top:18px}.studio-masthead .intro{padding-bottom:0!important}html[data-design=studio] :is(.hardware-panel,.support-card,.visitor-reviews,.review-card){padding:20px;border-radius:15px}.device-name{min-width:160px}.hardware-panel{gap:16px}.hardware-stat{padding:0 12px!important;flex:1;min-width:110px;border:0!important}.hardware-stat b{font-size:22px}.hardware-panel>.button{width:100%!important}.hardware-panel .device-icon{padding:11px}.clarity-block-title{font-size:16px!important}.clarity-hint{font-size:12px!important}.clarity-next{padding:20px!important;border-radius:15px!important}.clarity-next h2{font-size:21px}.clarity-next p:not(.eyebrow){font-size:12px}.equipment-grid h2{font-size:19px}.equipment-grid p,.equipment-grid li{font-size:13px}.clarity-details{padding:16px!important}.clarity-details summary{font-size:13px}.step-list{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}.step-list button{font-size:9px!important;line-height:1.4;padding:9px 6px!important;gap:7px!important;min-height:95px!important;overflow-wrap:anywhere;border-radius:8px}.step-num{width:22px;height:22px;font-size:10px}.journey-head{padding:16px!important;gap:10px}.journey-head b{font-size:14px!important}.journey-head span{font-size:10px!important}.journey-head button{font-size:10px}.step-content{display:block!important;padding:20px!important}.step-content h3{font-size:23px}.step-content p,.step-content ol{font-size:13px}.step-content .actions{margin-top:18px}.dropzone{padding:24px 16px}.step-content .button{width:100%;font-size:12px}.saved-tag{font-size:10px}html[data-design=studio] #copiloto .conversation-workspace{padding:20px 16px;border-radius:17px}html[data-design=studio] #copiloto .assistant-heading h2{font-size:18px!important}.assistant-heading .assistant-symbol{width:36px;height:36px}.assistant-heading div>span{font-size:10px!important}html[data-design=studio] #copiloto #messages,html[data-design=studio] #copiloto #messages[data-conversation-scenery=welcome]{height:270px;max-height:380px;min-height:200px;margin-top:20px;padding:0}html[data-design=studio] #copiloto .msg{padding:15px;font-size:13px;line-height:1.8}.suggestions button{font-size:10px!important;padding:7px 10px!important;min-height:33px!important}.chat-form textarea{font-size:13px!important}.ai-mode-bar{font-size:10px!important;gap:7px}.ai-mode-bar button{font-size:10px!important;white-space:normal}.chat-bottom>span{font-size:9px!important}.studio-copilot-aside{display:block;padding:10px 3px}.studio-focus-art{height:250px;margin-bottom:25px}.studio-copilot-aside>.studio-eyebrow{margin-bottom:12px}.studio-copilot-aside>h2{font-size:27px}.studio-copilot-aside>p{font-size:12px}.studio-copilot-aside .studio-quick-links{margin-top:15px}html[data-design=studio] #copiloto .avatar-companion{width:100%;max-width:400px}.avatar-stage{height:350px!important}.visitor-reviews h2{font-size:24px}.visitor-reviews p{font-size:13px}.visitor-reviews select{font-size:12px}.visitor-compose{padding:16px!important}.review-grid{grid-template-columns:minmax(0,1fr)}html[data-design=studio] .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-choice .theme-preview{height:110px}html[data-design=studio] dialog{padding:23px 18px;max-width:calc(100vw - 20px);width:calc(100vw - 20px);border-radius:18px;max-height:90dvh}.dialog-heading h2{font-size:26px}.comparison-selects{gap:10px}.comparison-selects label{font-size:11px}.comparison-tools{font-size:12px}.detail-summary p{font-size:13px!important}.detail-summary dl{gap:8px}.detail-summary dt{font-size:10px}.detail-summary dd{font-size:13px}.detail-fit p{font-size:16px!important}.detail-fit h3{font-size:11px}.comparison-os-label{font-size:11px}.comparison-table td{font-size:12px}html[data-design=studio] footer{padding:25px 0 28px;margin-top:25px;gap:15px;align-items:center}footer .footer-brand{font-size:20px}footer>p{font-size:10px!important;width:calc(100% - 120px);flex:1;margin:0;line-height:1.6}.studio-support-tools{gap:8px;justify-content:flex-start}.studio-support-tools>span{width:100%;margin:0}.studio-support-tools .button{font-size:10px!important}.studio-credit{width:auto}.studio-quick-links .button{font-size:12px!important}}
@media(max-width:360px){html[data-design=studio] .topbar{padding-left:13px;padding-right:13px}html[data-design=studio] .welcome-brand{font-size:20px}.welcome-brand .brand-icon{margin-right:6px!important}.theme-shortcut{font-size:9px!important;padding:7px!important}html[data-design=studio] #language-select{width:85px}.studio-hero h1{font-size:39px}.studio-hero-actions{gap:12px}.studio-navigation .nav-link{padding-left:7px!important;padding-right:7px!important;font-size:9px!important}.studio-scene-top{font-size:6px}.studio-scene-mode{font-size:8px}.studio-hero-art{height:285px}}
@media(max-width:850px){.studio-copilot-aside{grid-column:1;grid-row:auto}}
@media(max-width:850px){html[data-design=studio] #copiloto .assistant-panel>.studio-copilot-aside{grid-column:1;grid-row:2}}
/* The compact header has two explicit rows; never guess its sticky offset
   from wrapped button text (the previous UI overlapped the navigation). */
@media(max-width:850px){
 html[data-design=studio] .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto 40px;grid-template-rows:40px 44px;gap:8px!important;height:112px!important;min-height:112px!important;padding:10px 20px!important;align-items:center}
 html[data-design=studio] .top-actions{display:contents!important}
 html[data-design=studio] .welcome-brand{grid-row:1;grid-column:1;padding:0;align-self:center}
 html[data-design=studio] #language-select{grid-row:1;grid-column:2;width:105px;height:40px;min-height:40px;margin:0}
 html[data-design=studio] #preferences-open{grid-row:1;grid-column:3;min-height:40px;height:40px;min-width:40px;width:40px;margin:0;padding:6px}
 .studio-visual-tools{grid-row:2;grid-column:1/-1;display:flex;align-items:center;gap:9px;min-width:0;height:44px}
 html[data-design=studio] .studio-visual-tools .theme-shortcut{order:0;margin:0;padding:8px 11px;min-height:44px;font-size:11px}
 html[data-design=studio] .studio-visual-tools .studio-character-toggle{order:1;margin:0 auto 0 0;max-width:none;min-height:44px;padding:8px;font-size:11px;border-color:transparent;background:none}
 html[data-design=studio] .studio-visual-tools .audio-quick-toggle{order:2;margin:0;padding:6px;min-width:44px;min-height:44px;background:none;border-color:transparent}
 html[data-design=studio] .studio-navigation{top:112px!important}
 html[data-design=studio] .studio-navigation .nav-link:before{display:none!important}
 html[data-design=studio] .studio-navigation .nav-link.active{background:none!important}
 html[data-design=studio] #copiloto #messages[data-conversation-scenery=welcome]{height:200px;min-height:160px}
}
@media(max-width:600px){html[data-design=studio] .topbar{padding-left:18px!important;padding-right:18px!important}.studio-visual-tools{gap:5px}html[data-design=studio] .studio-visual-tools .studio-character-toggle{font-size:10px}html[data-design=studio] .studio-visual-tools .theme-shortcut{font-size:10px}html[data-design=studio] .studio-visual-tools .audio-toggle-label{display:none}}
@media(max-width:360px){html[data-design=studio] .topbar{grid-template-columns:minmax(0,1fr) 85px 36px;gap:6px!important;padding-left:13px!important;padding-right:13px!important}html[data-design=studio] #language-select{width:85px}html[data-design=studio] #preferences-open{width:36px;min-width:36px}.studio-visual-tools{gap:2px}html[data-design=studio] .studio-visual-tools .theme-shortcut{font-size:9px;padding:7px}html[data-design=studio] .studio-visual-tools .studio-character-toggle{font-size:9px;padding:5px}}
/* Motion edition: clearly visible scene choreography, isolated from reading. */
html[data-design=studio]{--studio-particle-motion:studio-starlight;--studio-particle-time:5s;--studio-scene-motion:studio-drift}
[data-design=studio][data-theme=aurora]{--studio-particle-motion:studio-firefly;--studio-particle-time:7s;--studio-scene-motion:studio-aurora}
[data-design=studio][data-theme=sunset]{--studio-particle-motion:studio-ember;--studio-particle-time:6s;--studio-scene-motion:studio-sunlight}
[data-design=studio][data-theme=vocaloid]{--studio-particle-motion:studio-beat;--studio-particle-time:1.8s;--studio-scene-motion:studio-stage-light}
[data-design=studio][data-theme=sakura]{--studio-particle-motion:studio-dust;--studio-particle-time:8s;--studio-scene-motion:studio-nocturne}
[data-design=studio][data-theme=ocean]{--studio-particle-motion:studio-bubble;--studio-particle-time:7s;--studio-scene-motion:studio-caustic}
[data-design=studio][data-theme=terminal]{--studio-particle-motion:studio-data;--studio-particle-time:4s;--studio-scene-motion:studio-scan}
[data-design=studio][data-theme=carbon]{--studio-particle-motion:studio-ember;--studio-particle-time:8s;--studio-scene-motion:studio-sunlight}
.studio-scene-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.studio-scene-fx:before{content:'';position:absolute;inset:-30%;background:conic-gradient(from 160deg at 45% 20%,transparent 0deg,var(--studio-accent) 18deg,transparent 40deg,var(--studio-warm) 65deg,transparent 85deg);mix-blend-mode:screen;filter:blur(25px);opacity:.16;transform-origin:50% 0;animation:var(--studio-scene-motion) 12s ease-in-out infinite alternate}
.studio-scene-fx i{position:absolute;left:var(--particle-x);top:var(--particle-y);width:3px;height:3px;border-radius:50%;background:var(--studio-accent);box-shadow:0 0 10px var(--studio-accent);animation:var(--studio-particle-motion) var(--studio-particle-time) ease-in-out infinite;animation-delay:calc(var(--particle)*-.83s);opacity:.6}
[data-theme=ocean] .studio-scene-fx i{width:7px;height:7px;background:transparent;border:1px solid #c2f6ff99;box-shadow:inset 1px 1px 2px #fff5}
[data-theme=vocaloid] .studio-scene-fx i{width:3px;height:28px;border-radius:2px;top:auto;bottom:15%;transform-origin:50% 100%;opacity:.7}
[data-theme=terminal] .studio-scene-fx i{width:2px;height:22px;border-radius:0;background:linear-gradient(transparent,var(--studio-accent))}
[data-theme=sakura] .studio-scene-fx i{width:4px;height:4px;box-shadow:0 0 7px var(--studio-warm)}
html[data-design=studio] :is(.button,.studio-path-card,.studio-theme-strip button,.theme-choice,.studio-secondary,.catalog-tabs button){transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s,border-color .25s,box-shadow .25s,color .25s}
html[data-design=studio] :is(.button,.studio-theme-strip button):active{transform:translateY(1px) scale(.98)}
.studio-navigation .nav-link.active:after{animation:studio-underline .35s ease-out both;transform-origin:0 50%}
html[data-design=studio][data-vfx=full]:not(.reduce-motion):not(.motion-paused):not([data-performance=light]) .studio-page-enter>:is(.studio-masthead,.studio-hero,.catalog,.equipment-grid,.assistant-panel,.visitor-reviews,.journey){animation:studio-page-in .65s cubic-bezier(.16,.8,.2,1) both}
html[data-design=studio][data-vfx=full]:not(.reduce-motion):not(.motion-paused):not([data-performance=light]) .studio-page-enter>:is(.catalog,.equipment-grid,.assistant-panel,.visitor-reviews,.journey){animation-delay:.09s}
.studio-scene-card:not(.studio-scene-visible) :is(.studio-scene-glow,.studio-scene-fx:before,.studio-scene-fx i){animation-play-state:paused}
@keyframes studio-page-in{from{opacity:0;transform:translateY(24px) scale(.995)}to{opacity:1;transform:none}}
@keyframes studio-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes studio-drift{from{transform:rotate(-8deg) translateX(-3%);opacity:.12}to{transform:rotate(9deg) translateX(3%);opacity:.24}}
@keyframes studio-aurora{from{transform:skewX(-18deg) translateX(-15%);opacity:.15}to{transform:skewX(12deg) translateX(12%);opacity:.35}}
@keyframes studio-sunlight{from{transform:rotate(-13deg);opacity:.1}to{transform:rotate(8deg);opacity:.28}}
@keyframes studio-stage-light{from{transform:rotate(-20deg);opacity:.13}to{transform:rotate(20deg);opacity:.3}}
@keyframes studio-nocturne{from{transform:translateX(-10%) rotate(-8deg);opacity:.1}to{transform:translateX(10%) rotate(8deg);opacity:.25}}
@keyframes studio-caustic{from{transform:scale(.85,1.1) rotate(-12deg);opacity:.15}to{transform:scale(1.15,.9) rotate(12deg);opacity:.35}}
@keyframes studio-scan{from{transform:translateY(-10%);opacity:.08}to{transform:translateY(25%);opacity:.28}}
@keyframes studio-starlight{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:.9;transform:scale(1.3)}}
@keyframes studio-firefly{0%,100%{opacity:.1;transform:translate(-8px,10px)}50%{opacity:.85;transform:translate(12px,-18px)}}
@keyframes studio-ember{0%{opacity:0;transform:translate(0,45px) scale(.5)}30%{opacity:.8}100%{opacity:0;transform:translate(-22px,-75px) scale(1.2)}}
@keyframes studio-beat{0%,100%{transform:scaleY(.2);opacity:.3}35%{transform:scaleY(1.5);opacity:.8}70%{transform:scaleY(.65);opacity:.5}}
@keyframes studio-dust{0%{opacity:0;transform:translate(-16px,20px)}35%{opacity:.8}100%{opacity:0;transform:translate(30px,-35px)}}
@keyframes studio-bubble{0%{opacity:0;transform:translate(-5px,80px) scale(.65)}25%{opacity:.75}100%{opacity:0;transform:translate(15px,-120px) scale(1.1)}}
@keyframes studio-data{0%{opacity:0;transform:translateY(-70px)}25%{opacity:.8}100%{opacity:0;transform:translateY(100px)}}
:is([data-vfx=off],[data-vfx=soft],.reduce-motion,.motion-paused,[data-performance=light]) :is(.studio-scene-glow,.studio-in-view,.studio-scene-fx:before,.studio-scene-fx i,.studio-page-enter>*,.studio-navigation .nav-link.active:after){animation:none!important}
:is([data-vfx=off],[data-vfx=soft],.reduce-motion,.motion-paused,[data-performance=light]) .studio-scene-fx{display:none}
/* Snapshot choreography is visible during navigation; staggered panels follow
   only after the browser releases its frozen view. Header stays readable. */
html[data-design=studio]{--studio-route-enter:studio-route-depth}
html[data-design=studio][data-theme=aurora]{--studio-route-enter:studio-route-aurora}
html[data-design=studio][data-theme=sunset]{--studio-route-enter:studio-route-sunrise}
html[data-design=studio][data-theme=vocaloid]{--studio-route-enter:studio-route-stage}
html[data-design=studio][data-theme=sakura]{--studio-route-enter:studio-route-nocturne}
html[data-design=studio][data-theme=ocean]{--studio-route-enter:studio-route-tide}
html[data-design=studio][data-theme=terminal]{--studio-route-enter:studio-route-scan}
html[data-design=studio][data-theme=carbon]{--studio-route-enter:studio-route-slide}
html[data-design=studio][data-route-transition]::view-transition-group(root){animation-duration:.85s}
html[data-design=studio][data-route-transition]::view-transition-old(root){animation:studio-route-leave .3s ease-in both!important;mix-blend-mode:normal}
html[data-design=studio][data-route-transition]::view-transition-new(root){animation:var(--studio-route-enter) .85s cubic-bezier(.16,.8,.2,1) both!important;mix-blend-mode:normal}
@keyframes studio-route-leave{to{opacity:0;transform:translateY(-22px) scale(.985);filter:blur(3px)}}
@keyframes studio-route-depth{from{opacity:0;transform:perspective(1500px) translateY(55px) rotateX(3deg) scale(.96);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes studio-route-aurora{from{opacity:0;clip-path:inset(0 0 100% 0 round 40px);transform:translateY(35px)}to{opacity:1;clip-path:inset(0 round 0);transform:none}}
@keyframes studio-route-sunrise{from{opacity:.2;clip-path:circle(5% at 80% 95%);transform:scale(1.025)}to{opacity:1;clip-path:circle(150% at 80% 95%);transform:none}}
@keyframes studio-route-stage{from{opacity:0;clip-path:inset(0 48% 0 48%);transform:scale(1.035)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes studio-route-nocturne{from{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(35px)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:none}}
@keyframes studio-route-tide{from{opacity:.1;clip-path:ellipse(100% 5% at 50% 100%);transform:translateY(30px)}to{opacity:1;clip-path:ellipse(150% 160% at 50% 100%);transform:none}}
@keyframes studio-route-scan{from{opacity:.2;clip-path:inset(0 100% 0 0);filter:brightness(1.25)}to{opacity:1;clip-path:inset(0);filter:brightness(1)}}
@keyframes studio-route-slide{from{opacity:0;transform:translateX(60px) scale(.98);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes studio-route-prism{from{opacity:.1;clip-path:polygon(50% 20%,50% 50%,50% 80%,50% 50%);transform:scale(1.03)}to{opacity:1;clip-path:polygon(50% -100%,200% 50%,50% 200%,-100% 50%);transform:none}}
@keyframes studio-route-orbit{from{opacity:.1;clip-path:circle(3% at 70% 25%);transform:rotate(-1deg) scale(.98)}to{opacity:1;clip-path:circle(150% at 70% 25%);transform:none}}
@keyframes studio-route-silk{from{opacity:0;transform:translateX(-45px) skewX(-2deg);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes studio-route-horizon{from{opacity:.2;clip-path:ellipse(70% 2% at 50% 50%)}to{opacity:1;clip-path:ellipse(150% 150% at 50% 50%)}}
@keyframes studio-route-diagonal{from{opacity:.1;clip-path:polygon(0 0,5% 0,0 5%)}to{opacity:1;clip-path:polygon(0 0,200% 0,0 200%)}}
@keyframes studio-route-heat{from{opacity:0;transform:translateY(-30px) scaleY(1.04);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes studio-route-shutters{from{opacity:.2;clip-path:inset(46% 0 46% 0);transform:scale(.98)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes studio-route-spotlight{from{opacity:.1;clip-path:circle(2% at 50% 35%);filter:brightness(1.2)}to{opacity:1;clip-path:circle(140% at 50% 35%);filter:brightness(1)}}
@keyframes studio-route-velvet{from{opacity:0;clip-path:inset(100% 0 0 0 round 60px);transform:translateY(-25px)}to{opacity:1;clip-path:inset(0 round 0);transform:none}}
@keyframes studio-route-rose{from{opacity:.1;clip-path:ellipse(3% 50% at 50% 50%);transform:rotate(1deg) scale(1.02)}to{opacity:1;clip-path:ellipse(150% 150% at 50% 50%);transform:none}}
@keyframes studio-route-ripple{from{opacity:.1;clip-path:circle(2% at 5% 95%);transform:scale(1.02)}to{opacity:1;clip-path:circle(160% at 5% 95%);transform:none}}
@keyframes studio-route-current{from{opacity:0;transform:translateX(-65px) translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes studio-route-boot{from{opacity:.1;clip-path:inset(49% 0 49% 0);filter:blur(3px)}60%{clip-path:inset(0);filter:blur(0)}to{opacity:1;clip-path:inset(0);filter:blur(0)}}
@keyframes studio-route-matrix{from{opacity:.1;clip-path:polygon(0 0,0 0,0 30%,0 30%,0 65%,0 65%,0 100%,0 100%)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 30%,100% 30%,100% 65%,100% 65%,100% 100%,0 100%)}}
@keyframes studio-route-aperture{from{opacity:0;clip-path:inset(35% 40% round 40px);transform:scale(.97)}to{opacity:1;clip-path:inset(0 round 0);transform:none}}
@keyframes studio-route-mechanical{from{opacity:.1;clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(-35px)}to{opacity:1;clip-path:polygon(0 0,130% 0,100% 100%,0 100%);transform:none}}
.studio-theme-flash{position:fixed;inset:140px -30% 0;pointer-events:none;z-index:80;opacity:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--studio-accent) 30%,transparent) 48%,color-mix(in srgb,var(--studio-warm) 20%,transparent) 52%,transparent 70%);mix-blend-mode:screen}
[data-theme=ocean] .studio-theme-flash{background:repeating-radial-gradient(ellipse at 20% 80%,transparent 0 36px,#b2f0ff30 38px 40px,transparent 45px 100px)}
[data-theme=vocaloid] .studio-theme-flash{background:repeating-linear-gradient(115deg,transparent 0 12%,#75f5d326 13% 15%,transparent 16% 24%,#ffa6d225 25% 26%)}
[data-theme=terminal] .studio-theme-flash{background:repeating-linear-gradient(180deg,transparent 0 36px,#b4d6ff25 38px 39px,transparent 40px 72px)}
html[data-design=studio][data-vfx=full]:not(.reduce-motion):not(.motion-paused):not([data-performance=light]) .studio-page-enter :is(.hardware-panel,.equipment-grid>*,.family-branch,.review-card,.studio-path-card,.conversation-workspace,.avatar-companion,.studio-copilot-aside,.step-list,.journey-head){animation:var(--studio-panel-enter,studio-panel-arrive) .72s cubic-bezier(.16,.8,.2,1) backwards}
.studio-page-enter :is(.family-branch,.review-card,.equipment-grid>*):nth-child(2n){animation-delay:.1s!important}
.studio-page-enter :is(.family-branch,.review-card,.equipment-grid>*):nth-child(3n){animation-delay:.2s!important}
@keyframes studio-panel-arrive{from{opacity:0;transform:translateY(36px) scale(.975);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes studio-panel-slide{from{opacity:0;transform:translateX(35px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes studio-panel-focus{from{opacity:0;transform:scale(.94);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
html[data-design=studio] .button.primary{position:relative;overflow:hidden;isolation:isolate}
html[data-design=studio] .button.primary:before{content:'';position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-80%) rotate(8deg);opacity:0;transition:none}
html[data-design=studio] .button.primary:is(:hover,:focus-visible):before{animation:studio-button-sheen .65s ease-out}
@keyframes studio-button-sheen{0%{transform:translateX(-65%);opacity:0}20%{opacity:.7}100%{transform:translateX(65%);opacity:0}}
html[data-design=studio]:is([data-vfx=off],[data-vfx=soft],.reduce-motion,.motion-paused,[data-performance=light])::view-transition-new(root),html[data-design=studio]:is([data-vfx=off],[data-vfx=soft],.reduce-motion,.motion-paused,[data-performance=light])::view-transition-old(root){animation:none!important}
html[data-design=studio]:is([data-vfx=off],.reduce-motion,.motion-paused,[data-performance=light]) :is(.studio-page-enter *,.button.primary:before){animation:none!important}
@media(max-width:850px){.studio-theme-flash{top:162px}}
@media(prefers-reduced-motion:reduce){html[data-design=studio] *,html[data-design=studio] *:before,html[data-design=studio] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}html[data-design=studio]::view-transition-new(root),html[data-design=studio]::view-transition-old(root){animation:none!important}}