@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./assets/dm-sans-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./assets/dm-sans-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./assets/dm-sans-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./assets/dm-sans-3.ttf) format('truetype');
}

:root{--paper:#f5f3ef;--white:#fffefa;--ink:#302c34;--muted:#918b96;--line:#e8e4e9;--purple:#795d91;--purple-pale:#f0eaf5;--radius:16px;font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #ac8bc9;outline-offset:4px}button[aria-pressed=true]{color:var(--purple)}svg.icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg.icon{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{height:88px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfaf7;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:41px;height:44px;font:italic 40px/44px Georgia,serif;position:relative}.brand-mark:after{content:'';position:absolute;border:1px solid #918497;width:27px;height:35px;left:7px;top:4px;transform:rotate(-14deg);border-radius:45%}.brand-mark span{color:var(--purple)}.wordmark{font-size:19px;letter-spacing:2.4px;font-weight:600;white-space:nowrap}.wordmark em{font:italic 20px Georgia,serif;letter-spacing:0;font-weight:400;margin-left:4px}.wordmark small{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:4px;color:var(--muted)}.top-nav{display:flex;gap:32px;align-self:stretch;align-items:stretch}.top-nav button{font-size:12px;position:relative;padding:0 2px;color:#8a818f;white-space:nowrap}.top-nav button.nav-active{color:var(--ink);font-weight:600}.top-nav button.nav-active:after{content:'';position:absolute;bottom:0;left:16%;width:68%;height:2px;background:var(--purple)}#fav-count{font-size:10px;padding:1px 5px;border-radius:4px;background:#eae5ee;margin-left:3px}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#716976}.icon-button:hover{background:var(--purple-pale)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:9px 15px;border-radius:7px;font-size:11px;font-weight:500;white-space:nowrap}.button.primary{background:var(--purple);color:white;box-shadow:0 4px 12px #795d911b}.button.primary:hover{background:#6b4e83}.button.subtle{border:1px solid #dfd9e3;background:#fbfafc}.button.subtle:hover{background:var(--purple-pale)}.button .icon{width:15px;height:15px}.workspace{max-width:1680px;margin:auto;padding:29px 36px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:550;letter-spacing:1.9px;color:var(--muted)}h1{font-size:24px;font-weight:500;letter-spacing:.2px;margin:7px 0 0}h1>span{color:var(--purple)}.session-note{font-size:10px;color:#6e6676;display:flex;align-items:center;gap:6px;padding-top:14px}.session-note>i{width:5px;height:5px;border-radius:50%;background:#8d9a83}.session-note>span{margin-left:9px;padding-left:14px;border-left:1px solid var(--line);color:var(--muted)}.studio-grid{display:grid;grid-template-columns:226px minmax(300px,1fr) 300px;gap:18px;height:650px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);min-width:0;overflow:hidden}.characters{padding:18px 15px 0;display:flex;flex-direction:column}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2{font-size:12px;font-weight:600;margin:0}.section-heading>span{font:11px 'DM Sans',sans-serif;color:#a89caf}.character-hero{position:relative;aspect-ratio:1/1.1;border-radius:9px;overflow:hidden;background:#ccc5c1;flex-shrink:0}.portrait{background-image:none;background-size:cover;background-repeat:no-repeat;background-position:0% 0%}.hero-portrait{position:absolute;inset:0}.hero-gradient{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#15131ba8)}.character-series{position:absolute;top:12px;left:11px;font-size:7px;letter-spacing:1.5px;color:#fefbf2cf}.hero-name{position:absolute;bottom:17px;left:14px;color:#fff}.hero-name strong{display:block;font-size:23px;letter-spacing:1px;font-weight:500}.hero-name em{font:11px 'DM Sans',sans-serif;letter-spacing:2px;margin-left:7px;opacity:.75}.hero-name>span{font-size:9px;letter-spacing:2px;opacity:.8;display:block;margin-top:5px}.age-badge{position:absolute;bottom:17px;right:13px;font-size:8px;letter-spacing:.5px;color:#fff9;border:1px solid #fff4;border-radius:3px;padding:3px 5px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.character-tile{padding:0;min-width:0}.character-tile .portrait{width:100%;aspect-ratio:1/1;border-radius:7px;filter:saturate(.7);opacity:.75;transition:.2s;border:2px solid transparent;background-origin:border-box}.character-tile:hover .portrait{opacity:1;filter:saturate(1)}.character-tile.active .portrait{border-color:var(--purple);box-shadow:0 0 0 2px #fff inset;opacity:1;filter:saturate(1)}.character-tile span{display:block;font-size:10px;color:#938a99;margin-top:4px}.character-tile.active span{color:var(--purple);font-weight:600}.character-description{font-size:10px;color:var(--muted);line-height:1.85;margin:16px 0 13px;min-height:35px}.recommendation{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.recommendation .eyebrow{font-size:7px;letter-spacing:1.7px}.recommendation button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 0 13px;text-align:left}.recommendation small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.recommendation strong{font-size:12px;font-weight:500}.recommend-arrow{color:var(--purple);font-size:20px}.local-note{font-size:8px;display:flex;gap:5px;align-items:center;margin:0 -15px;padding:11px 15px;background:#f7f5f8;color:#9c92a3;white-space:nowrap}.local-note .icon{width:12px;height:12px}
.viewer{position:relative;isolation:isolate;background:#25242c;min-height:400px;border-color:#27252f;color:#f4eff7}.viewer canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:2;touch-action:none;cursor:grab}.viewer canvas.fabric-mode{cursor:crosshair}.viewer canvas:active{cursor:grabbing}.scene-word{position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:clamp(55px,7vw,115px);font-weight:400;letter-spacing:9px;color:#c6bdcd09;white-space:nowrap;z-index:3;pointer-events:none}.viewer-top{position:absolute;top:20px;left:20px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.live-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.4px;color:#e4ddebba}.live-label>i{background:#c4b1d4;width:4px;height:4px;border-radius:100%}.live-label>span{font-size:8px;letter-spacing:0;border-left:1px solid #ffffff20;padding-left:8px;color:#b6abbf}.viewer-tools{display:flex;gap:4px;pointer-events:auto}.stage-icon{height:30px;width:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#c7becc}.stage-icon .icon{width:16px;height:16px}.stage-icon:hover,.stage-icon[aria-pressed=true]{background:#ffffff15;color:#e2d1ee}.view-mode{position:absolute;left:19px;top:66px;z-index:5;display:flex;padding:3px;gap:2px;background:#ffffff06;border:1px solid #ffffff12;border-radius:7px}.view-mode button{display:flex;align-items:center;gap:5px;font-size:9px;padding:6px 9px;border-radius:4px;color:#aca1b7}.view-mode .icon{width:12px;height:12px}.view-mode button.active{background:#ffffff16;color:#eee7f3}.material-caption{position:absolute;bottom:96px;left:24px;z-index:4;pointer-events:none}.material-caption>span{font-size:9px;letter-spacing:2px;color:#b7aabc}.material-caption>strong{display:block;margin-top:1px;line-height:1.2;font-weight:400}.material-caption b{font-size:49px;font-weight:400;letter-spacing:-3px}.material-caption strong small{font-size:8px;letter-spacing:1px;margin-left:9px;color:#b7aabc}.material-caption p{font-size:8px;letter-spacing:1px;color:#a89bad;margin-top:7px}.viewer-bottom{position:absolute;bottom:43px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:5;gap:9px}.camera-shots{background:#24212bc9;border:1px solid #ffffff18;border-radius:8px;padding:4px;display:flex;backdrop-filter:blur(16px);box-shadow:0 4px 20px #17121b30}.camera-shots button{font-size:10px;color:#b3a7be;padding:7px 17px;border-radius:5px}.camera-shots .active{background:#d8c9e4;color:#34283c;box-shadow:0 1px 5px #0002}.interaction-hint{position:absolute;bottom:17px;left:0;right:0;z-index:4;display:flex;gap:6px;align-items:center;justify-content:center;font-size:8px;color:#a195ac;letter-spacing:1px;pointer-events:none}.interaction-hint .icon{width:12px;height:12px}.comparison-labels{position:absolute;top:115px;left:0;right:0;display:flex;justify-content:center;gap:35px;z-index:4;pointer-events:none}.comparison-labels>span{font-size:8px;color:#dbc9e9;padding:6px 9px;background:#79618630;border-radius:5px;border:1px solid #bc9ccd25}.stage-loading,.stage-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#25242c;z-index:6;gap:15px;color:#c3b2cf}.stage-loading strong{font-size:12px;font-weight:400}.spinner{width:25px;height:25px;border:1px solid #ffffff20;border-top-color:#c6a9de;border-radius:50%;animation:spin .8s linear infinite}.stage-error{padding:30px;text-align:center}.stage-error h3{font-size:16px}.stage-error p{font-size:12px}.stage-error .button{margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}
.settings{display:flex;flex-direction:column}.settings-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 16px;flex-shrink:0;gap:15px}.settings-tabs button{width:33.333%;font-size:12px;color:#a096a6;position:relative;padding:18px 0 15px}.settings-tabs [aria-selected=true]{color:var(--purple);font-weight:600}.settings-tabs [aria-selected=true]:after{content:'';position:absolute;bottom:-1px;height:2px;left:19%;right:19%;background:var(--purple)}.settings-scroll{padding:0 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#dcd4e3 transparent;overscroll-behavior:contain}.settings-scroll::-webkit-scrollbar{width:3px}.settings-scroll::-webkit-scrollbar-thumb{background:#dcd4e3}.control-block{padding:19px 0 0}.control-block:last-child{padding-bottom:23px}.control-block.first{padding-top:22px}.control-block.compact{padding-top:20px}.control-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;margin-bottom:11px}.control-title label>span{font:8px 'DM Sans',sans-serif;letter-spacing:1px;color:#aaa0b1;margin-left:6px}.control-title output{color:var(--purple);font-size:11px;font-weight:500}.control-title small{font-size:9px;color:#9f94a7;font-weight:400}input[type=range]{width:100%;height:3px;background:linear-gradient(to right,var(--purple) var(--range,30%),#e8e1eb var(--range,30%));border-radius:5px;margin:7px 0 6px;appearance:none;cursor:pointer;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#fff;border:2px solid var(--purple);border-radius:50%;box-shadow:0 1px 3px #5b3e7c24}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:white;border:2px solid var(--purple);border-radius:50%}.range-ends{display:flex;justify-content:space-between;font-size:8px;color:#aaa0b0;margin-top:9px}.denier-chips{display:flex;gap:5px;margin-top:15px}.denier-chips button{flex:1;font-size:9px;padding:6px 1px;border:1px solid var(--line);border-radius:4px;color:#8f8599}.denier-chips .active{border-color:#b09ac0;color:var(--purple);background:#f3eef7}.color-swatches{display:flex;align-items:center;gap:8px}.swatch{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:3px solid var(--white);box-shadow:0 0 0 1px #eee8ee;flex-shrink:0}.swatch.active{box-shadow:0 0 0 1.5px var(--purple)}.color-input{position:relative;width:22px;height:22px;overflow:hidden;border-radius:50%;background:conic-gradient(#e0afb8,#d9c49c,#afceb6,#9caac8,#cea7c8,#e0afb8);border:3px solid #fff;box-shadow:0 0 0 1px #e4dfe9}.color-input input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.pattern-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.pattern-button{padding:0;color:#aaa0ae;min-width:0}.pattern-sample{width:100%;height:28px;border:1px solid #e5dee9;border-radius:5px;background-color:#f4eff5;position:relative;display:flex;align-items:center;justify-content:center;color:#908097;font-size:14px;overflow:hidden}.pattern-button span:last-child{font-size:7px;display:block;margin-top:4px;white-space:nowrap}.pattern-button.active .pattern-sample{border-color:#a18ab4;color:#785a91;background-color:#eee5f4}.pattern-button.active{color:var(--purple)}.pattern-sample.net,.pattern-sample.diamond{background-image:repeating-linear-gradient(45deg,transparent 0 5px,#a898b0 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,#a898b0 5px 6px)}.pattern-sample.stripe{background-image:repeating-linear-gradient(90deg,transparent 0 5px,#aa9bb6 5px 7px)}.pattern-sample.dot{background-image:radial-gradient(#a492b0 1px,transparent 1px);background-size:7px 7px}.segmented{display:flex;padding:3px;background:#f5f2f7;border:1px solid #efebf2;border-radius:6px;gap:3px}.segmented button{flex:1;padding:7px 3px;color:#a095a7;font-size:9px;white-space:nowrap;border-radius:4px}.segmented .active{background:#fff;color:var(--purple);box-shadow:0 1px 4px #4d325115}.settings-bottom{border-top:1px solid var(--line);padding:13px 18px;background:#fbf9fc}.compare-toggle{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:0}.compare-toggle>.icon,.compare-toggle>span>.icon{color:#90829d;width:17px;height:17px}.compare-toggle>span:nth-child(2){font-size:10px}.compare-toggle small{display:block;font-size:8px;color:#a59baa;margin-top:4px}.compare-toggle>i{margin-left:auto;width:28px;height:16px;background:#ddd7e3;border-radius:12px;position:relative;transition:.2s}.compare-toggle>i:after{content:'';position:absolute;width:10px;height:10px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.compare-toggle[aria-pressed=true]>i{background:var(--purple)}.compare-toggle[aria-pressed=true]>i:after{left:15px}.pin-reference{font-size:9px;color:var(--purple);text-decoration:underline;margin:9px 0 0 26px}.field-note{font-size:10px;color:#a297aa;line-height:1.8;margin:11px 0 0}.full-width{width:100%;margin-top:14px}.scene-options{display:flex;flex-direction:column;gap:8px}.scene-options>button{display:flex;padding:7px;border:1px solid var(--line);border-radius:7px;gap:13px;align-items:center;text-align:left}.scene-options>button.active{border-color:#b6a0c7;background:#f5f0f9}.scene-options>button>span{font-size:10px}.scene-options small{display:block;font-size:7px;letter-spacing:1px;color:#a79aad;margin-top:5px}.scene-preview{width:53px;height:38px;border-radius:4px}.scene-preview.studio{background:radial-gradient(ellipse at 40% 20%,#6b627a,#22212a)}.scene-preview.warm{background:radial-gradient(ellipse at 20% 20%,#b59772,#3b2b30)}.scene-preview.night{background:radial-gradient(ellipse at 80% 20%,#697c9b,#1d2038)}
.looks-section{margin-top:29px}.looks-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.looks-heading .eyebrow{font-size:8px}.looks-heading h2{font-size:16px;font-weight:500;margin:5px 0 0}.looks-heading>span{font-size:9px;color:#9c90a5}.looks-heading>span>span{font-size:16px;margin-left:12px}.looks-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px}.look-card{padding:9px;background:#fffefa;border:1px solid var(--line);border-radius:10px;text-align:left;min-width:0}.look-card:hover{transform:translateY(-3px);box-shadow:0 5px 14px #52395c0a}.look-card.active{border-color:#b39ac5;background:#fdfaff}.look-swatch{height:61px;display:block;border-radius:6px;position:relative;overflow:hidden;background:#e9e0df}.look-swatch:before,.look-swatch:after{content:'';position:absolute;width:23px;height:100px;top:-12px;left:32%;transform:rotate(15deg);border-radius:35% 20% 30% 30%;background:linear-gradient(90deg,#1f1b2870,transparent 30%,#fff2 47%,transparent 65%,#1f1b2850),var(--look-color);box-shadow:2px 1px 5px #30233116}.look-swatch:after{left:54%;transform:rotate(15deg);opacity:.8}.look-card .look-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:9px;white-space:nowrap}.look-title svg{width:11px;height:11px;color:#9e87ae}.look-card small{display:block;font-size:8px;color:#a398ab;margin-top:4px;letter-spacing:.25px}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0 22px;color:#aaa0ae;font-size:8px;letter-spacing:.4px}footer>span:first-child{font-family:'DM Sans','Noto Sans SC',sans-serif;letter-spacing:1px}footer em{font-family:Georgia,serif;letter-spacing:0}.footer-divider{margin:0 10px;color:#c7bdcb}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:12px 22px;border:1px solid #e5dbeb;border-radius:9px;background:#fffefaf5;box-shadow:0 8px 35px #35213b25;font-size:12px;color:#685077;z-index:50;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(540px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;background:var(--white);padding:28px;color:var(--ink);box-shadow:0 25px 100px #231a3c30}dialog::backdrop{background:#211b2b66;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:21px;font-weight:500;margin:7px 0 0}.dialog-note{font-size:11px;color:#9c91a3;line-height:1.8}.dialog-footer{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.file-label{cursor:pointer}.favorite-item{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:12px}.favorite-item .portrait{width:44px;height:44px;border-radius:7px;flex-shrink:0}.favorite-item .favorite-description{flex:1;min-width:0}.favorite-description strong{display:block;font-size:12px;font-weight:500}.favorite-description small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.favorite-item .button{font-size:10px;padding:7px 10px;min-height:30px}.favorite-item .icon-button{width:26px}.favorite-item .icon{width:14px}.empty-state{padding:35px 0;text-align:center;font-size:12px;color:#a295aa}.help-steps p{display:flex;gap:16px;margin:23px 0;font-size:12px;color:#9d91a6;line-height:1.9}.help-steps b{font:italic 25px Georgia,serif;color:#aa8abf}.help-steps strong{display:block;color:#62516e;font-size:13px;font-weight:500;margin-bottom:3px}#favorites-list{max-height:45vh;overflow:auto}.state-restored{font-size:8px}
@media(min-width:1600px){.studio-grid{height:740px;grid-template-columns:255px minmax(400px,1fr) 330px}.characters{padding:22px 19px 0}.character-description{font-size:11px}.character-grid{gap:12px}.local-note{margin:0 -19px;padding-left:19px}.settings-scroll{padding:0 24px}.control-block{padding-top:24px}.pattern-sample{height:35px}}
@media(max-width:1150px){.header{padding:0 22px;height:78px}.workspace{padding:24px 22px 0}.top-nav{gap:19px}.studio-grid{grid-template-columns:185px minmax(260px,1fr) 265px;gap:12px;height:630px}.characters{padding:16px 12px 0}.character-hero{aspect-ratio:.9}.settings-scroll{padding:0 15px}.color-swatches{gap:6px}.swatch,.color-input{width:21px;height:21px}.character-grid{gap:7px}.hero-name strong{font-size:21px}.hero-name em{font-size:9px}.age-badge{display:none}.local-note{margin:0 -12px;font-size:7px;padding:12px}.viewer-top{left:13px;right:9px}.live-label{font-size:7px;letter-spacing:1px}.live-label>span{display:none}.camera-shots button{padding:7px 12px}.material-caption{left:18px}.looks-grid{gap:8px}.look-card{padding:7px}.look-card .look-title{font-size:9px}.top-nav{display:none}}
@media(max-width:900px){.studio-grid{grid-template-columns:170px minmax(0,1fr);height:auto}.characters{grid-row:1;min-height:590px}.viewer{grid-column:2;min-height:590px}.settings{grid-column:1/-1;max-height:none}.settings-scroll{overflow:visible;padding:0 20px}.settings-tabs{justify-content:center}.settings-tabs button{max-width:100px}.settings-scroll [data-tab-panel]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.control-block,.control-block.compact,.control-block.first{padding:20px 0}.control-block:last-child{padding-bottom:20px}.settings-bottom{display:flex;gap:15px}.compare-toggle{width:240px}.pin-reference{margin:0}.looks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.look-swatch{height:65px}.settings .pattern-grid{grid-template-columns:repeat(7,1fr)}.control-title label>span{display:none}}
@media(max-width:600px){.header{height:70px;padding:0 17px;gap:10px}.brand{gap:8px}.brand-mark{width:29px;font-size:32px}.brand-mark:after{width:21px;height:30px;left:5px;top:7px}.wordmark{font-size:14px;letter-spacing:1.5px}.wordmark em{font-size:16px}.wordmark small{font-size:7px;letter-spacing:2px}.header-actions{gap:5px}.header-actions .button{padding:8px 10px;font-size:10px;min-height:32px}.header-actions #share{display:none}.header-actions #help{width:25px}.workspace{padding:22px 15px 0}.page-heading{margin-bottom:18px;gap:10px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:18px;margin-top:5px}.session-note{display:none}.studio-grid{display:flex;flex-direction:column;gap:13px}.characters{order:1;min-height:0;padding:15px;display:block}.section-heading{margin-bottom:12px}.section-heading h2{font-size:11px}.character-hero,.character-description,.recommendation,.local-note{display:none}.character-grid{margin-top:0;grid-template-columns:repeat(6,1fr);gap:8px}.character-tile span{font-size:9px}.viewer{order:2;min-height:530px}.settings{order:3}.viewer-top{top:17px;left:18px;right:13px}.live-label{font-size:8px}.live-label>span{display:inline}.view-mode{top:61px;left:17px}.material-caption{bottom:87px;left:20px}.material-caption b{font-size:42px}.viewer-bottom{bottom:43px}.camera-shots button{padding:7px 16px}.settings-scroll{padding:0 17px}.settings-scroll [data-tab-panel]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:0}.control-block,.control-block.compact,.control-block.first{padding:18px 0 5px}.settings-scroll [data-tab-panel=material] .control-block:first-child{grid-column:1/-1}.settings-scroll [data-tab-panel=material] .control-block:nth-child(2){grid-column:1/-1}.settings-scroll [data-tab-panel=material] .control-block:nth-child(5){grid-column:1/-1}.settings-scroll [data-tab-panel=material] .control-block:last-child{grid-column:1/-1;padding-bottom:20px}.settings-scroll [data-tab-panel=character] .control-block:last-child{grid-column:1/-1}.settings-scroll [data-tab-panel=scene] .control-block:nth-child(3){grid-column:1/-1}.scene-options{flex-direction:row}.scene-options>button{flex:1;display:flex;flex-direction:column;gap:7px;text-align:center}.scene-options small{font-size:6px}.scene-preview{width:100%;height:40px}.settings-bottom{padding:13px 17px}.color-swatches{gap:13px}.swatch,.color-input{width:25px;height:25px}.denier-chips button{padding:7px}.pattern-sample{height:34px}.pattern-button span:last-child{font-size:8px}.settings-tabs{padding:0 17px}.settings-tabs button{padding:16px 0 13px;font-size:11px;max-width:none}.looks-section{margin-top:25px}.looks-heading h2{font-size:14px}.looks-heading>span{display:none}.looks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.look-card{padding:6px}.look-swatch{height:56px}.look-card .look-title{font-size:8px;letter-spacing:-.25px}.look-card small{font-size:7px}.look-title svg{display:none}footer{display:block;font-size:7px;line-height:2.4;padding:19px 0}footer>span{display:block}.header-actions:before{content:''}.button{font-size:10px}.control-title{font-size:10px}input[type=range]{height:4px;margin:10px 0}input[type=range]::-webkit-slider-thumb{width:16px;height:16px}.hero-portrait{background-size:300% 200%}.comparison-labels{top:108px}.pattern-grid{gap:7px}.color-swatches#skin-colors{gap:7px;flex-wrap:wrap}.control-title output{font-size:10px}.favorite-item{gap:8px}.favorite-description strong{font-size:10px}dialog{padding:22px}.settings-scroll [data-tab-panel=character] .control-block:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.mobile-favorites{display:none}@media(max-width:1150px){.mobile-favorites{display:inline-flex}}

input[type=range]{height:20px;background:transparent;margin:0;--track:linear-gradient(to right,var(--purple) var(--range,30%),#e8e1eb var(--range,30%))}
input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:var(--track)}
input[type=range]::-webkit-slider-thumb{margin-top:-4.5px}
input[type=range]::-moz-range-track{height:3px;border-radius:4px;background:var(--track)}
#footer-help{font-size:8px;text-decoration:underline;text-underline-offset:3px;color:var(--purple);margin-left:8px;padding:0}
@media(max-width:600px){.header-actions #help{display:none}.header-actions #share{display:inline-flex;font-size:0;padding:8px;width:30px;gap:0}.header-actions .mobile-favorites{width:27px}input[type=range]::-webkit-slider-thumb{margin-top:-6.5px}}

@media(max-width:600px){.viewer{position:sticky;top:8px;z-index:10;min-height:460px;height:460px;flex-shrink:0}html{scroll-padding-top:480px}}

.share-input{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;font-size:11px;background:#f7f3fa;color:#7e668e}.export-preview{display:block;max-width:100%;max-height:55vh;margin:20px auto 0;border-radius:10px}#export-dialog .dialog-footer{justify-content:center}

.camera-shots{gap:2px}.camera-shots button{padding:8px 10px}.is-dragging{cursor:grabbing!important}.stage-loading{background:rgba(38,35,44,.88);z-index:12}.hero-portrait{background-size:cover!important;background-position:center!important}

.settings-tabs{gap:10px}.settings-tabs button{width:25%}.expression-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.expression-options button{font-size:11px;padding:10px;border:1px solid var(--line);border-radius:7px}.expression-options button.active{color:var(--purple);background:var(--purple-pale);border-color:#c6b3d6}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin:0 0 20px;cursor:pointer}.switch-row small{display:block;font-size:9px;font-weight:400;color:var(--muted);line-height:1.7;margin-top:5px}.switch-row input{accent-color:var(--purple);width:18px;height:18px;flex-shrink:0}.switch-row input:disabled{opacity:.45}.dialogue-card{margin-top:18px;padding:23px 28px 21px;position:relative;background:linear-gradient(115deg,#fffefa,#f6f2f8)}.dialogue-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.dialogue-heading h2{font-size:17px;font-weight:500;margin:8px 0 0;display:flex;align-items:center;gap:12px}.mood-badge{font-size:9px;font-weight:400;color:#8a729d;background:#eee7f3;border:1px solid #e5d9ee;border-radius:20px;padding:4px 10px}.dialogue-status{font-size:9px;color:#968b9e;display:flex;align-items:center;gap:7px}.dialogue-status i{width:5px;height:5px;background:#b4a5bf;border-radius:50%}.speaking .dialogue-status i{background:#8a6ba4;box-shadow:0 0 0 4px #8a6ba410}.dialogue-text{font-size:15px;line-height:1.9;letter-spacing:.1px;color:#67586f;margin:16px 0 21px;min-height:29px}.dialogue-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialogue-actions>div{display:flex;gap:9px}.dialogue-actions button{font-size:10px;border:1px solid #dfd5e6;border-radius:7px;padding:9px 12px;color:#7e678e;background:#fffafc}.dialogue-actions button span{margin-left:15px;color:#b29bbf}.dialogue-actions button:hover,.dialogue-actions button[aria-pressed=true]{background:#ebe2f1;border-color:#bda4cf}.dialogue-actions #dialogue-stop{background:transparent;border-color:transparent;font-size:9px}.dialogue-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ede6f2}.dialogue-progress i{display:block;height:100%;width:0;background:#ac90c0;transition:width .1s linear}
@media(max-width:600px){.dialogue-card{margin-top:15px;padding:20px 18px}.dialogue-text{font-size:13px;min-height:50px;margin:14px 0 17px}.dialogue-actions{flex-wrap:wrap}.dialogue-actions>div{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}.dialogue-actions button{font-size:10px;padding:9px 8px;white-space:nowrap}.dialogue-actions button span{margin-left:6px}.dialogue-status{font-size:8px}.settings-scroll [data-tab-panel=interaction]>.control-block:last-child{grid-column:1/-1}.settings-scroll [data-tab-panel=interaction] .control-block{padding-bottom:18px}.dialogue-actions #dialogue-stop{padding-left:0}.settings-tabs{gap:8px}}

.settings .dialogue-card{padding:17px 0 18px;border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent;margin:0;grid-column:1/-1}.settings .dialogue-heading{gap:8px}.settings .dialogue-heading .eyebrow{font-size:7px;letter-spacing:1px}.settings .dialogue-heading h2{font-size:15px}.settings .dialogue-text{font-size:12px;line-height:1.85;min-height:44px;margin:13px 0}.settings .dialogue-actions{flex-wrap:wrap;gap:5px}.settings .dialogue-actions>div{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:5px}.settings .dialogue-actions button{padding:8px 4px;font-size:9px}.settings .dialogue-actions button span{display:none}.settings .dialogue-status{font-size:8px;white-space:nowrap}.settings .dialogue-actions #dialogue-stop{padding:5px 0}.settings .dialogue-progress{height:1px}.settings [data-tab-panel=interaction] .control-block{padding-top:16px}.settings [data-tab-panel=interaction] .switch-row{margin-bottom:13px}.settings [data-tab-panel=interaction] .expression-options{grid-template-columns:repeat(4,1fr);gap:5px}.settings [data-tab-panel=interaction] .expression-options button{font-size:10px;padding:9px 2px}
@media(max-width:900px){.settings .dialogue-card{padding-bottom:20px}.settings [data-tab-panel=interaction] .control-block{min-width:0}}
@media(max-width:600px){.settings .dialogue-text{min-height:28px}.settings .dialogue-actions button{font-size:10px;padding:10px}.settings [data-tab-panel=interaction]>.control-block{grid-column:1/-1}}

.viewer[data-shot=portrait] .material-caption{opacity:0}.camera-angle-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.camera-angle-options button{font-size:10px;padding:9px 2px;border:1px solid var(--line);border-radius:6px}.camera-angle-options button.active{color:var(--purple);border-color:#bda6cf;background:var(--purple-pale)}.light-angle-title{margin-top:19px}#quality-status{font-size:8px} @media(max-width:600px){.settings-scroll [data-tab-panel=scene]>.control-block:nth-child(1),.settings-scroll [data-tab-panel=scene]>.control-block:nth-child(3),.settings-scroll [data-tab-panel=scene]>.control-block:nth-child(6){grid-column:1/-1}}