:root{--cyan:#42f4f1;--pink:#ff5edf;--violet:#9b6cff;--ink:#05070d;--panel:rgba(7,9,18,.82);--text:#f7f4ff;--muted:#b9afc9;--line:rgba(255,94,223,.48)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 15%,rgba(0,223,214,.14),transparent 32rem),radial-gradient(circle at 85% 22%,rgba(255,0,221,.13),transparent 34rem),#03050a}.creator-shell{width:min(1420px,calc(100% - 2rem));margin:auto;padding:7rem 0 5rem}.intro{max-width:850px;margin-bottom:2rem}.eyebrow{margin:0 0 .55rem;color:var(--cyan);font-size:.72rem;font-weight:850;letter-spacing:.22em}.intro h1{margin:.2rem 0;font-size:clamp(2.5rem,6vw,5.6rem);line-height:.96;font-weight:300;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--violet));-webkit-background-clip:text;color:transparent}.intro>p:last-child{max-width:720px;color:var(--muted);font-size:1.15rem}.glass{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(12,17,28,.92),rgba(5,5,12,.82));box-shadow:0 24px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04)}.auth-card{max-width:760px;padding:1.5rem}.auth-card form,.controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.workspace{display:grid;grid-template-columns:290px 1fr;gap:1.25rem}.library-panel{padding:1rem;min-height:640px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin:0}.icon-button{width:40px;height:40px;font-size:1.5rem;color:#03100f;background:var(--cyan);border-color:var(--cyan)}.character-list{display:grid;gap:.55rem;margin:1.2rem 0}.character-item{padding:.8rem;text-align:left;border-color:rgba(255,94,223,.28);background:rgba(10,8,19,.8)}.character-item.active{border-color:var(--cyan);box-shadow:0 0 18px rgba(66,244,241,.16)}.character-item strong,.character-item small{display:block}.character-item small{color:var(--muted);margin-top:.25rem}.editor-panel{padding:1rem}.editor-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.15fr);gap:1.4rem}.preview-stage{min-height:520px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(66,244,241,.36);border-radius:14px;background:radial-gradient(circle at 50% 38%,rgba(116,52,136,.22),transparent 31%),linear-gradient(#070913,#020307)}.preview-stage:before{content:"";position:absolute}.avatar{--hair:#c7ae87;--eye:#39b67e;--skin:#f8ddcf;--shirt:#9b2879;position:relative;width:260px;height:390px}.face{position:absolute;z-index:3;left:53px;top:82px;width:154px;height:180px;border-radius:46% 46% 48% 48%;background:var(--skin);box-shadow:inset 0 -15px 30px rgba(153,74,79,.12)}.hair{position:absolute;background:var(--hair)}.hair.back{z-index:1;left:29px;top:28px;width:202px;height:286px;border-radius:49% 49% 38% 38%}.hair.fringe{z-index:5;left:45px;top:42px;width:170px;height:100px;border-radius:50% 50% 55% 18%;clip-path:polygon(0 0,100% 0,84% 80%,65% 46%,55% 96%,38% 52%,20% 88%)}.ear{position:absolute;z-index:2;top:145px;width:30px;height:61px;border-radius:50%;background:var(--skin)}.ear.left{left:39px}.ear.right{right:39px}.eye{position:absolute;top:80px;width:34px;height:43px;border-radius:52%;background:radial-gradient(circle at 50% 55%,#111 0 19%,var(--eye) 21% 55%,#fff 57%)}.eye.left{left:28px}.eye.right{right:28px}.mouth{position:absolute;left:57px;bottom:34px;width:42px;height:15px;border-bottom:5px solid #db517f;border-radius:50%}.neck{position:absolute;z-index:2;left:98px;top:245px;width:64px;height:82px;background:var(--skin)}.shirt{position:absolute;z-index:4;left:8px;bottom:0;width:244px;height:118px;border-radius:52% 52% 5px 5px;background:var(--shirt)}.avatar.john .hair.back{height:190px;border-radius:46%}.avatar.john .hair.fringe{height:110px}.preview-note{color:var(--muted);font-size:.78rem}.identity-code{display:grid;grid-template-columns:1fr auto;gap:.35rem;margin-top:1rem;padding:1rem;border:1px solid rgba(66,244,241,.3);border-radius:12px}.identity-code span{grid-column:1/-1;color:var(--muted);font-size:.65rem;letter-spacing:.18em}.identity-code strong{font-family:Consolas,monospace;color:var(--cyan);letter-spacing:.16em}.controls{display:grid;gap:1rem}.controls fieldset{margin:0;padding:1rem;border:1px solid rgba(255,94,223,.32);border-left:3px solid var(--cyan);border-radius:12px}.controls legend{padding:0 .45rem;color:#eec9ff;font-weight:750}.full{grid-column:1/-1}label,.field-label{display:grid;gap:.38rem;color:#d9d1e5;font-size:.8rem}input,select,button{min-height:42px;border:1px solid rgba(255,94,223,.48);border-radius:9px;color:var(--text);background:#080813;padding:.55rem .72rem;font:inherit}input[type=color]{width:100%;padding:.25rem}input[type=range]{accent-color:var(--cyan)}button{cursor:pointer}button:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(66,244,241,.16)}.primary{font-weight:800;color:#071014;background:linear-gradient(90deg,var(--cyan),#91fff9)}.button-row,.form-actions{display:flex;gap:.7rem;align-items:center}.auth-card .button-row{grid-column:1/-1}.model-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.model-grid input{position:absolute;opacity:0}.model-grid span{display:block;padding:.8rem;text-align:center;border:1px solid rgba(255,94,223,.4);border-radius:9px}.model-grid input:checked+span{color:var(--cyan);border-color:var(--cyan);background:rgba(66,244,241,.09)}.skin-tones{display:flex;gap:.55rem}.skin-tone{width:38px;height:38px;min-height:38px;padding:0;border-radius:50%}.skin-tone.active{outline:2px solid var(--cyan);outline-offset:3px}.status{min-height:1.3em;color:var(--cyan)}.danger-link{color:#ff8cba;background:transparent}.subtle{background:rgba(255,255,255,.03)}.wide{width:100%}@media(max-width:950px){.workspace,.editor-grid{grid-template-columns:1fr}.library-panel{min-height:auto}.preview-stage{min-height:420px}}@media(max-width:600px){.creator-shell{width:min(100% - 1rem,1420px);padding-top:6rem}.auth-card form,.controls fieldset{grid-template-columns:1fr}.full{grid-column:auto}.intro h1{font-size:3rem}}
.provider-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin:1.2rem 0}.provider-button{display:flex;align-items:center;justify-content:center;gap:.7rem;background:#fff;color:#202124;border-color:#d5d9df;font-weight:700}.provider-button:hover{border-color:var(--cyan);background:#fff}.google-mark{font-size:1.2rem;font-weight:900;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;color:transparent}.microsoft-mark{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:2px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.twitch-provider{color:#fff;background:#9146ff;border-color:#a970ff}.twitch-provider:hover{color:#fff;background:#772ce8;border-color:var(--cyan)}.twitch-mark{display:grid;place-items:center;width:19px;height:19px;color:#9146ff;background:#fff;clip-path:polygon(0 0,100% 0,100% 72%,70% 72%,50% 100%,50% 72%,0 72%);font-size:.55rem}.auth-divider{display:flex;align-items:center;gap:.7rem;margin:.25rem 0 1rem;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.12)}.auth-trust{display:grid;grid-template-columns:36px 1fr;gap:.8rem;margin-top:1rem;padding:.9rem;border:1px solid rgba(66,244,241,.24);border-radius:12px;background:rgba(66,244,241,.045)}.trust-shield{display:grid;place-items:center;width:32px;height:36px;color:#061312;background:linear-gradient(145deg,var(--cyan),#b6fffb);clip-path:polygon(50% 0,92% 16%,85% 72%,50% 100%,15% 72%,8% 16%);font-weight:900}.auth-trust strong{font-size:.84rem}.auth-trust p{margin:.25rem 0;color:var(--muted);font-size:.76rem;line-height:1.45}.auth-trust a{color:var(--cyan);font-size:.76rem}.auth-card h2{margin:.2rem 0}.auth-card .status{margin-bottom:0}@media(max-width:600px){.provider-buttons{grid-template-columns:1fr}}
[hidden]{display:none!important}
.security-document{max-width:850px;margin:0 auto;padding:clamp(1.4rem,4vw,3rem)}.security-document h1{margin:.25rem 0 1rem;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:300;line-height:1;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;color:transparent}.security-document h2{margin:1.6rem 0 .35rem;color:#eedcff}.security-document p{color:var(--muted);line-height:1.65}.security-document .security-lede{color:var(--text);font-size:1.1rem}.security-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.security-button{display:inline-flex;align-items:center;min-height:42px;padding:.55rem .9rem;border:1px solid rgba(255,94,223,.48);border-radius:9px;color:var(--text);text-decoration:none}.security-button:hover{border-color:var(--cyan)}
.preview-column{min-width:0}.preview-stage{position:relative;display:block;width:min(100%,360px);min-height:0;margin-inline:auto;aspect-ratio:9/16;background:#000}.preview-stage canvas{display:block;width:100%;height:100%;background:#000}.preview-status{position:absolute;left:50%;top:50%;z-index:2;display:none;min-width:10rem;max-width:calc(100% - 2rem);margin:0;padding:.8rem 1rem;transform:translate(-50%,-50%);border:1px solid rgba(66,244,241,.55);border-radius:12px;color:var(--cyan);background:rgba(2,3,7,.78);box-shadow:0 .7rem 2rem rgba(0,0,0,.4);font-size:1rem;font-weight:700;text-align:center;pointer-events:none}.preview-status.active{display:grid;justify-items:center;gap:.45rem}.preview-status.error{display:block;color:#ff8cba;border-color:rgba(255,94,160,.5)}.preview-status.error .aurora-loader{display:none}.aurora-loader{position:relative;width:3.5rem;height:2.1rem;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding-bottom:4px;filter:drop-shadow(0 0 5px rgba(66,244,241,.7));animation:aurora-loader-color 2.4s linear infinite}.aurora-loader:after{position:absolute;right:.1rem;bottom:2px;left:.1rem;height:4px;content:"";border-radius:50%;background:linear-gradient(90deg,#00ffaa,#00d4ff 35%,#a855f7 68%,#ff3fba)}.aurora-loader i{width:5px;height:100%;border-radius:5px 5px 1px 1px;background:linear-gradient(to top,#00f5dc 0%,rgba(79,180,255,.8) 45%,rgba(168,85,247,0) 100%);transform-origin:bottom;animation:aurora-loader-wave 1.15s ease-in-out infinite}.aurora-loader i:nth-child(2){animation-delay:-.95s}.aurora-loader i:nth-child(3){animation-delay:-.8s}.aurora-loader i:nth-child(4){animation-delay:-.65s}.aurora-loader i:nth-child(5){animation-delay:-.5s}.aurora-loader i:nth-child(6){animation-delay:-.35s}.aurora-loader i:nth-child(7){animation-delay:-.2s}@keyframes aurora-loader-wave{0%,100%{transform:scaleY(.35);opacity:.68}50%{transform:scaleY(1);opacity:1}}@keyframes aurora-loader-color{to{filter:hue-rotate(360deg) drop-shadow(0 0 5px rgba(66,244,241,.7))}}@media(prefers-reduced-motion:reduce){.aurora-loader,.aurora-loader i{animation:none}.aurora-loader i{transform:scaleY(.7)}}
.preview-stage canvas{cursor:move;touch-action:none;user-select:none}.preview-stage canvas[data-drag-button="0"]{cursor:grabbing}.framing-workspace{display:grid;grid-template-columns:4rem minmax(0,360px) 4rem;grid-template-rows:auto auto auto;justify-content:center;gap:.65rem;margin-inline:auto}.framing-workspace .preview-stage{grid-column:2;grid-row:1}.framing-slider{display:grid;gap:.35rem;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}.framing-slider output{color:var(--cyan);font-size:.68rem;letter-spacing:0}.framing-slider input[type=range]{accent-color:var(--cyan);cursor:pointer}.framing-slider-pitch,.framing-slider-zoom{grid-row:1;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch}.framing-slider-pitch{grid-column:1}.framing-slider-zoom{grid-column:3}.framing-slider-pitch input[type=range],.framing-slider-zoom input[type=range]{grid-row:2;height:100%;margin:0;writing-mode:vertical-lr;direction:rtl}.framing-slider-pitch .editable-range-value,.framing-slider-zoom .editable-range-value{grid-row:3;align-self:end}.framing-slider-yaw{grid-column:2;grid-row:2;grid-template-columns:auto auto 1fr;align-items:center}.framing-slider-yaw input[type=range]{width:100%;margin:0}.reset-framing{grid-column:2;grid-row:3;justify-self:center;min-height:0;padding:.45rem .7rem;border-color:rgba(66,244,241,.6);color:var(--cyan);background:rgba(2,3,7,.85);font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@media(max-width:600px){.framing-workspace{grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;gap:.4rem}.framing-slider{font-size:.55rem}}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.65rem 1rem;color:var(--text);background:#000}.skip-link:focus{top:1rem}
.workspace{grid-template-columns:minmax(0,1fr)}
.library-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(12rem,.75fr) minmax(0,1.65fr) auto auto auto;align-items:center;gap:.8rem;min-height:0;padding:1rem 1.15rem}
.library-panel .panel-heading{grid-column:1;gap:.7rem}
.library-panel .character-list{grid-column:2;display:flex;align-items:stretch;gap:.55rem;min-width:0;margin:0;overflow-x:auto;padding:.15rem}
.library-panel .character-item{flex:0 0 min(13rem,70vw);min-height:3.7rem}
.library-panel .catalog-link{grid-column:3;width:auto;white-space:nowrap;margin:0}
.library-panel>a:not(.catalog-link){grid-column:4;width:auto;white-space:nowrap}
.library-panel #sign-out{grid-column:5;width:auto;white-space:nowrap}
.editor-panel{grid-column:1}
.editor-grid{grid-template-columns:minmax(34rem,1.35fr) minmax(22rem,.65fr);gap:1.6rem}
.preview-stage{width:min(100%,43rem);margin-inline:auto}
.framing-workspace{grid-template-columns:4.5rem minmax(0,43rem) 4.5rem}
@media(max-width:1100px){.library-panel{grid-template-columns:minmax(10rem,.8fr) minmax(0,1.2fr) auto auto}.library-panel #sign-out{grid-column:4}.library-panel>a:not(.catalog-link){grid-column:3}.library-panel .catalog-link{grid-column:3;grid-row:2}.editor-grid{grid-template-columns:minmax(0,1fr)}.preview-stage{width:min(100%,38rem)}.framing-workspace{grid-template-columns:4rem minmax(0,38rem) 4rem}}
@media(max-width:760px){.library-panel{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.library-panel .panel-heading,.library-panel .character-list{grid-column:1/-1}.library-panel .catalog-link,.library-panel>a:not(.catalog-link),.library-panel #sign-out{grid-column:auto;grid-row:auto;width:100%;white-space:normal}.preview-stage{width:100%}.framing-workspace{grid-template-columns:3.25rem minmax(0,1fr) 3.25rem}}
.unsaved-banner{grid-column:1/-1;position:sticky;top:6.1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid rgba(255,185,64,.72);border-left:4px solid #ffbd4a;border-radius:12px;color:#fff5d9;background:rgba(34,20,4,.96);box-shadow:0 14px 42px rgba(0,0,0,.48),0 0 22px rgba(255,189,74,.12);backdrop-filter:blur(18px)}.unsaved-banner div{display:grid;gap:.18rem}.unsaved-banner strong{color:#ffd27a}.unsaved-banner span{font-size:.8rem;color:#eadfc8}.unsaved-banner button{flex:0 0 auto}@media(max-width:760px){.unsaved-banner{top:5.35rem;align-items:stretch;flex-direction:column}.unsaved-banner button{width:100%}}
.creator-step{margin:0;border:1px solid rgba(255,94,223,.32);border-left:3px solid var(--cyan);border-radius:12px;background:rgba(6,7,14,.42);overflow:hidden}.creator-step summary{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;color:#eec9ff;font-weight:750;cursor:pointer;list-style:none}.creator-step summary::-webkit-details-marker{display:none}.creator-step summary:after{content:"+";margin-left:auto;color:var(--cyan);font-size:1.1rem}.creator-step[open] summary{border-bottom:1px solid rgba(255,94,223,.2);background:rgba(66,244,241,.045)}.creator-step[open] summary:after{content:"−"}.creator-step summary>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid rgba(66,244,241,.45);border-radius:50%;color:var(--cyan);font-size:.7rem}.creator-step>label,.creator-step>div{margin:1rem}.creator-step-name{border-color:rgba(255,189,74,.7);border-left-color:#ffbd4a;box-shadow:0 0 24px rgba(255,189,74,.1)}.creator-step-name summary{color:#ffe1a6}.creator-step-name summary>span{border-color:#ffbd4a;color:#ffd27a}.creator-step-name input{font-size:1.05rem;border-color:rgba(255,189,74,.68)}
.code-instruction{grid-column:1/-1;margin:.2rem 0 0;color:var(--muted);font-size:.78rem}
.controls.compact-mode{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.compact-mode .creator-step{display:block;padding:.85rem;overflow:visible}.compact-mode .creator-step summary{display:none}.compact-mode .creator-step>label,.compact-mode .creator-step>div{margin:0}.compact-mode .creator-step-name,.compact-mode [data-step="model"],.compact-mode [data-step="appearance"],.compact-mode [data-step="clothing"],.compact-mode [data-step="voice"],.compact-mode .form-actions,.compact-mode #save-status{grid-column:1/-1}.compact-mode .creator-step-name{padding:1rem}.compact-mode .model-grid{grid-column:auto}@media(max-width:600px){.controls.compact-mode{grid-template-columns:1fr}.compact-mode .creator-step-name,.compact-mode [data-step="model"],.compact-mode [data-step="appearance"],.compact-mode [data-step="clothing"],.compact-mode [data-step="voice"],.compact-mode .form-actions,.compact-mode #save-status{grid-column:auto}}
.control-group,.control-section,.control-section>*{min-width:0}.control-group{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.control-section{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,94,223,.18)}.control-section:last-child{padding-bottom:0;border-bottom:0}.control-section input,.control-section select,.control-section label,.range-control input[type=range]{width:100%;max-width:100%}.skin-controls{grid-template-columns:minmax(0,1fr);align-items:stretch}.clothing-controls{grid-template-columns:minmax(0,1fr)}.clothing-controls .control-section{grid-template-columns:minmax(0,1fr);padding:0 0 1rem;border-right:0;border-bottom:1px solid rgba(255,94,223,.18)}.clothing-controls .control-section:last-child{padding-bottom:0;border-bottom:0}.range-control{display:grid;gap:.38rem}.range-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.range-heading output{color:var(--cyan);font-weight:750}.range-control input[type=range]{margin:0}.voice-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.voice-controls .voice-picker{grid-column:1/-1}.voice-controls .range-control{min-width:0}@media(max-width:760px){.voice-controls{grid-template-columns:minmax(0,1fr)}}
.voice-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}.voice-picker label{min-width:0}.voice-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;border-color:rgba(66,244,241,.55);background:rgba(66,244,241,.08)}.voice-preview-button span[aria-hidden="true"]{color:var(--cyan);font-size:1rem}.voice-preview-note,.voice-preview-status{grid-column:1/-1;margin:0;font-size:.76rem;line-height:1.45}.voice-preview-note{color:var(--muted)}.voice-preview-status{min-height:1.2em;color:var(--cyan)}.voice-preview-status:empty{display:none}@media(max-width:600px){.voice-picker{grid-template-columns:1fr}.voice-preview-button{width:100%}.voice-preview-note,.voice-preview-status{grid-column:auto}}
@media(min-width:1101px){.editor-grid>.controls{height:var(--controls-panel-height,auto);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:.55rem;scrollbar-color:var(--cyan) rgba(155,108,255,.12);scrollbar-gutter:stable}.editor-grid>.controls::-webkit-scrollbar{width:.7rem}.editor-grid>.controls::-webkit-scrollbar-track{border:1px solid rgba(155,108,255,.18);border-radius:999px;background:rgba(2,3,7,.72)}.editor-grid>.controls::-webkit-scrollbar-thumb{border:2px solid rgba(2,3,7,.72);border-radius:999px;background:linear-gradient(var(--cyan),var(--violet))}.editor-grid>.controls::-webkit-scrollbar-thumb:hover{background:linear-gradient(#91fff9,var(--pink))}}
.new-character-dialog{width:min(30rem,calc(100% - 2rem));padding:0;border:1px solid rgba(66,244,241,.62);border-radius:16px;color:var(--text);background:linear-gradient(145deg,rgba(7,16,24,.98),rgba(18,8,28,.98));box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 36px rgba(66,244,241,.12)}.new-character-dialog::backdrop{background:rgba(1,2,7,.78);backdrop-filter:blur(5px)}.new-character-dialog form{display:grid;gap:.8rem;padding:1.4rem}.new-character-dialog h2,.new-character-dialog p{margin:0}.new-character-dialog>form>p:not(.eyebrow){color:var(--muted);line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:.4rem}@media(max-width:520px){.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions button{width:100%}}
.controls{grid-auto-rows:max-content;align-content:start}
.library-panel{grid-template-columns:minmax(12rem,.75fr) minmax(0,1fr) auto auto;align-items:center}.library-panel .character-carousel{position:relative;grid-column:2/-1;grid-row:1;min-width:0}.library-panel .character-list{display:flex;gap:.7rem;min-width:0;margin:0;padding:.15rem .1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.library-panel .character-list::-webkit-scrollbar{display:none}.library-panel .character-item{flex:0 0 clamp(11.5rem,18vw,14rem);min-height:3.7rem}.character-carousel-arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:2.4rem;min-height:4.2rem;padding:0;transform:translateY(-50%);border-color:rgba(66,244,241,.72);color:var(--cyan);background:linear-gradient(90deg,rgba(3,5,10,.98),rgba(3,5,10,.82));box-shadow:0 0 1.4rem rgba(66,244,241,.2);font-size:2rem}.character-carousel-arrow.previous{left:.15rem}.character-carousel-arrow.next{right:.15rem}.library-panel .catalog-link{grid-column:2;grid-row:2;justify-self:start}.library-panel>a:not(.catalog-link){grid-column:3;grid-row:2}.library-panel #sign-out{grid-column:4;grid-row:2}.library-panel .character-carousel-arrow[hidden]{display:none!important}@media(max-width:1100px){.library-panel{grid-template-columns:minmax(10rem,.8fr) minmax(0,1fr) auto}.library-panel .character-carousel{grid-column:2/-1}.library-panel .catalog-link{grid-column:2;grid-row:2}.library-panel>a:not(.catalog-link){grid-column:3;grid-row:2}.library-panel #sign-out{grid-column:3;grid-row:3}}@media(max-width:760px){.library-panel{grid-template-columns:1fr 1fr}.library-panel .panel-heading,.library-panel .character-carousel{grid-column:1/-1}.library-panel .character-carousel{grid-row:2}.library-panel .catalog-link,.library-panel>a:not(.catalog-link),.library-panel #sign-out{grid-column:auto;grid-row:auto;width:100%}}
.editable-range-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:.2rem;color:var(--cyan);font-weight:750}.editable-range-value .range-value-input,.editable-range-value .fit-value-input{width:5.25rem;min-height:2rem;padding:.2rem .35rem;border-color:rgba(66,244,241,.48);color:var(--cyan);background:rgba(2,3,7,.82);font-size:.75rem;font-weight:750;text-align:right}.framing-slider .editable-range-value{justify-content:center;writing-mode:horizontal-tb;direction:ltr}.framing-slider .range-value-input{width:3.65rem;height:1.75rem;min-height:1.75rem;padding:.15rem .25rem;font-size:.62rem;writing-mode:horizontal-tb;direction:ltr}.asset-fit-grid .editable-range-value{font-size:.72rem}
.library-limit{display:block;margin-top:.25rem;color:var(--muted);font-size:.7rem;font-weight:650}.catalog-link{justify-content:center;gap:.45rem;margin-bottom:.55rem;border-color:rgba(66,244,241,.4);background:linear-gradient(110deg,rgba(66,244,241,.08),rgba(155,108,255,.09))}.catalog-link span{color:#ffd16d}.sharing-control{display:grid;gap:.85rem;margin-top:1rem;padding:1rem;border:1px solid rgba(66,244,241,.3);border-radius:14px;background:linear-gradient(145deg,rgba(7,16,24,.88),rgba(18,8,28,.82))}.sharing-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.sharing-heading h2{margin:0;font-size:1rem}.sharing-heading .eyebrow{margin-bottom:.25rem}.visibility-badge{flex:0 0 auto;padding:.3rem .55rem;border:1px solid rgba(66,244,241,.38);border-radius:999px;color:var(--cyan);background:rgba(66,244,241,.07);font-size:.68rem;font-weight:850}.visibility-badge.community{color:#ffd16d;border-color:rgba(255,209,109,.44);background:rgba(255,209,109,.08)}.visibility-options{display:grid;gap:.55rem}.visibility-options label{position:relative;display:block}.visibility-options input{position:absolute;opacity:0;pointer-events:none}.visibility-options label>span{display:grid;gap:.18rem;padding:.75rem .8rem;border:1px solid rgba(255,94,223,.28);border-radius:10px;cursor:pointer;background:rgba(7,7,15,.78)}.visibility-options label>span strong{font-size:.82rem}.visibility-options label>span small{color:var(--muted);font-size:.72rem;line-height:1.4}.visibility-options input:checked+span{border-color:var(--cyan);background:rgba(66,244,241,.075);box-shadow:0 0 1rem rgba(66,244,241,.08)}.visibility-options input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.platform-link-status{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding-top:.1rem}.platform-link-status p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.4}.platform-link-status button{flex:0 0 auto;min-height:36px;padding:.4rem .62rem;font-size:.72rem}@media(max-width:600px){.sharing-heading,.platform-link-status{align-items:stretch;flex-direction:column}.platform-link-status button{width:100%}}
.twitch-first-step{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:clamp(1.25rem,3vw,2rem);border-color:rgba(145,70,255,.72);background:linear-gradient(135deg,rgba(24,10,45,.96),rgba(6,12,24,.94));box-shadow:0 24px 90px rgba(0,0,0,.45),0 0 42px rgba(145,70,255,.12)}.twitch-first-mark{display:grid;place-items:center;width:58px;height:58px;color:#9146ff;background:#fff;clip-path:polygon(0 0,100% 0,100% 72%,70% 72%,50% 100%,50% 72%,0 72%);font-size:1.1rem}.twitch-first-step h2{margin:.15rem 0 .45rem;font-size:clamp(1.35rem,3vw,2rem)}.twitch-first-step p:not(.eyebrow):not(.status){max-width:720px;margin:0;color:var(--muted);line-height:1.55}.twitch-first-step .status{grid-column:2/-1;margin:0}.twitch-first-step button{min-width:210px}@media(max-width:760px){.twitch-first-step{grid-template-columns:auto 1fr}.twitch-first-step button,.twitch-first-step .status{grid-column:1/-1;width:100%}}