.classic-pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.classic-pattern-choice{min-width:0;padding:5px!important;border:1px solid #41465d;border-radius:9px;background:#222531;text-align:center}.classic-pattern-choice canvas{display:block;width:100%;height:auto;aspect-ratio:14/9;border-radius:5px}.classic-pattern-choice span{display:block;font-size:10px;line-height:1.35;margin-top:5px;overflow-wrap:anywhere}.classic-pattern-choice[aria-pressed=true]{border-color:#b6a5ff;box-shadow:0 0 0 1px #b6a5ff;background:#35344f}.classic-pattern-choice:focus-visible{outline:2px solid #b6bfff;outline-offset:2px}#studio-suite select#suite-pattern[hidden]{display:none!important}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--shell-bg:#f7f7f8;--shell-card:#fff;--shell-fg:#1a1a1a;--shell-primary:#637b08;--shell-border:#d9d9dc;--shell-muted:#626262;--shell-radius-panel:16px;--shell-radius-control:10px;--accent:#c45c3e;--accent-hover:#a84d33;--accent-soft:#f6ebe6;--teal:#1f6b62;--teal-soft:#e6f2f0;--ink:#1c1917;--muted:#78716c;--line:#e7e5e4;--surface:#fafaf9;--paper:#f5f5f4;font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafaf9}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7ec9be;outline-offset:3px}a{color:inherit;text-decoration:none}input,select,textarea{min-width:0;border:1px solid var(--line);background:white;border-radius:9px;padding:11px 12px;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:#3d9a8c}input[type=color]{padding:2px;width:32px;height:28px;cursor:pointer;border:0}input[type=range]{padding:0;width:100%;accent-color:var(--accent);height:5px;margin:12px 0 24px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}select{width:100%}h1,h2,h3,p{margin-top:0}h2{font-size:26px;letter-spacing:-1px}p{line-height:1.8}button{border:0;background:none;color:inherit}.hidden{display:none!important}.muted,.hint{color:var(--muted)}.hint{font-size:11px;line-height:1.9;margin:12px 0 18px}.btn{border:1px solid transparent;border-radius:9px;padding:10px 16px;font-weight:600;display:inline-flex;gap:16px;align-items:center;justify-content:center;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.primary{background:var(--accent);color:white;box-shadow:0 3px 6px #c45c3e15}.primary:hover{background:#a84d33}.outline{background:white;border-color:var(--line)}.outline:hover,.subtle:hover{background:#ebe8e4}.subtle{color:#676075}.big{padding:15px 24px}.full{width:100%}.brand{display:inline-flex;align-items:center;gap:6px;font-size:19px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brand>span:not(.brand-icon){font-weight:500}.brand-icon{display:grid;place-items:center;background:var(--accent);border-radius:9px;width:32px;height:32px;color:white;font-size:26px;margin-right:4px;transform:rotate(-8deg)}.home-nav{height:88px;border-bottom:1px solid #ebe8e4;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.home-nav>div{display:flex;align-items:center;gap:28px;font-size:13px}.landing{max-width:1280px;margin:auto;padding:0 52px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:80px 0 90px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b809d;font-weight:700;display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(35px,4.4vw,59px);font-weight:900;letter-spacing:-2.5px;line-height:1.32;margin:24px 0}h1 span{color:var(--accent)}.hero-copy p{color:#837b92;font-size:14px;line-height:2.1}.hero-buttons{display:flex;gap:12px;margin:28px 0}.hero-notes{display:flex;gap:23px;color:#91899f;font-size:11px}.hero-art{position:relative;aspect-ratio:1.08;background:linear-gradient(145deg,#e8ddd4,#f0ebe5 60%,#dccfc4);border-radius:32px;box-shadow:0 18px 60px #8b735b1a;transform:rotate(2deg)}#hero-preview{position:absolute;inset:0;overflow:hidden;border-radius:32px}#hero-preview canvas{display:block;width:100%;height:100%}.float-label{position:absolute;font-size:9px;letter-spacing:1.8px;font-weight:700;border-radius:9px;background:#ffffffdb;backdrop-filter:blur(12px);padding:12px 18px;box-shadow:0 5px 24px #3d342a14}.label-top{right:-16px;top:24px;transform:rotate(-6deg)}.label-bottom{bottom:26px;left:-24px;transform:rotate(-2deg);letter-spacing:1px}.label-bottom i{background:#70b39c;width:7px;height:7px;display:inline-block;margin-right:8px;border-radius:50%}.orbit{position:absolute;right:-18px;bottom:28px;font-size:64px;color:#2d8a7e;transform:rotate(-20deg)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-top h2{margin:12px 0 0;font-size:25px;letter-spacing:-.8px}.search-wrap{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:9px;padding-left:15px}.search-wrap span{font-size:22px;color:#aaa1b5}.search-wrap input{background:none;border:0;font-size:12px;width:200px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin:28px 0 24px;font-size:11px}.chip{font-size:12px;border-radius:7px;padding:9px 15px;color:#8a819a;background:transparent}.chip.active{background:#f0e8e4;color:#a84d33;font-weight:600}.chip:hover{background:#f5f0eb}.pose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 19px}.pose-card{padding:0;text-align:left;display:block}.pose-thumb{aspect-ratio:1.1;border-radius:15px;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s;background:#e8e6e1}.pose-card:hover .pose-thumb{transform:translateY(-5px);box-shadow:0 14px 25px #6b534422}.pose-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pose-thumb .badge{position:absolute;left:12px;top:12px;background:#ffffffaa;padding:4px 8px;font-size:9px;border-radius:5px;backdrop-filter:blur(5px)}.pose-card h3{font-size:13px;margin:14px 0 5px;display:flex;justify-content:space-between}.pose-card p{font-size:10px;color:#9c92aa;margin:0}.create-thumb{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:linear-gradient(135deg,#c45c3e,#1f6b62);color:white}.create-thumb strong{font-size:33px;font-weight:400;width:58px;height:58px;display:grid;place-items:center;background:#ffffff17;border:1px solid #ffffff33;border-radius:50%;margin-bottom:3px}.create-thumb span{font-size:16px}.create-thumb small{font-size:10px;color:#f5ebe6}.how{text-align:center;margin:95px 0 70px;padding:56px 40px 38px;border:1px solid var(--line);border-radius:18px;background:white}.how h2{font-size:23px;margin:13px 0 35px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.how b{font-size:12px;color:#b07d56;letter-spacing:2px}.how h3{font-size:14px;margin:12px 0 10px}.how p{font-size:12px;color:#9c92aa}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 35px}footer .brand{font-size:14px}footer .brand-icon{width:24px;height:24px;font-size:19px}footer p,footer>span{font-size:9px;color:#9f97ad;margin:0}footer>span{letter-spacing:1.2px}.empty{text-align:center;padding:50px;color:#91899f}
#editor{height:100dvh;background:#f2f0ed;overflow:hidden}.editor-header{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:18px}.editor-header .brand{font-size:14px}.editor-header .brand-icon{width:28px;height:28px}.editor-header .divider{height:20px;width:1px;background:var(--line)}#scene-name{border:0;width:180px;font-size:12px;padding:8px;background:transparent}.saved{font-size:10px;color:#a8a29e;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{width:32px;height:32px;font-size:22px;border-radius:7px;display:grid;place-items:center}.icon-btn:hover{background:#f5f0eb}.header-actions .btn{font-size:11px}.editor-body{display:flex;height:calc(100dvh - 66px)}.rail{width:72px;flex-shrink:0;background:white;border-right:1px solid var(--line);padding:16px 8px;display:flex;flex-direction:column;gap:8px}.rail-tab{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#78716c;padding:10px 4px;border-radius:9px}.rail-tab span{font-size:21px;height:26px}.rail-tab.active{background:#f0ebe6;color:var(--accent)}.rail-tab:hover{background:#f5f2ef}.rail-tab.bottom{margin-top:auto}.properties{width:270px;flex-shrink:0;background:white;padding:24px 22px;overflow-y:auto;scrollbar-width:thin;border-right:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.panel-heading h2{font-size:18px;letter-spacing:0;margin:0}.panel-heading span{font-size:9px;letter-spacing:1.4px;color:#a8a29e}.field-label{font-size:11px;font-weight:600;display:block;margin:18px 0 10px}.properties h3{font-size:12px;margin:27px 0 14px}.segmented{display:flex;background:#f5f3f9;border-radius:7px;padding:3px;gap:3px}.segmented button{flex:1;border-radius:5px;font-size:11px;padding:7px 3px;color:#a8a29e}.segmented .active{background:white;box-shadow:0 1px 4px #3d342a12;color:#c45c3e}.bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bg-swatch{aspect-ratio:1.3;border-radius:7px;position:relative;border:2px solid transparent;box-shadow:0 0 0 1px #00000006}.bg-swatch.active{border-color:white;outline:2px solid #2d8a7e}.bg-swatch span{font-size:8px;color:#292524;position:absolute;bottom:5px;left:0;right:0}.color-row,.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:20px 0}.panel-divider{height:1px;background:var(--line);margin:25px 0}.properties .btn{font-size:11px}.properties select{font-size:11px}.range-label{font-size:11px;display:flex;align-items:center;justify-content:space-between;margin-top:22px}.range-label output{font-size:10px;color:#a8a29e}.input-action{display:flex;gap:6px}.input-action input{width:0;flex:1;font-size:11px;padding:10px}.input-action .btn{padding:8px 12px}.upload-area{display:flex;width:100%;flex-direction:column;gap:10px;align-items:center;padding:24px 12px;border:1px dashed #d6d3d1;background:#faf9f7;border-radius:10px}.upload-area>span{font-size:27px;color:#1f6b62}.upload-area b{font-size:11px}.upload-area small{font-size:9px;color:#a99eb8}.color-fields{display:flex;gap:15px;margin-bottom:24px}.color-fields label{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#78716c}.mini-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mini-presets button{font-size:10px;border:1px solid var(--line);border-radius:7px;padding:10px 5px}.mini-presets button:hover{border-color:#94cfc6;background:#f8f7f5}.light-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.light-presets .chip{padding:10px 3px;font-size:10px}#caption{width:100%;resize:vertical;font-size:12px}.workspace{min-width:0;flex:1;display:flex;flex-direction:column;background:radial-gradient(#e7e5e2 .7px,transparent .7px);background-size:14px 14px}.workspace-bar{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9990a8}.workspace-bar>span{display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#75b6a1}.tool{font-size:10px;padding:8px 11px;border-radius:6px;margin-left:4px;color:#78716c}.tool.active{background:white;box-shadow:0 1px 5px #44403c0c;color:#1f6b62}#stage-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:30px 40px}#stage{position:relative;box-shadow:0 18px 55px #44403c1a;overflow:hidden;background:repeating-conic-gradient(#e8e6e3 0% 25%,#f9f7fa 0% 50%) 50%/20px 20px;touch-action:none}#stage canvas{display:block;width:100%;height:100%}#caption-preview{position:absolute;pointer-events:none;left:5%;right:5%;text-align:center;font-weight:900;white-space:pre-wrap;line-height:1.2;z-index:1;overflow-wrap:anywhere}#webgl-error{position:absolute;inset:20%;background:white;padding:30px;z-index:2}.workspace-footer{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:9px;color:#afa5bb;gap:15px}.workspace-footer span:first-child{color:#6b6560}.joint-range{margin-top:16px}.joint-range input{margin-bottom:12px}dialog{width:min(430px,calc(100% - 36px));border:1px solid #e7e5e4;border-radius:18px;padding:28px;box-shadow:0 24px 80px #1c191726;color:var(--ink)}dialog::backdrop{background:#24203475;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{font-size:20px;letter-spacing:-.5px;margin:0}.modal-head+.muted{font-size:12px;margin-top:12px}#help-dialog p{font-size:12px;color:#82758f;margin-top:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 36px);background:#322b42;color:white;padding:12px 22px;border-radius:9px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.properties{width:300px}.hero{padding-top:100px}}@media(max-width:1000px){.landing{padding:0 30px}.hero{gap:35px;padding:60px 0}.hero h1{font-size:42px}.home-nav{padding:0 30px}.hero-notes{gap:12px;font-size:9px}.hero-art{margin-right:15px}.properties{width:235px;padding:22px 17px}.editor-header{gap:10px;padding:0 14px}.saved{display:none}.workspace-bar{padding:0 15px}.workspace-footer span:nth-child(2){display:none}#stage-wrap{padding:20px}.pose-grid{gap:20px 12px}footer>span{display:none}}
@media(max-width:700px){.home-nav{height:70px;padding:0 20px}.home-nav>div{gap:10px}.home-nav>div>a,.home-nav #resume{display:none}.home-nav #profile-open{display:inline-flex;padding:8px 10px;font-size:10px}.home-nav .brand{font-size:16px}.home-nav .btn{font-size:11px;padding:9px 12px}.landing{padding:0 22px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0 55px}.hero h1{font-size:43px;letter-spacing:-2px;margin:18px 0}.hero-copy p{font-size:13px}.hero-art{width:88%;margin:0 auto;max-width:400px}.hero-notes{font-size:10px;gap:20px}.hero-buttons{margin:23px 0}.hero-buttons .btn{padding:13px 20px;font-size:12px}.section-top{display:block}.section-top h2{font-size:21px}.section-top .eyebrow{font-size:8px}.search-wrap{margin-top:20px}.search-wrap input{width:100%}.filter-row{margin:17px 0}.filter-row>.muted{display:none}.chip{padding:8px 12px;font-size:11px}.pose-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.pose-card h3{font-size:12px}.create-thumb span{font-size:14px}.create-thumb strong{width:42px;height:42px;font-size:25px}.create-thumb small{font-size:8px}.pose-thumb .badge{font-size:8px;top:8px;left:8px}.how{margin:55px 0 35px;padding:35px 20px 15px}.how h2{font-size:20px;line-height:1.6}.how>div{grid-template-columns:1fr;gap:14px}.how h3{margin:7px 0}.how p{margin-bottom:18px}footer{flex-wrap:wrap;gap:12px}footer p{font-size:8px}.editor-header{height:58px;gap:7px;padding:0 10px}.editor-header .brand-word,.editor-header .divider{display:none}.editor-header .brand{padding:0}.editor-header .brand-icon{margin:0;width:26px;height:26px}#scene-name{width:112px;font-size:10px;padding:4px}.header-actions{gap:2px}.header-actions .icon-btn{font-size:21px;width:25px}.header-actions .btn{padding:8px 10px;font-size:10px}#save-scene{display:none}.editor-body{height:calc(100dvh - 58px);position:relative;flex-wrap:wrap}.workspace{position:absolute;inset:0 0 47% 0}.workspace-bar{height:42px;padding:0 12px;font-size:9px}.workspace-bar .tool{font-size:9px;padding:6px;margin:0}.workspace-footer{height:28px;padding:0 12px;font-size:8px}#stage-wrap{padding:8px 18px}.rail{position:absolute;left:0;bottom:0;height:47%;width:64px;padding:9px 6px;gap:0}.rail-tab{padding:7px 3px;gap:3px;font-size:9px}.rail-tab span{font-size:19px;height:22px}.rail-tab.bottom{display:none}.properties{position:absolute;bottom:0;left:64px;right:0;height:47%;width:auto;border-top:1px solid var(--line);padding:18px 20px 35px}.panel-heading{margin-bottom:17px}.panel-heading h2{font-size:16px}.bg-grid{grid-template-columns:repeat(6,1fr);gap:7px}.bg-swatch{aspect-ratio:1}.bg-swatch span{font-size:7px}.properties h3{margin:20px 0 10px}.color-row,.switch-row{margin:14px 0}.field-label{margin:12px 0 8px}.range-label{margin-top:14px}.mini-presets{grid-template-columns:repeat(3,1fr)}.light-presets{grid-template-columns:repeat(2,1fr)}.upload-area{padding:18px}.panel-divider{margin:18px 0}.hero .eyebrow{font-size:8px}dialog{padding:24px}.btn.big{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.asset-dl{display:grid;grid-template-columns:7em 1fr;gap:6px 10px;font-size:11px;margin:12px 0}.asset-dl dt{color:var(--muted);font-weight:600}.status-list{font-size:11px;padding-left:18px;margin:8px 0 14px;line-height:1.5}.status-list li{margin:6px 0}.workflow-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 56px;padding:28px 32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px #1c19170a}.workflow-card h3{font-size:14px;margin:8px 0 6px}.workflow-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.65}.step-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.console-shell{font-family:Inter,'Noto Sans SC',system-ui,sans-serif;color:var(--shell-fg)}.console-shell h2,.console-shell h3{font-family:'Space Grotesk',Inter,sans-serif}.console-shell .panel-block,.console-shell#profile-dialog{border-radius:var(--shell-radius-panel);border-color:var(--shell-border);background:var(--shell-card)}.console-shell .btn{min-height:44px;font-size:14px;transition:background .15s,color .15s,border-color .15s}.console-shell .btn.primary{background:var(--shell-primary);color:#fff;box-shadow:none}.console-shell .btn.primary:hover{background:#556a07}.console-shell input,.console-shell select,.console-shell textarea{border-radius:var(--shell-radius-control);font-size:16px;border-color:var(--shell-border)}.console-shell .signin-row{display:flex;flex-direction:column;gap:8px;margin:12px 0}.signin-row .btn{width:100%}#profile-dialog.console-shell{padding:24px;border-radius:var(--shell-radius-panel)}.panel-block.console-shell{padding:16px;border:1px solid var(--line);border-radius:var(--shell-radius-panel);background:var(--shell-card);box-shadow:0 4px 18px #1a1a1a0a}.block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.block-head h3{margin:0;font-size:12px}.badge-muted{font-size:9px;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:var(--teal-soft);color:var(--teal);font-weight:600;white-space:nowrap}.editor-profile{font-size:10px;padding:8px 10px}.precheck{list-style:none;padding:0;margin:12px 0;font-size:10px}.precheck li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.precheck li.ok span{color:var(--teal)}.precheck li.fail span{color:var(--accent)}#profile-dialog code{font-size:10px;background:var(--paper);padding:2px 5px;border-radius:4px}@media(max-width:700px){.workflow-strip{grid-template-columns:1fr;padding:22px 18px;margin-bottom:40px}.editor-profile{display:inline-flex}}
.lang-guide-dialog{max-width:min(440px,calc(100% - 28px));padding:32px 28px 28px;text-align:center;position:relative}.lang-guide-close{position:absolute;right:14px;top:14px}.lang-guide-brand{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 16px}.lang-guide-title{font-size:20px;letter-spacing:-.3px;margin:0 0 18px;line-height:1.45;white-space:pre-line}.lang-guide-body{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 22px;white-space:pre-line;text-align:left}.lang-guide-dialog .btn{margin-top:10px;min-height:48px}@media(max-width:700px){.home-nav #lang-open{display:inline-flex;padding:8px 10px;font-size:10px}}

#gen-cloud-image,#gen-image-url,#account-username,#account-password{width:100%;box-sizing:border-box}
#account-password-form{display:grid;gap:8px;margin:12px 0}
#cloud-jobs{padding:0;list-style:none}
#cloud-jobs li{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#cloud-jobs img{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:8px}

/* Dedicated accessory workflow; original editor remains available. */
#creator{--creator-bg:#0c0d11;--creator-card:#17181e;--creator-line:#292b35;--creator-muted:#9b9eae;background:var(--creator-bg);color:#f4f4f8;min-height:100dvh;display:flex;font:14px/1.5 Inter,system-ui,sans-serif}
#creator.hidden{display:none}#creator button{font:inherit;color:inherit;cursor:pointer}#creator button:focus-visible,#creator a:focus-visible{outline:2px solid #9ba5ff;outline-offset:4px}#creator button:disabled{cursor:wait;opacity:.55}.creator-nav{width:210px;flex-shrink:0;padding:26px 16px;border-right:1px solid var(--creator-line);display:flex;flex-direction:column;gap:9px;position:sticky;top:0;height:100dvh}.creator-brand{font-size:18px;font-weight:750;color:white;text-decoration:none;margin:0 10px 36px}.creator-brand b{color:#8d96ff;margin-right:9px}.creator-nav>button{text-align:left;padding:12px 15px;border-radius:9px;color:var(--creator-muted)!important}.creator-nav>button.selected{background:#252735;color:#fff!important}.creator-nav-bottom{margin-top:auto;padding:12px;font-size:11px;color:var(--creator-muted)}.creator-nav-bottom small{font-size:9px;letter-spacing:1.5px;color:#b1a5e3}.creator-nav-bottom p{line-height:1.7}.creator-main{flex:1;min-width:0;padding:0 30px 32px;max-width:1700px;margin:auto}.creator-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px}.creator-header h1{font-size:20px;letter-spacing:-.5px;margin:0}.creator-header button{padding:8px 14px;border:1px solid var(--creator-line);border-radius:20px;color:#c5c8da!important;font-size:12px!important}.creator-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}.creator-form,.creator-preview,.creator-history{border:1px solid var(--creator-line);border-radius:18px;background:var(--creator-card)}.creator-form{padding:20px}.creator-tabs{display:flex;background:#0d0e13;border:1px solid #242630;border-radius:9px;padding:4px;margin-bottom:24px}.creator-tabs button{flex:1;padding:9px 5px;font-size:11px!important;border-radius:6px;color:var(--creator-muted)!important}.creator-tabs button[aria-selected=true]{background:#303344;color:#fff!important;box-shadow:0 2px 5px #0003}.creator-label{display:flex;align-items:center;justify-content:space-between;margin:20px 0 9px;font-size:12px;font-weight:600}.creator-label button{font-size:10px!important;color:#b6a4f9!important}#creator textarea,#creator input,#creator select{background:#0d0e13;border:1px solid #30323f;color:#f1f0f7;border-radius:9px;width:100%;font:13px/1.6 inherit;padding:12px;box-sizing:border-box}#creator textarea{resize:vertical;min-height:148px;font:13px/1.7 system-ui}#creator textarea::placeholder{color:#777b8e}#creator select{font:13px system-ui;min-height:47px;color-scheme:dark}#creator input:focus,#creator textarea:focus,#creator select:focus{outline:2px solid #747fee;outline-offset:1px}#creator-count{display:block;text-align:right;color:var(--creator-muted);font-size:10px;margin-top:5px}#creator-guide-body,#creator-image-fields p,.creator-cost{font-size:11px;line-height:1.7;color:var(--creator-muted)}.creator-privacy{display:flex;gap:10px;margin:22px 0;padding:16px 0;border-top:1px solid var(--creator-line)}.creator-privacy>span{color:#a9c6b2;font-size:22px}.creator-privacy b{font-size:12px}.creator-privacy p{font-size:11px;color:var(--creator-muted);margin:5px 0 0}.creator-primary{width:100%;border:0;border-radius:10px;padding:13px!important;background:#6873ed;color:white!important;font-weight:650!important;box-shadow:0 4px 18px #5969f325}.creator-primary:hover{background:#7c86ff}#creator-status{font-size:11px;color:#e6b992;margin:14px 0 0}#creator-status[data-ready=true]{color:#a9c6b2}.creator-cost{margin-bottom:0}.creator-preview{overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#252738 0%,#15161c 63%)}.creator-preview-top{display:flex;justify-content:space-between;padding:20px 24px;color:var(--creator-muted);font-size:11px}#creator-canvas{height:310px;width:100%;touch-action:none}#creator-canvas canvas{display:block;max-width:100%}.creator-example-info{text-align:center;padding:5px 16px 20px}.creator-example-info h2{font-size:22px;letter-spacing:-.5px;margin:5px}.creator-example-info p{font-size:11px;color:var(--creator-muted);margin:5px}.creator-ideas{padding:16px 24px 24px;border-top:1px solid var(--creator-line)}.creator-ideas h3{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--creator-muted);font-weight:500;margin:0 0 14px}#creator-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#creator-examples button{border:1px solid #323443;border-radius:11px;background:#1c1d26;padding:12px 7px;min-width:0}#creator-examples button.active{border-color:#8990f1;background:#2c2d44}#creator-examples span{display:block;color:#d5a578;font-size:31px;line-height:1.4}#creator-examples b{font-size:10px;display:block;margin-top:6px;font-weight:500}.creator-next{padding:22px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid var(--creator-line);background:#121319}.creator-next h2{font-size:13px;margin:0}.creator-next p{max-width:440px;font-size:11px;color:var(--creator-muted);margin:7px 0 0}.creator-next button{border:1px solid #3e4255;white-space:nowrap;border-radius:8px;padding:9px 12px;font-size:11px!important}.creator-history{margin-top:22px;padding:20px 24px}.creator-history>div:first-child{display:flex;align-items:center;justify-content:space-between}.creator-history h2{font-size:15px;margin:0}.creator-history button{font-size:12px!important;color:#bec3ff!important}#creator #cloud-jobs{margin:18px 0 0;color:#b1b5c7;font-size:12px}#creator #cloud-jobs li{padding:12px;border-radius:8px;background:#101116;overflow-wrap:anywhere}#creator #cloud-jobs a{color:#c0c4ff}.creator-upload{border:1px dashed #494c65;border-radius:12px;padding:22px 12px;display:flex;align-items:center;flex-direction:column;gap:8px;cursor:pointer;background:#111219;position:relative;overflow:hidden}.creator-upload>span{font-size:30px;color:#aab1ff}.creator-upload b{font-size:12px}.creator-upload small{font-size:10px;color:var(--creator-muted)}.creator-upload img{max-width:100%;max-height:170px;object-fit:contain;border-radius:8px}#creator-file-slot input{font-size:10px;padding:7px;margin-top:8px}#creator-remove{font-size:11px!important;color:#c4b2fc!important;margin-top:8px}#creator .hidden{display:none!important}#creator-guide-body{background:#252735;padding:12px;border-radius:8px}#creator-submit:disabled{cursor:wait}#creator .btn{background:#272a3a;color:#e9eaff;border-color:#44485a}
@media(max-width:1150px){.creator-nav{width:170px}.creator-main{padding:0 20px 25px}.creator-grid{grid-template-columns:310px minmax(0,1fr);gap:15px}.creator-next{display:block}.creator-next button{margin-top:15px}}
@media(max-width:850px){.creator-nav{width:70px;padding:20px 8px}.creator-brand{font-size:0;margin:0 auto 28px}.creator-brand b{font-size:24px;margin:0}.creator-nav>button{font-size:10px!important;padding:10px 5px;text-align:center;overflow-wrap:anywhere}.creator-nav-bottom{display:none}.creator-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1fr)}.creator-form{padding:16px}.creator-header h1{font-size:17px}.creator-ideas{padding:16px 12px}#creator-canvas{height:280px}.creator-main{padding:0 15px 24px}}
@media(max-width:650px){#creator{display:block}.creator-nav{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 16px;border-right:0;border-bottom:1px solid var(--creator-line);gap:5px}.creator-brand{margin:0 auto 0 0;white-space:nowrap;font-size:13px}.creator-brand b{font-size:17px}.creator-nav>button{font-size:10px!important;padding:8px}.creator-nav>#creator-home,.creator-nav>#creator-current{display:none}.creator-main{padding:0 14px 24px}.creator-header{height:70px}.creator-header button{font-size:10px!important;padding:6px 9px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-grid{grid-template-columns:1fr}.creator-form{padding:18px}.creator-tabs button{font-size:12px!important}#creator-canvas{height:260px}.creator-next{padding:20px}.creator-example-info h2{font-size:20px}.creator-history{padding:18px}.creator-label{font-size:13px}#creator textarea,#creator input,#creator select{font-size:16px}.creator-preview{order:2}}
.local-tools{margin-top:20px}.local-tools summary{cursor:pointer;font-size:12px;color:var(--muted);padding:10px 0}

@media(min-width:651px){.creator-form{max-height:calc(100dvh - 112px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#414457 transparent}.creator-action{position:sticky;bottom:-20px;background:#17181e;padding:14px 0 10px;z-index:1;box-shadow:0 -12px 18px #17181ef2}.creator-cost{font-size:10px}#creator-status{margin-top:9px}.creator-privacy{margin:16px 0 0;padding:12px 0}.creator-cost{line-height:1.5}#creator textarea{min-height:112px}}

#studio-suite{background:#0c0d11;color:#f1f2f7;min-height:100dvh;display:flex;font:14px/1.6 system-ui;--creator-line:#292b35;--creator-muted:#a0a4b9}#studio-suite.hidden{display:none}.suite-nav{overflow-y:auto}.suite-nav-item{display:block;padding:10px 14px;color:#a6aabd;text-decoration:none;font-size:12px;border-radius:8px;line-height:1.45}.suite-nav-item:hover,.suite-nav-item.selected{background:#272939;color:#fff}.suite-nav .creator-brand{margin-bottom:22px}.suite-nav .creator-nav-bottom{padding-top:20px;font-size:10px}#creator .creator-nav{overflow-y:auto}#creator .suite-nav-item{font-size:11px;padding:8px 12px}.suite-two{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:20px;align-items:start}.suite-controls,.suite-empty{background:#17181e;border:1px solid #2b2e3a;border-radius:16px;padding:22px;min-width:0}.suite-empty{text-align:center;padding:60px 24px;min-height:400px}.suite-empty>span{font-size:72px;color:#bda1d9}.suite-empty h2{font-size:22px}.suite-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;margin:18px 0}.suite-note{font-size:12px;line-height:1.8;color:#a3a8bc}.suite-controls>p:first-child{margin-top:0}#studio-suite input,#studio-suite textarea,#studio-suite select{width:100%;min-width:0;background:#0d0f15;color:#f0f2fb;border:1px solid #34394d;border-radius:8px;padding:11px;font:14px/1.5 system-ui;box-sizing:border-box;color-scheme:dark}#studio-suite input[type=color]{height:44px;padding:6px}#studio-suite input[type=file]{font-size:11px;padding:10px}#studio-suite input[type=range]{padding:8px 0}#studio-suite textarea{resize:vertical}#studio-suite button{cursor:pointer;color:inherit}#studio-suite button:disabled{cursor:not-allowed;opacity:.45}.suite-primary,.suite-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid #404760;border-radius:9px;font:12px/1.5 system-ui;color:#e5e8ff;background:#252a3c;text-decoration:none;margin:5px 0}.suite-primary{background:#6976ed;border-color:#6976ed;color:#fff;font-weight:650}#studio-suite .suite-controls>.suite-button,#studio-suite .suite-controls>.suite-primary{width:100%}.suite-display{border:1px solid #2c3040;border-radius:16px;overflow:hidden;position:sticky;top:20px;background:radial-gradient(ellipse at 50% 30%,#2b2e42,#14151c 70%)}#suite-viewer{height:min(63dvh,600px);min-height:350px;width:100%;touch-action:none}#suite-viewer canvas{display:block;max-width:100%}.suite-display-actions{padding:10px 18px;border-top:1px solid #2b2e3a;display:flex;justify-content:flex-end}.suite-report-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:25px}.suite-report-head h2{font-size:15px}.suite-checks{list-style:none;margin:0;padding:0}.suite-checks li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #2b2e3a;font-size:11px}.suite-checks small{display:block;color:#8e94ab;font-size:10px}.suite-checks b{font-weight:500}.suite-checks li>span{white-space:nowrap;font-size:10px}.suite-checks .pass>span{color:#9dd5b4}.suite-checks .fail>span{color:#f2a995}.suite-checks .review>span{color:#d5c28d}.suite-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:25px}.suite-home-card{display:block;padding:30px 22px;border:1px solid #2e3242;border-radius:15px;background:#191b24;position:relative;text-decoration:none;color:#f2f3fa;min-height:180px}.suite-home-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#343d75;color:#bec6ff;font-size:26px}.suite-home-card h2{font-size:16px;margin:22px 0 0}.suite-home-card>b{position:absolute;right:20px;top:22px;color:#969eba}.suite-home-card:hover{border-color:#7786db;background:#202335}#suite-template{max-width:100%;height:auto;margin:12px 0;background:repeating-conic-gradient(#252835 0% 25%,#343849 0% 50%) 0/16px 16px;border-radius:8px}.suite-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.suite-filters input{flex:1;min-width:160px!important;width:auto!important}.suite-filters select{width:150px!important}.suite-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}.suite-market-card{background:#191c26;border:1px solid #30364b;border-radius:12px;padding:14px;min-width:0;overflow-wrap:anywhere}.suite-market-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#242936;border-radius:8px}.suite-market-card h3{font-size:13px;line-height:1.5}.suite-market-card p{font-size:10px;color:#a6acc3;margin:8px 0}.suite-market-card a,.suite-market-card button{font-size:11px;color:#c5ccff;background:#2a3048;border:1px solid #3b4668;border-radius:7px;text-decoration:none;padding:7px;display:inline-block;margin:5px 5px 0 0}#studio-suite #cloud-jobs{padding:0;list-style:none}#studio-suite #cloud-jobs li{padding:15px;background:#11141d;border-radius:8px;margin:12px 0;overflow-wrap:anywhere}#studio-suite #cloud-jobs .btn{background:#2c3452;color:#d9deff;border-color:#455279;margin:8px;font-size:12px}.suite-controls .status-list{font-size:12px}#suite-status{color:#d6bc98;font-size:12px;overflow-wrap:anywhere;margin:15px 0}#studio-suite button:focus-visible,#studio-suite a:focus-visible{outline:2px solid #b6bfff;outline-offset:3px}
@media(max-width:1150px){.suite-home-grid,.suite-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.suite-two{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:850px){.suite-nav{width:160px}.suite-two{grid-template-columns:1fr}.suite-display{position:static}.suite-home-grid,.suite-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#suite-viewer{height:450px}.suite-display{order:-1}.suite-nav-item{font-size:11px;padding:9px}.suite-home-card{padding:22px 16px}.suite-home-card h2{font-size:14px}}
@media(max-width:650px){#studio-suite{display:block}.suite-nav{position:static;flex-direction:row;width:100%;height:auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;border-right:0;border-bottom:1px solid #2d3245;align-items:center}.suite-nav .creator-brand{margin:0 15px 0 0;font-size:13px}.suite-nav .creator-brand b{font-size:17px}.suite-nav-item{flex-shrink:0;font-size:11px;padding:9px}.suite-nav .creator-nav-bottom{display:none}.suite-controls{padding:18px}.suite-label{font-size:13px}#studio-suite input,#studio-suite select,#studio-suite textarea{font-size:16px}.suite-two{gap:15px}#suite-viewer{height:330px;min-height:260px}.suite-market-grid{gap:10px}.suite-market-card{padding:10px}.suite-home-grid{gap:12px}.suite-home-card{min-height:150px}.suite-home-card h2{font-size:13px}.suite-home-card>span{width:36px;height:36px;font-size:22px}.suite-filters select{width:calc(50% - 5px)!important}.suite-filters input{width:100%!important;flex-basis:100%}#creator .creator-nav{overflow-x:auto;flex-wrap:nowrap}#creator .suite-nav-item{flex-shrink:0;white-space:nowrap}#creator .creator-brand{position:sticky;left:0;background:#0c0d11;padding:3px 6px}.suite-display-actions .suite-button{font-size:11px}}
.creator-help{font-size:11px;line-height:1.7;color:#9da3b6;margin:8px 0 16px}.creator-preview:has(#creator-workflow:not(.hidden)){display:block}#creator-workflow{padding:24px;color:#eef0fa;min-width:0}.workflow-steps{font-size:12px;color:#aeb8ed;margin:0 0 18px}.workflow-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow-status{font-size:12px;line-height:1.7;color:#c7cce0}.workflow-concept{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:14px;background:#151722}.workflow-empty{height:300px;display:grid;place-items:center;font-size:50px;color:#aeb8ed}#workflow-viewer{height:400px;border-radius:14px;overflow:hidden;background:#181b27}#workflow-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#creator-workflow button,#creator-workflow a{font:inherit;font-size:12px;background:#2b3354;border:1px solid #424f80;color:#f3f4ff;border-radius:9px;padding:12px;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}#creator-workflow button:disabled{opacity:.45;cursor:not-allowed}#workflow-actions>label{flex-basis:100%;font-size:12px;line-height:2}#workflow-actions textarea{width:100%;background:#11131d;border:1px solid #3c4461;color:#eef0fa;border-radius:9px;padding:12px;font:inherit;resize:vertical}.workflow-note{font-size:11px;line-height:1.7;color:#a3abc5;flex-basis:100%}.workflow-metrics{padding:14px;background:#171b28;border:1px solid #303750;border-radius:10px;flex:1;min-width:150px}.workflow-metrics h3{font-size:12px;margin:0 0 12px}.workflow-metrics p{font-size:11px;color:#bec5dd;line-height:1.7;margin:5px 0}.workflow-top button{flex-shrink:0}@media(max-width:650px){#creator-workflow{padding:16px}#workflow-viewer{height:300px}#workflow-actions textarea{font-size:16px}.workflow-concept{max-height:330px}.workflow-steps{line-height:1.8}}
.workflow-checks{padding:12px 20px;margin:0;flex-basis:100%;font-size:12px;line-height:2}.workflow-checks .pass{color:#9dd8c0}.workflow-checks .review{color:#e5bf84}
.workflow-reference{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:11px;color:#aab5d5}.workflow-reference img{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#151722}
#workflow-actions details{border:1px solid #424f80;border-radius:9px;background:#212840;align-self:flex-start}#workflow-actions summary{padding:12px;cursor:pointer;font-size:12px}.workflow-downloads{display:flex;flex-direction:column;padding:4px;gap:5px}.workflow-downloads a{display:block}
/* Illustrated accessory choices and a separate result toolbar/report. */
#creator .picker-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}
.picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.picker-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;border:1px solid #303344;border-radius:10px;background:linear-gradient(140deg,#222534,#171923);padding:6px;color:#c5cadc!important;gap:2px}.picker-grid button svg{width:54px;height:54px}.picker-grid button span{font:11px/1.3 system-ui;text-align:center;overflow-wrap:anywhere;min-height:15px}.picker-grid button:hover{background:#2b3048;border-color:#787fc2}.picker-grid button[aria-pressed=true]{border-color:#9b9eff;background:#303654;box-shadow:inset 0 0 0 1px #9b9eff}.picker-grid button[aria-pressed=true] span{color:white}.visual-picker.style:not(.expanded) .picker-grid button:nth-child(n+7):not([aria-pressed=true]){display:none}.picker-more{display:block;width:100%;margin-top:8px;padding:9px!important;border-radius:7px;border:1px solid #363b50;color:#c5c8ff!important;font-size:11px!important}.input-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:flex-start}.input-examples small,.reference-examples small{display:block;flex-basis:100%;font-size:10px;color:#9ba4bc;margin-bottom:2px}.input-examples button{border:1px solid #363c53;border-radius:7px;padding:7px 9px!important;background:#222638;font-size:10px!important;text-align:left;color:#cdd3ec!important;line-height:1.5}.input-examples button:hover{border-color:#9b9eff}.reference-examples{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.reference-examples button{flex:1;min-width:0;border-radius:9px;overflow:hidden;background:#222638;border:1px solid #363c53;padding:0 0 7px!important}.reference-examples img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.reference-examples span{display:block;font-size:10px;margin:7px 3px 0}.creator-help{margin:7px 0 14px;font-size:10px}.creator-privacy{margin:16px 0;padding:12px 0}.creator-grid{grid-template-columns:370px minmax(0,1fr)}.creator-preview{position:sticky;top:18px}
#workflow-actions{align-items:center;gap:8px;padding:16px 0;margin-top:0;border-bottom:1px solid #30364a}#creator-workflow #workflow-actions>button{flex:0 1 auto;min-height:40px;padding:10px 12px;align-self:center}#workflow-actions>label,#workflow-actions>.input-examples{flex-basis:100%}#workflow-actions>.input-examples button{padding:7px 9px;min-height:0}#workflow-actions>details{margin-left:auto;order:5}#workflow-actions summary{list-style-position:inside}.workflow-downloads{min-width:170px}#workflow-report{margin-top:18px;border:1px solid #303750;border-radius:12px;background:#131722}#workflow-report>summary{padding:15px;cursor:pointer;font-size:12px;color:#c3ccec}.workflow-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px}.workflow-metrics{min-width:0;border:0;background:#1c2030;padding:12px}.workflow-metrics p{overflow-wrap:anywhere}#workflow-check-results{padding:0 16px 12px;font-size:12px}.workflow-checks{padding-left:18px}.workflow-reference{margin:12px 0;display:flex;align-items:center;gap:10px}.workflow-reference img{width:54px;height:54px;object-fit:cover}.workflow-reference figcaption{font-size:11px}.workflow-status{margin:8px 0}.workflow-note{margin:9px 0}.workflow-steps{padding-bottom:12px;border-bottom:1px solid #30364a;font-size:11px}#creator-workflow .preview-switch{background:#20283f}#creator-workflow{padding:20px}.creator-form .creator-label{margin-top:17px}#creator-submit:disabled{cursor:not-allowed}
@media(max-width:1150px){.creator-grid{grid-template-columns:330px minmax(0,1fr)}.creator-main{padding:0 16px 24px}.creator-nav{width:160px}}@media(max-width:850px){.creator-nav{width:70px}.creator-grid{grid-template-columns:300px minmax(0,1fr)}.creator-main{padding:0 12px 20px}.creator-form{padding:14px}}@media(max-width:700px){.creator-grid{grid-template-columns:1fr}.creator-preview{position:static}.creator-form{padding:18px}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-metrics-grid{grid-template-columns:1fr}#workflow-actions>details{margin-left:0}.creator-header h1{font-size:17px}#workflow-viewer{height:300px}}
#creator .visual-picker .picker-grid button{display:flex}.picker-menu{position:relative}.picker-menu>summary{display:flex;align-items:center;gap:10px;list-style:none;border:1px solid #383d52;border-radius:10px;background:#1d2130;cursor:pointer;padding:4px 12px 4px 5px;font-size:12px}.picker-menu>summary::-webkit-details-marker{display:none}.picker-menu>summary:after{content:'⌄';color:#c4c9ed;font-size:18px}.picker-menu>summary svg{width:46px;height:46px}.picker-menu>summary small{margin-left:auto;border:1px solid #424961;border-radius:5px;padding:2px 5px;color:#a8b3d5;font-size:10px}.picker-menu[open]>summary{border-color:#9b9eff}.picker-menu .picker-grid{position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:340px;overflow-y:auto;padding:10px;background:#151824;border:1px solid #515a7e;border-radius:12px;z-index:8;box-shadow:0 14px 35px #0008}.picker-menu .picker-grid button svg{width:58px;height:58px}.creator-help{font-size:10px;line-height:1.5}.creator-label{margin-top:14px}.creator-preview{position:static}#creator-new{margin-left:auto;font-size:11px!important;max-width:180px;white-space:normal}.creator-action{box-shadow:none!important}#creator .picker-native{display:none}#creator-workflow .workflow-downloads a:hover{background:#394464}.picker-menu summary:focus-visible,.picker-grid button:focus-visible{outline:2px solid #c0baff;outline-offset:3px}
@media(max-width:700px){.creator-form{max-height:none;overflow:visible}.creator-action{position:static}.picker-menu .picker-grid{max-height:330px}.creator-header{flex-wrap:wrap;gap:8px}#creator-new{font-size:10px!important;max-width:110px}}
#studio-suite .input-examples{margin:10px 0 18px}#studio-suite .input-examples button{color:#cdd3ec;border:1px solid #363c53;background:#222638;border-radius:7px;font-size:11px;padding:7px 9px;cursor:pointer}#studio-suite .reference-examples{margin:12px 0 20px}#studio-suite .reference-examples button{cursor:pointer;color:#d3d8ed}#studio-suite .reference-examples img{height:80px;object-fit:contain}
.suite-filters>.input-examples{flex-basis:100%;width:100%}.picker-menu[open]{z-index:9}.visual-picker{position:relative}.creator-form:has(.picker-menu[open]){overflow:visible}.creator-header #creator-new{border-color:#444c76;color:#c7ceff!important}.workflow-metrics-grid:empty{display:none}
.creator-upload:has(img:not([hidden]))>span,.creator-upload:has(img:not([hidden]))>b,.creator-upload:has(img:not([hidden]))>small{display:none}.creator-upload:has(img:not([hidden])){padding:10px}.creator-upload img{max-height:140px}.creator-form:has(#creator-image-fields:not(.hidden)) .reference-examples img{aspect-ratio:1.35}
/* V2: recognisable worn-location diagrams and full accessory style references. */
#creator .picker-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:6px 12px 6px 6px;border:1px solid #3c425a;border-radius:10px;background:#1d2130;text-align:left;font-size:12px;color:#edf0fb;cursor:pointer}.picker-trigger>svg{width:42px;height:54px}.picker-trigger>.style-reference{width:54px;height:54px;border-radius:7px;object-fit:cover}.picker-trigger>small{margin-left:auto;color:#aeb7d2;border:1px solid #444b64;border-radius:5px;padding:2px 5px}.picker-trigger:after{content:'⌄';font-size:18px;color:#b7c1e0}.picker-dialog{box-sizing:border-box;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;color:#edf0fb;background:#161923;border:1px solid #515a79;border-radius:18px;box-shadow:0 24px 100px #0009;overflow:hidden}.picker-dialog::backdrop{background:#060810b8;backdrop-filter:blur(5px)}.picker-dialog[open]{display:flex;flex-direction:column}.picker-dialog>header{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px 22px 14px;border-bottom:1px solid #33394f}.picker-dialog h2{margin:0;font:600 18px/1.4 system-ui}.picker-dialog header p{grid-column:1/-1;color:#a9b3ca;font:12px/1.6 system-ui;margin:0;max-width:560px}#creator .picker-close{padding:0 7px;font:24px/1 system-ui;color:#c8d0e9;border:0;background:none;cursor:pointer}.picker-dialog .picker-grid{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow-y:auto;max-height:none;min-height:0;padding:18px 22px 22px;border:0;background:none;border-radius:0;box-shadow:none}.picker-dialog.type .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picker-dialog .picker-grid button{padding:0 0 11px;gap:8px;overflow:hidden;background:#212636;border-color:#353e54}.picker-dialog .picker-grid button:hover{border-color:#b1adff;background:#303750}.picker-dialog .picker-grid button[aria-pressed=true]{border-color:#bab4ff;box-shadow:inset 0 0 0 2px #bab4ff;background:#343b5b}.picker-dialog .picker-grid button>svg{width:100%;height:126px;background:radial-gradient(ellipse at center,#343f54,#202636)}.picker-dialog .style-reference{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.picker-dialog .picker-grid button span{font:12px/1.4 system-ui;min-height:18px;padding:0 7px}.picker-dialog .picker-grid button[aria-pressed=true] span:before{content:'✓ ';color:#c6c1ff}.picker-trigger:focus-visible,.picker-close:focus-visible{outline:2px solid #c4beff;outline-offset:3px}
@media(max-width:650px){.picker-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border-radius:14px}.picker-dialog>header{padding:16px}.picker-dialog .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px}.picker-dialog.type .picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picker-dialog .picker-grid button>svg{height:104px}.picker-dialog .picker-grid button span{font-size:11px}.picker-dialog h2{font-size:16px}.picker-trigger>span{font-size:13px}}
.picker-dialog .picker-grid{grid-auto-rows:max-content;align-content:start;flex:1 1 auto}.picker-dialog .picker-grid button{justify-content:flex-start;align-self:start;min-height:0;flex-shrink:0}.picker-dialog .picker-grid button>img,.picker-dialog .picker-grid button>svg{flex-shrink:0}.picker-dialog .picker-grid button>span{flex-shrink:0;display:block}.picker-dialog .style-reference{object-fit:contain}
/* Generation feedback and peer actions after a concept is ready. */
.workflow-generating{min-height:350px;border-radius:14px;overflow:hidden;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#303653,#171b29 70%)}.workflow-progress-reference{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(18px);opacity:.12;transform:scale(1.08)}.workflow-progress{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 24px;max-width:540px}.workflow-spinner{display:inline-grid;place-items:center;flex-shrink:0;width:62px;height:62px;border-radius:50%;border:3px solid #a8b3f025;position:relative;box-sizing:border-box;margin-bottom:22px}.workflow-spinner:before{content:'';position:absolute;inset:-3px;border:3px solid transparent;border-top-color:#b7b0ff;border-right-color:#8eabfa;border-radius:50%;animation:workflow-spin 1s linear infinite}.workflow-spinner>span{width:12px;height:12px;background:#aaaaff;border-radius:50%;box-shadow:0 0 22px #aaaaff90;animation:workflow-breathe 1.8s ease-in-out infinite}.workflow-progress h2{font:600 18px/1.4 system-ui;margin:0 0 10px;color:#f1f1ff}.workflow-progress>p{font:12px/1.8 system-ui;color:#b3bed8;max-width:390px;margin:0}.workflow-progress-steps{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;font:11px/1.5 system-ui;color:#77839e;flex-wrap:wrap}.workflow-progress-steps .done{color:#a5d8c2}.workflow-progress-steps .current{color:#d1ceff}.workflow-progress-steps .current:before{content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:#b7b0ff;margin-right:6px;animation:workflow-breathe 1.8s ease-in-out infinite}.workflow-elapsed{font:11px/1.5 system-ui;color:#8e9ab8;margin-top:15px}.workflow-elapsed time{font-variant-numeric:tabular-nums;margin-left:6px;color:#b5c0dd}.workflow-image-frame{position:relative;height:clamp(260px,34vw,440px);border-radius:14px;overflow:hidden;background:#121621}.workflow-image-frame .workflow-concept{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;opacity:0;transition:opacity .25s ease}.workflow-image-frame.loaded .workflow-concept{opacity:1}.workflow-image-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#aeb9d5;font-size:12px}.workflow-image-frame.loaded .workflow-image-loading{display:none}.workflow-image-loading .workflow-spinner{width:36px;height:36px;margin-bottom:12px}.workflow-image-loading .workflow-spinner>span{width:7px;height:7px}.workflow-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}#creator-workflow .workflow-choice{display:flex;align-items:flex-start;gap:12px;text-align:left;min-height:114px;padding:18px;border-radius:12px;background:#202638;border:1px solid #414b68;color:#f0f1fb;transition:background .18s,border-color .18s}#creator-workflow .workflow-choice:hover:not(:disabled){background:#2a324a;border-color:#a9a9f1}#creator-workflow .workflow-choice.generate{background:linear-gradient(120deg,#34365e,#282f4b);border-color:#6b6db5}#creator-workflow .workflow-choice.refine[aria-expanded=true]{border-color:#acafff;background:#2a304b}.workflow-choice-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:#9b9ff51a;color:#bcbcff}.workflow-choice-icon svg{width:21px;height:21px}.workflow-choice-copy{display:flex;flex-direction:column;min-width:0;gap:7px}.workflow-choice-copy strong{font:600 13px/1.5 system-ui}.workflow-choice-copy small{font:11px/1.6 system-ui;color:#b0bad0}.workflow-choice-arrow{margin-left:auto;color:#adb6da}.workflow-refine-panel{flex-basis:100%;width:100%;box-sizing:border-box;margin-top:4px;padding:18px;border:1px solid #3b4562;border-radius:12px;background:#141925}.workflow-refine-panel[hidden]{display:none}.workflow-refine-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.workflow-refine-heading h3{font:600 13px/1.5 system-ui;margin:0}#creator-workflow .workflow-refine-close{font-size:11px;background:none;border:0;padding:4px;color:#aab6d0}.workflow-refine-panel>p{font-size:11px;line-height:1.6;color:#9facc7;margin:7px 0 14px}.workflow-refine-panel>label{font-size:11px;display:block;margin-bottom:8px}#creator #workflow-refinement{font:13px/1.7 system-ui;min-height:96px;max-height:240px;margin:0;resize:vertical}.workflow-refine-count{display:block;text-align:right;font-size:10px;color:#8997b5;margin-top:5px;font-variant-numeric:tabular-nums}.workflow-refine-panel .input-examples{margin-top:4px;gap:6px}#creator-workflow .workflow-refine-panel .input-examples button{padding:6px 9px;background:#222b41;border-color:#374563;border-radius:7px;font-size:10px}.workflow-refine-panel .input-examples small{font-size:10px}.workflow-refine-footer{display:flex;justify-content:flex-end;margin-top:12px}#creator-workflow .workflow-refine-footer>button{background:#696fe0;border-color:#858bee;padding:10px 16px}#creator-workflow .workflow-refine-error{color:#ffb8bc;margin:8px 0 0;min-height:0}.workflow-refine-error:empty{display:none}#creator-workflow button.is-loading:before{content:'';display:inline-block;flex-shrink:0;width:13px;height:13px;border:2px solid #ffffff3a;border-top-color:white;border-radius:50%;animation:workflow-spin .8s linear infinite;margin-right:6px}#creator-workflow button.is-loading{cursor:progress}.workflow-choice:focus-visible{outline:2px solid #c9c5ff;outline-offset:3px}@keyframes workflow-spin{to{transform:rotate(360deg)}}@keyframes workflow-breathe{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media(max-width:850px) and (min-width:701px){.workflow-choices{grid-template-columns:1fr}}@media(max-width:650px){.workflow-generating{min-height:310px}.workflow-progress{padding:32px 16px}.workflow-progress h2{font-size:16px}.workflow-progress-steps{gap:10px;font-size:10px}.workflow-choices{gap:8px}#creator-workflow .workflow-choice{padding:13px 11px;min-height:145px;gap:8px;flex-wrap:wrap}.workflow-choice-icon{width:29px;height:29px}.workflow-choice-arrow{display:none}.workflow-choice-copy{flex-basis:100%}.workflow-choice-copy strong{font-size:12px}.workflow-choice-copy small{font-size:10px}.workflow-refine-panel{padding:14px}#creator #workflow-refinement{font-size:16px;min-height:104px}.workflow-image-frame{height:310px}.workflow-refine-heading{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.workflow-spinner:before,.workflow-spinner>span,.workflow-progress-steps .current:before,#creator-workflow button.is-loading:before{animation:none}.workflow-image-frame .workflow-concept{transition:none}}
#creator-submit[aria-busy=true]:before{content:'';display:inline-block;width:13px;height:13px;border:2px solid #ffffff40;border-top-color:white;border-radius:50%;vertical-align:middle;margin-right:9px;animation:workflow-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){#creator-submit[aria-busy=true]:before{animation:none}}
#creator-workflow[data-busy=true]>.workflow-status{display:none}
#workflow-actions[hidden]{display:none}.workflow-uncertain-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #d8bd7655;border-radius:50%;background:#d8bd7612;color:#ead29b;font:500 26px system-ui;margin-bottom:22px}.workflow-progress.uncertain .workflow-progress-steps,.workflow-progress.uncertain .workflow-elapsed{display:none}
/* Compact workbench: media yields space to visible actions, not the other way around. */
#creator .creator-header{height:72px}#creator-workflow{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:calc(100dvh - 92px);max-height:760px;min-height:360px;padding:16px;position:relative}.creator-preview:has(#creator-workflow:not(.hidden)){align-self:start}#creator-workflow .workflow-top{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:0;min-height:32px}.workflow-top>b{font:600 14px/1.5 system-ui;white-space:nowrap;flex-shrink:0}.workflow-meta{font:11px/1.5 system-ui;color:#97a5c0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#creator-workflow #workflow-refresh{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:6px;min-height:30px;padding:6px 9px;font-size:11px;white-space:nowrap;background:#202639;border-color:#35415c}#workflow-refresh svg{width:14px;height:14px;flex-shrink:0}#workflow-refresh[aria-busy=true] svg{animation:workflow-spin .9s linear infinite}#workflow-refresh span{font-variant-numeric:tabular-nums}#creator-workflow>.workflow-status{flex:0 0 auto;margin:0;font-size:11px;line-height:1.5}#creator-workflow[data-error=false][data-state=awaiting_confirmation]>.workflow-status,#creator-workflow[data-error=false][data-state=completed]>.workflow-status{display:none}#creator-workflow>.workflow-image-frame,#creator-workflow>#workflow-viewer,#creator-workflow>.workflow-generating{flex:1 1 auto;height:auto;min-height:100px;max-height:none;width:100%}#creator-workflow>.workflow-generating{min-height:230px}.workflow-image-frame .workflow-concept{height:100%;max-height:none}#creator-workflow>#workflow-actions{flex:0 0 auto;margin:0;padding:0;border:0;gap:8px;position:relative}#creator-workflow .workflow-choices{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}#creator-workflow .workflow-choice{display:grid;grid-template-columns:28px minmax(0,1fr) 10px;align-items:center;gap:10px;min-height:76px;padding:12px}.workflow-choice-icon{width:28px;height:28px}.workflow-choice-icon svg{width:19px;height:19px}.workflow-choice-copy{gap:4px}.workflow-choice-copy strong{font-size:12px;line-height:1.4}.workflow-choice-copy small{font-size:10.5px;line-height:1.45}.workflow-choice-arrow{font-size:12px}#creator-workflow .workflow-refine-panel{padding:12px;margin:0;max-height:min(260px,36dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#creator-workflow .workflow-refine-panel>p:not(.workflow-refine-error){display:none}.workflow-refine-panel>label{margin:9px 0 6px}.workflow-refine-panel .input-examples{margin-top:2px}.workflow-refine-footer{position:sticky;bottom:-12px;background:linear-gradient(#141925eb,#141925 40%);padding:8px 0;margin-top:4px;z-index:2}#creator #workflow-refinement{min-height:80px;max-height:150px}.workflow-refine-heading h3{font-size:12px}#creator-workflow>#workflow-report{flex:0 1 auto;max-height:180px;overflow-y:auto;margin:0;scrollbar-width:thin}#workflow-report>summary{padding:10px 12px;font-size:11px}#creator-workflow .workflow-footnote{flex:0 0 auto;font:10px/1.5 system-ui;color:#8392ad;padding-top:9px;border-top:1px solid #30384d;overflow-wrap:normal}.workflow-footnote>span{display:inline}.workflow-footnote-separator{color:#66758e}.workflow-reference-popover{position:relative;flex-shrink:0;margin-left:auto}.workflow-reference-popover+#workflow-refresh{margin-left:0}.workflow-reference-popover summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:27px;height:27px;border:1px solid #35415c;border-radius:7px;color:#a4b4d7;font-size:18px}.workflow-reference-popover summary::-webkit-details-marker{display:none}.workflow-reference-popover figure{position:absolute;top:25px;right:0;z-index:5;width:160px;padding:8px;margin:7px 0;background:#1b2232;border:1px solid #46516f;border-radius:10px;box-shadow:0 9px 26px #0007}.workflow-reference-popover img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px}.workflow-reference-popover figcaption{font-size:10px;color:#aebcdb;padding:6px 1px 0}.workflow-progress{height:100%;box-sizing:border-box;max-width:none;width:100%;padding:24px;justify-content:center}.workflow-progress .workflow-spinner{width:50px;height:50px;margin-bottom:16px}.workflow-progress h2{font-size:17px;margin-bottom:0}.workflow-progress-steps{margin-top:22px;gap:16px}.workflow-elapsed{font:11px/1.5 system-ui;margin-top:13px;padding:5px 10px;border:1px solid #7886b72b;border-radius:20px;background:#171f333d}.workflow-progress-tip{display:flex;gap:12px;align-items:baseline;max-width:460px;box-sizing:border-box;width:100%;padding:11px 13px;border:1px solid #8397c32a;border-left:2px solid #7685a3;border-radius:8px;background:#10182755;margin-top:26px;text-align:left;color:#99a9c5;font:11px/1.65 system-ui}.workflow-progress-tip b{color:#b0bfd9;flex-shrink:0;font-size:10px;font-weight:500}.workflow-progress-tip span{min-width:0}.workflow-uncertain-message{margin-top:12px!important}#creator-workflow #workflow-actions>button{min-height:32px;padding:8px 10px;font-size:11px}#creator-workflow #workflow-actions>details>summary{padding:8px 10px;font-size:11px}.workflow-downloads{position:absolute;right:0;bottom:100%;z-index:4;margin-bottom:6px;background:#1b2439;border:1px solid #485778;border-radius:9px;box-shadow:0 8px 20px #0006}.workflow-downloads a{white-space:nowrap}
@media(min-width:701px){#creator .creator-form{max-height:calc(100dvh - 92px)}}@media(max-height:600px) and (min-width:701px){#creator .creator-header{height:58px}#creator-workflow{height:calc(100dvh - 76px);min-height:0;padding:12px;gap:8px}#creator .creator-form{max-height:calc(100dvh - 76px)}#creator-workflow .workflow-choice{min-height:64px;padding:10px}.workflow-progress-tip{margin-top:16px}.workflow-progress{padding:16px}.workflow-progress-steps{margin-top:15px}}@media(max-width:700px){#creator .creator-header{height:auto;min-height:64px}#creator-workflow{height:min(740px,calc(100dvh - 24px));min-height:420px;max-height:none;padding:12px;gap:9px;scroll-margin-top:10px}#creator-workflow .workflow-top{gap:7px}.workflow-top>b{font-size:12px}.workflow-meta{font-size:10px;flex:1}#creator-workflow #workflow-refresh{font-size:10px;gap:4px;padding:6px}.workflow-reference-popover{margin-left:0}.workflow-reference-popover summary{width:24px;height:24px}#creator-workflow .workflow-choice{grid-template-columns:22px minmax(0,1fr);gap:7px;padding:10px;min-height:80px;flex-wrap:nowrap}.workflow-choice-icon{width:22px;height:25px}.workflow-choice-icon svg{width:17px;height:17px}.workflow-choice-copy{flex-basis:auto}.workflow-choice-copy strong{font-size:11px}.workflow-choice-copy small{font-size:10px}.workflow-choice-arrow{display:none}.workflow-progress{padding:20px 14px}.workflow-progress h2{font-size:16px}.workflow-progress-steps{gap:10px;font-size:10px}.workflow-progress-tip{padding:10px;gap:9px;font-size:10px;margin-top:22px}.workflow-progress-tip b{font-size:10px}#creator-workflow .workflow-footnote{font-size:9px}#creator-workflow .workflow-refine-panel{max-height:min(300px,39dvh)}#creator #workflow-refinement{font-size:16px;min-height:80px}.workflow-refine-footer{bottom:-12px}.workflow-reference-popover figure{width:130px}#creator-workflow>#workflow-actions{z-index:2}#creator-workflow>.workflow-image-frame,#creator-workflow>#workflow-viewer{min-height:90px}}@media(prefers-reduced-motion:reduce){#workflow-refresh[aria-busy=true] svg{animation:none}}
#creator-workflow .workflow-footnote{display:block;justify-content:normal;gap:0;letter-spacing:normal;text-transform:none;text-align:left;font-size:11px;line-height:1.5}.workflow-footnote-separator{padding:0 4px}@media(max-width:700px){#creator-workflow .workflow-footnote{font-size:10px}}
#creator-workflow #workflow-actions>.preview-switch{order:-1;background:#1c2437;border-color:#3b4867}#creator-workflow #workflow-actions>.preview-switch[aria-pressed=true]{background:#343b60;border-color:#9094da}
#creator-workflow .workflow-footnote{padding:9px 0 0}
@media(max-width:700px){#creator-workflow>#workflow-actions{position:sticky;bottom:8px;z-index:3;background:#171b28;border-radius:10px;padding:7px 0}}
/* Four explicit result actions; reports open independently of the preview. */
#creator-workflow>#workflow-actions.workflow-result-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#creator-workflow #workflow-actions.workflow-result-actions>button{order:0;min-width:0;min-height:38px;padding:9px 6px;font-size:11px;line-height:1.35;white-space:normal;text-align:center;background:#26314a;border-color:#485a7d}#creator-workflow .workflow-result-actions>[data-action=prepared-download]{background:#444977;border-color:#858ade}#creator-workflow>#workflow-report.workflow-report-dialog{box-sizing:border-box;width:min(710px,calc(100vw - 28px));max-height:calc(100dvh - 40px);height:auto;padding:0;margin:auto;overflow:hidden;border:1px solid #4c5876;border-radius:16px;background:#171c29;color:#edf0fa;flex:none;box-shadow:0 25px 90px #0008}#creator-workflow>#workflow-report.workflow-report-dialog:not([open]){display:none}#creator-workflow>#workflow-report.workflow-report-dialog[open]{display:flex;flex-direction:column}.workflow-report-dialog::backdrop{background:#080c16b8;backdrop-filter:blur(4px)}.workflow-report-dialog>header{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px;border-bottom:1px solid #333e56}.workflow-report-dialog h2{font:600 17px/1.5 system-ui;margin:0}.workflow-report-dialog header p{grid-column:1/-1;margin:0;color:#a4b3cf;font:12px/1.6 system-ui}#creator-workflow .workflow-report-close{border:0;background:none;font:24px/1 system-ui;padding:2px 6px;color:#bfcae3}.workflow-report-body{overflow:auto;min-height:0;padding:16px 4px 0;overscroll-behavior:contain}.workflow-report-footer{padding:12px 18px;border-top:1px solid #333e56;display:flex;justify-content:flex-end;background:#171c29}.workflow-report-dialog .workflow-metrics-grid{padding-bottom:12px}.workflow-report-dialog #workflow-check-results>p{font-weight:600}.workflow-report-dialog .workflow-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;list-style:none;padding:0}.workflow-report-dialog .workflow-checks li{font-size:12px;line-height:1.6}.workflow-report-dialog .workflow-checks .pass{color:#9ed8c0}.workflow-report-dialog .workflow-checks .review{color:#edcf94}@media(max-width:700px){#creator-workflow #workflow-actions.workflow-result-actions{gap:5px}#creator-workflow #workflow-actions.workflow-result-actions>button{font-size:10px;padding:8px 4px;min-height:46px}.workflow-report-dialog>header{padding:16px}.workflow-report-dialog h2{font-size:15px}.workflow-report-dialog .workflow-checks{grid-template-columns:1fr}#creator-workflow>#workflow-report.workflow-report-dialog{max-height:calc(100dvh - 24px)}}
.workflow-file-format{display:inline-block;margin-left:5px;padding:1px 4px;border:1px solid #7584ae55;border-radius:4px;font-size:8px;line-height:1.3;color:#b7c6e2;vertical-align:middle;font-weight:500}@media(max-width:700px){.workflow-file-format{margin-left:3px;font-size:8px}}
#creator-workflow #workflow-actions.workflow-result-actions>button{align-self:stretch}
.result-action-hint{position:fixed;z-index:10000;box-sizing:border-box;max-width:calc(100vw - 24px);padding:13px 15px;border:1px solid #536388;border-radius:11px;background:#222b40;color:#cbd5eb;box-shadow:0 10px 35px #0008;font:12px/1.65 system-ui;letter-spacing:normal;pointer-events:none;text-align:left}.result-action-hint[hidden]{display:none}.result-action-hint strong{display:block;color:#f2f3ff;font-size:12px;font-weight:600;margin:0 0 7px}.result-action-hint p{margin:6px 0 0}.result-action-hint p:first-child{margin-top:0}
/* Compact, shared creation history. */
#creator #cloud-jobs,#studio-suite #cloud-jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:12px;padding:0;list-style:none}
#creator #cloud-jobs li.creation-card,#studio-suite #cloud-jobs li.creation-card{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:1fr auto;gap:8px 14px;align-items:start;margin:0;padding:14px;border:1px solid #303342;border-radius:12px;background:#11131b;min-width:0;overflow:hidden}
.creation-card-image,.creation-card-placeholder{grid-row:1 / 3;width:88px;height:96px;object-fit:contain;background:#242633;border-radius:9px}.creation-card-placeholder{display:grid;place-items:center;color:#aaa7df;font-size:32px}.creation-card-body{min-width:0}.creation-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.55;font-weight:550;color:#e0e2f0}.creation-card-state{display:inline-block;font-size:10px;color:#bac0dc;margin-top:6px}.creation-card-state[data-state=completed],.creation-card-state[data-state=awaiting_confirmation]{color:#a4d9c0}.creation-card-body small{display:block;font-size:10px;color:#e9b09e}.creation-card-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:0}#creator #cloud-jobs .creation-card-actions .btn,#studio-suite #cloud-jobs .creation-card-actions .btn{display:inline-flex;width:auto;min-height:30px;padding:5px 9px;margin:0;font-size:10px!important;border-radius:7px;line-height:1.4}
/* Clothing studio: compact controls, semantic clothing illustrations. */
.garment-layout{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:22px;align-items:start}.garment-form{position:sticky;top:14px;padding:18px}.garment-tabs{display:flex;background:#0f1119;border-radius:9px;padding:4px;gap:4px}.garment-tabs button{flex:1;border:0;border-radius:7px;padding:9px 6px;background:transparent;font:12px system-ui}.garment-tabs button[aria-pressed=true]{background:#34354f;color:#fff}.garment-form .suite-label{margin:15px 0}.garment-form textarea{min-height:90px}.garment-pickers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.garment-pickers>div>span{font-size:12px;font-weight:600}.garment-choice{display:flex;align-items:center;gap:7px;width:100%;margin-top:8px;border:1px solid #41465c;border-radius:10px;padding:6px;background:#202432;text-align:left;min-height:62px;min-width:0}.garment-choice img{width:44px;height:48px;object-fit:cover;border-radius:6px}.garment-choice span{flex:1;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.garment-poly{position:relative}.garment-poly output{position:absolute;right:0;color:#cbc7ff;font-variant-numeric:tabular-nums}.garment-poly small{font-size:11px;font-weight:400;line-height:1.6;color:#a6adc6}.garment-submit-bar{display:flex;gap:9px;position:sticky;bottom:8px;padding:8px 0;background:#17181ef5;z-index:2}.garment-submit-bar .suite-primary{flex:1}.garment-submit-bar button{font-size:12px;white-space:normal}.garment-form .suite-note{font-size:10px;line-height:1.6;margin-bottom:0}#garment-feedback{font-size:12px;color:#b9d9cb;line-height:1.6}#garment-feedback:empty{display:none}.garment-showcase{border:1px solid #303342;border-radius:17px;overflow:hidden;background:#171820}.garment-showcase>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}.garment-showcase h2{font-size:13px;margin:0}.garment-showcase header span{font-size:11px;color:#b2b7cc}.garment-preview{position:relative;height:clamp(250px,43dvh,430px);background:#e6e6e9;display:grid;place-items:center}.garment-preview>img{width:100%;height:100%;object-fit:contain;min-height:0}.garment-preview-badge{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font-size:10px;color:#454653;background:#ffffffe0;border-radius:6px;padding:6px}.garment-example-area{padding:14px 18px}.garment-example-area h3{font-size:12px;margin:0 0 10px}.garment-examples,.garment-reference-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.garment-examples button,.garment-reference-samples button{padding:0;border:1px solid #3c4156;border-radius:10px;overflow:hidden;background:#232633;min-width:0;text-align:left}.garment-examples img,.garment-reference-samples img{width:100%;height:100px;object-fit:cover;display:block}.garment-examples span,.garment-reference-samples span{display:block;font-size:10px;line-height:1.5;padding:7px 9px}.garment-reference-samples img{height:64px}.garment-showcase footer{padding:12px 18px;border-top:1px solid #303342;font-size:11px;color:#a8aec5}.garment-showcase footer p{margin:0 0 7px}.garment-showcase footer a{color:#c0baff;text-decoration:none}.garment-dialog{width:min(820px,calc(100vw - 28px));max-height:85dvh;box-sizing:border-box;border:1px solid #66658c;border-radius:18px;padding:0;background:#171923;color:#eeeefa}.garment-dialog::backdrop{background:#070812b3;backdrop-filter:blur(5px)}.garment-dialog header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:sticky;top:0;background:#171923;z-index:1}.garment-dialog h2{font-size:16px;margin:0}.garment-dialog header button{background:none;color:#d0cafd;border:0;padding:8px;cursor:pointer}.garment-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 20px}.garment-option-grid button{background:#242633;color:#e7e8f4;border:1px solid #3e4358;padding:0;border-radius:12px;overflow:hidden;cursor:pointer;min-width:0}.garment-option-grid button[aria-pressed=true]{border:2px solid #b0a5ff;box-shadow:0 0 0 1px #b0a5ff}.garment-option-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.garment-option-grid span{display:block;padding:10px 5px;font-size:12px;line-height:1.4}.is-generating:before{content:'';display:inline-block;width:13px;height:13px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:creator-spin 1s linear infinite}
@media(max-width:1000px){.garment-layout{grid-template-columns:minmax(290px,350px) minmax(0,1fr)}.garment-choice img{width:34px;height:42px}.garment-examples img{height:80px}}@media(max-width:850px){.garment-layout{grid-template-columns:1fr}.garment-form{position:static}.garment-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.garment-preview{height:320px}.garment-examples img{height:120px}}@media(max-width:480px){.garment-showcase>header{padding:12px;flex-wrap:wrap;gap:5px}.garment-form{padding:14px}.garment-choice img{width:42px;height:48px}.garment-submit-bar{bottom:6px}.garment-examples img{height:88px}.garment-option-grid{gap:8px;padding:0 12px 12px}.garment-option-grid span{font-size:11px}.garment-dialog header{padding:12px}.garment-dialog{max-height:88dvh}.garment-reference-samples{gap:6px}.garment-preview{height:280px}}
.garment-form [hidden]{display:none!important}#studio-suite .garment-form input[type=range]{accent-color:#9990ff}.garment-examples img,.garment-reference-samples img{object-fit:contain;background:#e3e3e5}#creator #cloud-jobs .creation-card-image,#studio-suite #cloud-jobs .creation-card-image{width:88px;height:96px}
@keyframes garment-spin{to{transform:rotate(360deg)}}.is-generating:before{animation-name:garment-spin}
@media(max-width:650px){#studio-suite>.suite-nav{width:100%;max-width:100vw;box-sizing:border-box}#studio-suite>.suite-nav .creator-brand{flex-shrink:0}}

/* Shared grouped sidebar: fixed rail dimensions and stable labels across tools. */
#studio-suite>.suite-nav,#creator .creator-nav{width:232px;min-width:232px;box-sizing:border-box;gap:0;scrollbar-width:thin}
.suite-nav-group{display:flex;flex-direction:column;gap:3px;margin:0 0 17px;min-width:0}
.suite-nav-heading{color:#858da6;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:750;padding:0 13px 8px}
.suite-nav-item{display:flex;gap:11px;align-items:center;min-height:38px;padding:9px 12px!important;border:1px solid transparent;font-size:12px!important;white-space:nowrap;transition:background-color .14s,border-color .14s}
.suite-nav-item.selected{border-color:#555d89;background:#292f48;color:#f8f9ff}
.suite-nav-icon{display:grid;place-items:center;width:22px;min-width:22px;height:22px;background:#242a3c;color:#b9c4ed;border-radius:6px;font-size:15px;line-height:1}
.suite-nav-item.selected .suite-nav-icon{background:#555ed1;color:#fff}
#studio-suite .suite-nav .creator-brand,#creator .creator-nav .creator-brand{font-size:18px;white-space:nowrap;margin-bottom:26px}
#studio-suite .suite-controls{background:linear-gradient(150deg,#1c1e29,#15171f 85%);border-color:#353a4c;box-shadow:0 10px 36px #0002}
#studio-suite .suite-label{margin:12px 0;gap:6px}
#studio-suite .suite-label select,#studio-suite .suite-label input{min-height:40px}
.suite-preview-display{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.suite-preview-display:has(#suite-compare-panel:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}
.suite-preview-display .suite-display{min-width:0;top:12px}
.suite-preview-display #suite-viewer,.suite-preview-display #suite-compare-viewer{height:min(58dvh,490px);min-height:290px;width:100%}
.suite-preview-caption{padding:12px 16px;font-size:12px;font-weight:650;color:#c8d2f2}
#suite-compare-panel[hidden],#suite-compare-choice[hidden]{display:none!important}
.suite-compare-switch{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:12px;color:#d6d9e9;cursor:pointer}
#studio-suite .suite-compare-switch input[type=checkbox]{width:17px;min-width:17px;height:17px;accent-color:#8996ff}
.suite-form-intro{margin-bottom:24px}.suite-form-kicker{color:#a6b0ff;font-size:10px;letter-spacing:.13em;font-weight:700}
.suite-form-intro h2{font-size:23px;margin:8px 0}.suite-form-intro p{color:#a8b0c8;font-size:12px;line-height:1.7}
.suite-feedback-form{max-width:730px}.suite-feedback-form textarea{min-height:160px}.suite-feedback-form small{align-self:flex-end;font-size:11px;color:#929bb7}
.suite-feedback-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.suite-feedback-actions button{flex:0 1 auto!important}.suite-feedback-actions .suite-primary{margin-left:auto}
@media(max-width:1100px){#studio-suite>.suite-nav,#creator .creator-nav{width:198px;min-width:198px}.suite-preview-display:has(#suite-compare-panel:not([hidden])){grid-template-columns:1fr}}
@media(max-width:650px){#studio-suite>.suite-nav,#creator .creator-nav{width:100%;min-width:0;height:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:16px;padding:12px;position:static}#studio-suite .suite-nav .creator-brand,#creator .creator-nav .creator-brand{font-size:13px;margin:0 10px 0 0}.suite-nav-group{flex-direction:row;flex-shrink:0;margin:0;gap:4px}.suite-nav-heading{display:none}.suite-nav-item{min-height:36px;padding:7px 9px!important}.suite-nav-icon{min-width:20px;width:20px}.suite-feedback-actions .suite-primary{margin-left:0}}
/* Generation flows share one live output area. */
.generation-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:22px;align-items:start}.generation-form{position:sticky;top:14px;padding:18px}.generation-intro{margin:0;color:#b1b7cf;font-size:12px;line-height:1.7}.generation-form .suite-label{margin:14px 0}.generation-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.generation-two-fields .garment-choice{margin:0;min-height:45px}.generation-two-fields .garment-choice img{height:32px;width:32px}.generation-examples{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.generation-examples small{display:block;flex-basis:100%;font-size:10px;color:#a9b0c8}.generation-examples button{border:1px solid #3e4563;border-radius:8px;padding:6px 9px;background:#242b43;font-size:10px;line-height:1.5;text-align:left}.generation-guide{font-size:11px;color:#b9b3ed}.generation-guide p{font-size:11px;line-height:1.7;color:#a9b0c8}.generation-submit{display:flex;gap:9px;position:sticky;bottom:8px;background:#17181ef5;padding:6px 0;z-index:2}.generation-submit>.suite-primary{flex:1}.generation-form .suite-note{font-size:10px;margin:5px 0}.generation-local{font-size:11px;color:#ada8d5;margin-top:12px}.generation-local summary{cursor:pointer}.generation-local .suite-button{font-size:10px;margin:5px 4px 0 0}.generation-form .suite-label small{font-weight:400;font-size:10px;color:#aeb3c7}.generation-result{min-width:0;position:sticky;top:14px}.suite-task-panel{border:1px solid #303447;background:#171921;border-radius:16px;overflow:hidden;min-width:0}.suite-task-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;border-bottom:1px solid #2d3142}.suite-task-panel h2{font-size:14px;margin:0}.suite-task-panel header button{font-size:10px;min-height:30px;padding:5px 10px}.task-body{min-height:220px}.task-model,.generation-viewer{height:clamp(290px,49dvh,510px);min-height:290px;touch-action:none}.task-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px;padding:25px 18px;box-sizing:border-box;text-align:center;background:radial-gradient(ellipse at 50% 20%,#30364f,#191b26 80%)}.task-progress .workflow-spinner{margin:0 0 24px}.task-progress h2{font-size:21px;margin:0 0 18px}.task-phase{font-size:13px;color:#d5d1ff}.task-elapsed{font-variant-numeric:tabular-nums;font-size:12px;color:#a7b1cf}.task-progress aside{font-size:11px;line-height:1.7;color:#a6afc8;border-top:1px solid #414861;margin-top:18px;padding-top:15px;max-width:430px}.task-uncertain{width:50px;height:50px;border:2px solid #c9b586;border-radius:50%;font-size:32px;color:#d9c193;margin:10px}.task-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #303447}.task-actions:empty{display:none}.task-actions .suite-button{flex:1;font-size:11px;min-height:36px;margin:0;padding:8px 9px}.task-feedback{font-size:11px;line-height:1.6;color:#b2d6c7;margin:0;padding:0 16px 12px}.task-feedback:empty{display:none}.generation-view-tabs{display:flex;justify-content:center;gap:9px;padding:7px}.generation-view-tabs button{font-size:11px;min-height:30px;margin:0}.generation-template{min-height:290px;max-height:49dvh;overflow:auto;text-align:center;background:repeating-conic-gradient(#282b38 0% 25%,#343848 0% 50%) 0/20px 20px}.generation-template canvas{max-width:100%;height:auto;max-height:47dvh;object-fit:contain}.generation-preview-note{font-size:10px;text-align:center;line-height:1.7;color:#a6afc8;margin:0;padding:8px 15px}.generation-viewer[hidden],.generation-template[hidden],.garment-showcase[hidden]{display:none!important}.motion-playback{display:flex;align-items:center;gap:10px;padding:6px 15px;background:#171923}.motion-playback input{flex:1;accent-color:#a89fff}.motion-playback output{font-size:10px;white-space:nowrap;color:#b7bfd7;font-variant-numeric:tabular-nums}.motion-playback button{font-size:10px;min-width:60px}.task-report{width:min(500px,calc(100vw - 32px));box-sizing:border-box;max-height:80dvh;overflow:auto;background:#1a1d29;color:#e5e8f4;border:1px solid #6c7092;border-radius:15px;padding:22px}.task-report::backdrop{background:#050613b3;backdrop-filter:blur(4px)}.task-report h2{font-size:17px}.task-report p{font-size:12px;line-height:1.7}.task-concept{height:clamp(280px,48dvh,480px);background:#13151f;text-align:center}.task-concept img{width:100%;height:100%;object-fit:contain}.task-refine{flex:1;min-width:150px;border:1px solid #414762;border-radius:8px;padding:8px;font-size:12px}.task-refine summary{cursor:pointer;color:#d8d0ff;text-align:center}.task-refine textarea{margin-top:9px}.task-refine .suite-button{margin-top:8px!important;width:100%}#generation-versions{display:flex;gap:7px;flex-wrap:wrap}#generation-versions:empty{display:none}#generation-versions .suite-button{font-size:11px}.garment-showcase.suite-task-panel>header{padding:10px 16px}.suite-task-panel .task-body canvas{display:block;max-width:100%}.task-actions>button:focus-visible{outline:2px solid #bfb7ff;outline-offset:2px}
@media(max-width:1000px){.generation-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}}@media(max-width:850px){.generation-layout{grid-template-columns:1fr}.generation-form,.generation-result{position:static}.task-actions{position:sticky;bottom:0;background:#171921}.task-progress{min-height:330px}.generation-viewer,.task-model{height:360px}.generation-form textarea{min-height:90px}}@media(max-width:480px){.generation-form{padding:14px}.generation-examples button{font-size:11px}.generation-form .suite-label{font-size:12px}.generation-intro{font-size:11px}.generation-two-fields{gap:8px}.task-actions{gap:7px;padding:9px}.task-actions .suite-button{font-size:10px;flex-basis:calc(50% - 7px)}.motion-playback{padding:6px 9px;gap:6px}.task-progress h2{font-size:19px}.task-concept{height:320px}.generation-result{min-height:320px}}
.generation-motion-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.generation-motion-fields>.suite-label:first-child{grid-column:1/-1}.generation-motion-fields .suite-label{margin:10px 0}.generation-motion-fields .suite-label small{grid-column:1/-1}.generation-form .generation-examples button{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-body>.suite-button{margin:4px 16px 8px;font-size:11px;min-height:32px}.generation-output .suite-task-panel{min-width:0}@media(min-width:851px){.generation-form{max-height:calc(100dvh - 110px);overflow-y:auto;scrollbar-width:thin}.generation-submit{bottom:0;box-shadow:0 -6px 10px #17181e}}
.task-job-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#b1b9d0}.suite-task-panel>header h2{white-space:nowrap;flex-shrink:0}.suite-task-panel>header button{flex-shrink:0}
.task-last-check{font-size:11px;color:#aab4cd;margin:3px 0;font-variant-numeric:tabular-nums}.task-last-check:empty{display:none}.task-long-wait{font-size:12px;line-height:1.8;max-width:430px;background:#393327;border:1px solid #62533b;padding:10px 13px;border-radius:9px;color:#e3d4ab}.task-long-wait[hidden]{display:none}
.classic-type-field{grid-column:1/-1}.classic-type-field>select[hidden]{display:none!important}.classic-type-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.classic-type-card{padding:0!important;min-width:0;border:1px solid #41465d;border-radius:10px;overflow:hidden;background:#232633;color:#e6e8f5;text-align:center}.classic-type-card img{display:block;width:100%;height:82px;object-fit:contain;background:#dddce9}.classic-type-card strong{display:block;font-size:11px;padding:6px 3px 0;line-height:1.4}.classic-type-card small{display:block;font-size:9px!important;line-height:1.4;padding:3px 3px 7px;font-weight:400;color:#aeb6d0}.classic-type-card[aria-pressed=true],.classic-auto-choice[aria-pressed=true]{border-color:#b6a5ff;box-shadow:0 0 0 1px #b6a5ff;background:#35344f}.classic-auto-choice{grid-column:1/-1;border:1px solid #41465d;border-radius:8px;padding:5px 9px!important;background:#232633;color:#dddaf4;text-align:left;display:flex;align-items:center;gap:9px;font-size:11px}.classic-auto-images{display:flex;gap:3px}.classic-auto-images img{width:21px;height:25px;object-fit:cover;border-radius:4px}.classic-form .generation-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.classic-form .generation-examples small{grid-column:1/-1}.classic-form .generation-examples button{width:100%;font-size:10px;min-height:40px;padding:5px 7px;line-height:1.5}.classic-form .generation-two-fields>.suite-label:not(.classic-type-field){grid-column:1/-1;margin-top:0}.classic-style-note{font-size:12px;line-height:1.7;color:#aeb7cf;margin:0;padding:0 20px 14px}.generation-view-tabs button[aria-pressed=true]{background:#3c3b63;border-color:#aaa2fa;color:#fff}.generation-preview-note{max-width:620px;margin:auto}.suite-controls .classic-type-card img{height:76px}@media(max-width:480px){.classic-type-card img{height:74px}.classic-type-card strong{font-size:11px}.classic-type-card small{font-size:9px!important}.classic-type-picker{gap:6px}.classic-form .generation-two-fields{gap:0}.classic-form .suite-label{margin:10px 0}}
.classic-type-field{position:relative}.classic-type-field .classic-auto-choice{position:absolute;right:0;top:0;grid-column:auto;padding:2px 6px!important;min-height:24px;font-size:10px;gap:5px}.classic-auto-images img{width:15px;height:19px}.classic-type-picker{padding-top:3px}@media(min-width:851px){.classic-form textarea{min-height:72px!important;height:72px}.classic-form .classic-type-card img{height:60px}.classic-form .classic-type-card small{font-size:9px!important}.classic-form .classic-type-field{margin:8px 0}.classic-form .generation-two-fields>.suite-label:not(.classic-type-field){margin-bottom:8px}.classic-form .generation-local{font-size:10px}}
.classic-mode-tabs{display:flex;gap:4px;padding:4px;border:1px solid #383c52;border-radius:11px;background:#141620;flex-shrink:0}.classic-mode-tabs button{padding:8px 18px;border:0;border-radius:7px;background:transparent;color:#b7bdd3!important;font:12px/1.5 system-ui;white-space:nowrap}.classic-mode-tabs button[aria-selected=true]{background:#3d3c67;color:#fff!important;box-shadow:0 2px 7px #0003}.classic-mode-tabs button:focus-visible{outline:2px solid #b9b0ff;outline-offset:2px}.classic-header{gap:12px}.classic-header h1{flex:1}.classic-header #suite-account{margin-left:8px}#shirt-ai-panel.hidden,#shirt-manual-panel.hidden{display:none!important}.classic-manual-intro{margin:0 0 14px;color:#aeb7ce;font-size:12px;line-height:1.7}
@media(max-width:650px){.classic-header{height:auto;min-height:88px;padding:14px 0;box-sizing:border-box;flex-wrap:wrap}.classic-header h1{font-size:18px}.classic-header .classic-mode-tabs{order:3;width:100%;box-sizing:border-box}.classic-mode-tabs button{flex:1;padding:8px 10px}.classic-manual-intro{font-size:11px}}
.classic-design-workspace{min-width:0;display:grid;gap:16px}.classic-canvas-card{border:1px solid #35384b;border-radius:16px;background:#17181f;padding:16px;min-width:0}.classic-draw-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.classic-draw-toolbar>div{display:flex;gap:4px}.classic-draw-toolbar button,.classic-canvas-footer button:not(.suite-primary){background:#242735;border:1px solid #40445a;border-radius:7px;padding:8px 10px;font:12px system-ui;min-height:36px}.classic-draw-toolbar button[aria-pressed=true]{background:#484473;border-color:#ada1ff}.classic-draw-toolbar label{display:flex;gap:6px;align-items:center;font-size:11px;color:#bdc1d5}#studio-suite #classic-ink{width:36px;height:32px;padding:3px}.classic-brush-size{max-width:160px;flex-wrap:wrap}#studio-suite #classic-size{width:86px;padding:0}.classic-draw-hint{margin:10px 0}.classic-canvas-stage{position:relative;margin:auto;max-width:585px;width:100%;background:repeating-conic-gradient(#272a37 0% 25%,#363b4c 0% 50%) 0/16px 16px}.classic-canvas-stage #suite-template{display:block;width:100%;margin:0;border-radius:0;cursor:crosshair;touch-action:none;background:transparent}.classic-canvas-stage #classic-guides{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.classic-canvas-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.classic-canvas-footer label{display:flex;align-items:center;gap:6px;font-size:11px;color:#bfc5da;margin-right:auto}#studio-suite #classic-show-guides{width:auto}.classic-design-workspace .suite-display{position:static}.classic-design-workspace #suite-viewer{height:300px;min-height:240px}@media(min-width:1600px){.classic-design-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.classic-design-workspace .suite-display{position:sticky;top:20px}}@media(max-width:650px){.classic-canvas-card{padding:12px}.classic-draw-toolbar{gap:8px}.classic-draw-toolbar button{padding:8px}.classic-canvas-footer .suite-primary{flex:1}.classic-canvas-footer label{flex-basis:100%}}
@media(min-width:851px){.classic-canvas-stage{width:min(100%,max(240px,calc((100dvh - 350px)*1.0465)))}}
.classic-palette-panel{display:grid;gap:8px;margin:14px 0}.classic-palette-panel small{opacity:.72}.classic-palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.classic-palette-choice{display:flex;min-width:0;height:34px;overflow:hidden;border:2px solid transparent;border-radius:8px;padding:2px;background:transparent;cursor:pointer}.classic-palette-choice span{flex:1;min-width:0}.classic-palette-choice[aria-pressed=true]{border-color:#b6a5ff}.classic-palette-choice:focus-visible{outline:2px solid #b6bfff;outline-offset:2px}

.suite-controls .classic-color-help{display:block;font-size:10px;line-height:1.5;color:#aeb6ce;font-weight:400;margin:3px 0 7px}
.suite-controls .classic-compact-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;grid-column:1/-1}
.suite-controls .classic-compact-color{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;font-size:11px;font-weight:600;color:#cbd1e2;line-height:1.25;margin:0}
.suite-controls .classic-compact-color input[type=color]{box-sizing:border-box;width:100%;height:34px;min-height:34px;padding:3px 5px;border-radius:8px;cursor:pointer}
.classic-artwork-hint{color:#b5bdd4;font-size:11px;line-height:1.6;margin:7px 0}.classic-artwork-active:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:7px 0}.classic-artwork-active small{color:#d0c7ff;line-height:1.5}.classic-artwork-active button{font-size:11px;min-height:32px}

/* Pattern cards: show a large, recognizable preview before the user selects one. */
#studio-suite .classic-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 12px}
#studio-suite .classic-pattern-choice{display:flex;flex-direction:column;gap:7px;align-items:stretch;padding:8px!important;cursor:pointer;border-radius:11px;transition:border-color .12s,background .12s}
#studio-suite .classic-pattern-choice canvas{width:100%;height:auto;aspect-ratio:12/7;border:1px solid rgba(255,255,255,.18);border-radius:7px;image-rendering:auto}
#studio-suite .classic-pattern-choice span{font-size:12px;line-height:1.4;margin:0;min-height:2.8em;display:grid;place-items:center;font-weight:500}
#studio-suite .classic-pattern-choice:hover{border-color:#9996bf;background:#303247}
#studio-suite .classic-pattern-choice[aria-pressed=true]{border-color:#b6a5ff;box-shadow:0 0 0 2px #b6a5ff;background:#35344f}

/* Compact visual pattern selector: each choice keeps its real pattern preview. */
#studio-suite .classic-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 9px}
#studio-suite .classic-pattern-choice{gap:3px;padding:5px!important;border-radius:8px}
#studio-suite .classic-pattern-choice canvas{aspect-ratio:16/8;border-radius:5px}
#studio-suite .classic-pattern-choice span{min-height:0;font-size:10px;line-height:1.25;overflow-wrap:normal}
#studio-suite .classic-palette-panel{gap:5px;margin:8px 0}
#studio-suite .classic-palette-choice{height:27px}
#studio-suite .classic-compact-colors{gap:6px;margin:7px 0}
#studio-suite .classic-compact-color{flex-direction:row;align-items:center;justify-content:space-between;gap:5px;font-size:10px}
#studio-suite .classic-compact-color input[type=color]{width:38px;min-width:38px;height:27px;min-height:27px;padding:2px}
@media(min-width:1200px){#studio-suite .classic-pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Emote maker: compact, directly selectable options matching the creator flow. */
.motion-form .generation-motion-fields{display:flex;flex-direction:column;gap:13px}
.motion-form .generation-motion-fields>.suite-label{display:block;margin:0}
.motion-form .generation-motion-fields select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.motion-form .motion-choice-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.motion-form .motion-choice-row button{flex:1 0 auto;border:1px solid #42485e;border-radius:9px;background:#252a3c;color:#e6e8f4;padding:9px 10px;font-size:12px;cursor:pointer;min-height:36px}
.motion-form .motion-choice-row button[aria-pressed=true]{border-color:#b7a6ff;background:#423b69;color:white;box-shadow:inset 0 0 0 1px #a99beb}
.motion-form .motion-choice-row button:focus-visible{outline:2px solid #d4c9ff;outline-offset:2px}
.motion-form .motion-char-count{float:right;font-variant-numeric:tabular-nums;color:#aeb6cf}
.motion-form .motion-takes-row{display:flex;align-items:center;gap:14px;margin:9px 0}
.motion-form .motion-takes-row input{flex:1;accent-color:#ae9eff}
.motion-form .motion-takes-row output{min-width:28px;text-align:center;font-size:14px;font-weight:700}
.motion-form .motion-cost-note{color:#b9c2d9;font-size:11px;line-height:1.5;margin:0}
.motion-form .generation-motion-fields>.suite-label:first-child{grid-column:auto}
.motion-form .generation-motion-fields select{display:none!important}
/* Motion maker: illustrated style choices and a compact one-row prompt gallery. */
.motion-form .motion-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.motion-form .motion-style-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:86px;padding:6px 3px;font-size:11px;line-height:1.2;white-space:nowrap}
.motion-form .motion-style-grid button span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.motion-form .motion-style-art{display:block;width:37px;height:55px;flex:none;filter:drop-shadow(0 2px 3px #10132155)}
.motion-form .generation-examples{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;margin:7px 0 10px;padding-bottom:4px}
.motion-form .generation-examples small{flex:0 0 auto;font-size:10px;white-space:nowrap}
.motion-form .generation-examples button{flex:0 0 auto;max-width:132px;min-height:29px;padding:5px 8px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.4}
.motion-form .generation-guide{margin:2px 0}
@media(max-width:480px){.motion-form .motion-style-grid{gap:5px}.motion-form .motion-style-grid button{min-height:79px}.motion-form .motion-style-art{height:48px}}

/* 2026-11 unified app shell: the nav element never unmounts while changing tools. */
#block-global-nav{position:fixed;inset:0 auto 0 0;width:232px;min-width:232px;height:100dvh;z-index:30;overflow-y:auto;box-sizing:border-box;padding:22px 12px;background:#11131c;border-right:1px solid #303648;display:flex;flex-direction:column;gap:0;scrollbar-width:thin}
#block-global-nav.hidden{display:none!important}
#block-global-nav .creator-brand{font-size:18px;white-space:nowrap;margin:0 0 24px;padding:10px 12px}
#block-global-nav .suite-nav-group{margin-bottom:13px}
#studio-suite>.creator-main,#creator>.creator-main{min-width:0}
body.block-app-shell #studio-suite,body.block-app-shell #creator{margin-left:232px;width:calc(100% - 232px);box-sizing:border-box;display:block}
body.block-app-shell #studio-suite.hidden,body.block-app-shell #creator.hidden{display:none!important}
body.block-app-shell #creator>.creator-nav{display:none!important}
body.block-app-shell #studio-suite .creator-main,body.block-app-shell #creator .creator-main{width:100%;max-width:none;min-width:0}
.block-dashboard-intro{margin:6px 0 22px}.block-dashboard-intro span{color:#a5a9d9;letter-spacing:.16em;font-size:10px;font-weight:800}.block-dashboard-intro h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.035em;margin:10px 0 6px;color:#f7f7ff}.block-dashboard-intro p{color:#aeb6cb;font-size:14px;line-height:1.6}
@media(max-width:1100px){#block-global-nav{width:198px;min-width:198px}body.block-app-shell #studio-suite,body.block-app-shell #creator{margin-left:198px;width:calc(100% - 198px)}}
@media(max-width:650px){#block-global-nav{position:sticky;top:0;width:100%;min-width:0;height:auto;max-height:80px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:9px 12px;gap:10px;border-right:0;border-bottom:1px solid #303648;align-items:center}#block-global-nav .creator-brand{font-size:13px;margin:0 10px 0 0;padding:3px;flex-shrink:0}#block-global-nav .suite-nav-group{flex-direction:row;flex-shrink:0;margin:0;gap:3px}#block-global-nav .suite-nav-heading,#block-global-nav .creator-nav-bottom{display:none}#block-global-nav .suite-nav-item{min-height:35px;padding:7px 10px!important}body.block-app-shell #studio-suite,body.block-app-shell #creator{margin-left:0;width:100%}}

.block-service-notice{display:flex;flex-direction:column;gap:5px;margin:0 0 20px;padding:14px 18px;border:1px solid #5e5366;border-radius:12px;background:#282331;color:#f0e5fd;font-size:12px;line-height:1.5}.block-service-notice strong{font-size:13px}.block-service-notice span{color:#c9c0d4}

body.block-app-shell #editor{margin-left:232px;width:calc(100% - 232px);box-sizing:border-box}body.block-app-shell #editor.hidden{display:none!important}@media(max-width:1100px){body.block-app-shell #editor{margin-left:198px;width:calc(100% - 198px)}}@media(max-width:650px){body.block-app-shell #editor{margin-left:0;width:100%}}

/* Navigation visual system: restrained, consistent and readable. */
#block-global-nav{background:#111216;border-right:1px solid #272932;padding:23px 13px 16px;font-family:Inter,'Noto Sans SC',system-ui,sans-serif;scrollbar-color:#34363e transparent}
#block-global-nav .creator-brand{display:flex;align-items:center;gap:11px;margin:0 0 28px;padding:3px 10px 20px;color:#f8f8fa;font-size:17px;font-weight:750;letter-spacing:-.045em;border-bottom:1px solid #292b32}
#block-global-nav .block-brand-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:#e4f28a;color:#181b13;font:800 17px/1 Inter,system-ui,sans-serif;letter-spacing:-.08em}
#block-global-nav .block-nav-sections{min-height:0}
#block-global-nav .suite-nav-group{gap:2px;margin:0 0 18px}
#block-global-nav .suite-nav-heading{padding:0 12px 7px;color:#767a87;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.085em;text-transform:uppercase}
#block-global-nav .suite-nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:39px;padding:8px 11px!important;border:0!important;border-radius:9px;background:transparent;color:#a8aab4;font-size:12.5px!important;font-weight:500;line-height:1.35;letter-spacing:-.012em;transition:background .16s,color .16s}
#block-global-nav .suite-nav-item:hover{background:#21232b;color:#f3f4f7}
#block-global-nav .suite-nav-item.selected{background:#2a2d31;color:#f6f7f9;font-weight:650;box-shadow:inset 2px 0 #d9eb83}
#block-global-nav .suite-nav-icon{display:grid;place-items:center;width:20px;min-width:20px;height:20px;border:0;background:transparent!important;border-radius:0;color:#858b9a}
#block-global-nav .suite-nav-icon svg{display:block;width:19px;height:19px}
#block-global-nav .suite-nav-item:hover .suite-nav-icon{color:#d7dae2}
#block-global-nav .suite-nav-item.selected .suite-nav-icon{color:#d9eb83}
#block-global-nav .suite-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#block-global-nav .creator-nav-bottom{margin-top:auto;padding:13px 9px 0;border-top:1px solid #292b32}
#block-global-nav .creator-nav-bottom .block-back-site{color:#969ba6;font-size:12px;font-weight:550}
#block-global-nav .creator-nav-bottom .block-back-site:hover{color:#fff}
#block-global-nav .suite-nav-item:focus-visible,#block-global-nav .creator-brand:focus-visible{outline:2px solid #d9eb83;outline-offset:2px}
@media(max-width:650px){#block-global-nav{padding:9px 12px;gap:10px}#block-global-nav .creator-brand{border:0;margin:0 10px 0 0;padding:0;gap:7px}#block-global-nav .block-brand-mark{height:27px;width:27px;font-size:14px}#block-global-nav .block-nav-sections{display:flex;align-items:center;gap:9px;flex:none}#block-global-nav .suite-nav-group{margin:0;gap:3px}#block-global-nav .suite-nav-item{min-height:36px;padding:7px 10px!important}#block-global-nav .suite-nav-icon{width:18px;min-width:18px}#block-global-nav .suite-nav-icon svg{width:17px;height:17px}}

.block-dashboard-section{margin:18px 0 12px;color:#e9eafa;font-size:15px;font-weight:750}.block-dashboard-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 22px}.block-dashboard-tool{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #34394c;background:#191d29;border-radius:12px;text-decoration:none;color:#e5e8f8;min-width:0}.block-dashboard-tool:hover{border-color:#7c83ca;background:#232940}.block-dashboard-tool span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#30364b;color:#c4c9f4;font-size:18px}.block-dashboard-tool strong{font-size:12px;flex:1;line-height:1.4}.block-dashboard-tool b{color:#9aa4cc;font-size:12px}.block-dashboard-intro+.suite-home-grid{margin-top:14px}#creator-status[data-ready=false]{color:#e6bb9b;font-size:12px;line-height:1.5}

/* SEO marketing homepage: static semantic copy, interactive creation workbench. */
#home.marketing-home{--mk-bg:#0c0d11;--mk-card:#171a23;--mk-line:#34394b;--mk-muted:#a5aec4;--mk-lavender:#aba8ff;min-height:100dvh;background:radial-gradient(ellipse 70% 24% at 50% 7%,#29243a 0%,transparent 75%),#0c0d11;color:#f5f5fc;font:14px/1.65 Inter,system-ui,sans-serif;overflow:hidden}
#home.marketing-home a{color:inherit;text-decoration:none}
#home.marketing-home button,#home.marketing-home input,#home.marketing-home textarea,#home.marketing-home select{font:inherit}
#home.marketing-home button{cursor:pointer}
#home.marketing-home button:focus-visible,#home.marketing-home a:focus-visible,#home.marketing-home input:focus-visible,#home.marketing-home textarea:focus-visible,#home.marketing-home select:focus-visible{outline:2px solid #b8a9ff;outline-offset:3px}
.marketing-nav{height:78px;max-width:1320px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #282d3980}
.marketing-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:850;font-size:21px;letter-spacing:-.9px;color:#f7f6ff!important}.marketing-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#a69dff,#6e73db);font-size:20px;color:white}.brand-accent{color:#bab4ff}
.marketing-nav nav{display:flex;align-items:center;gap:28px;margin:auto;font-size:12px;font-weight:600;color:#b7bdce}.marketing-nav nav a:hover,.marketing-footer a:hover{color:white!important}.marketing-nav-actions{display:flex;align-items:center;gap:10px}.marketing-nav-actions button{border-radius:10px;font-size:12px!important;font-weight:750;padding:10px 17px}.marketing-login{color:#dce0ef;background:transparent;border:1px solid #45495a}.marketing-cta,.marketing-submit{color:#fff;background:linear-gradient(120deg,#796deb,#615acb);border:1px solid #9588fa;box-shadow:0 6px 22px #5750b02c}.marketing-cta:hover,.marketing-submit:hover{filter:brightness(1.12)}
.marketing-hero{max-width:1200px;margin:auto;padding:74px 24px 60px;text-align:center}.marketing-eyebrow,.marketing-kicker,.marketing-bench-kicker{font-size:10px;font-weight:850;letter-spacing:.17em;color:#bab3ff}.marketing-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px}.marketing-pulse{height:7px;width:7px;border-radius:50%;background:#9fbc8a;box-shadow:0 0 0 5px #9fbc8a26}.marketing-hero h1{font:800 clamp(37px,5.5vw,72px)/1.09 Inter,system-ui,sans-serif;max-width:970px;letter-spacing:-.065em;margin:21px auto 21px;color:#fff}.marketing-hero h1 span{background:linear-gradient(100deg,#f4c2ba 0%,#c4b8ff 56%,#9fc4f9 100%);color:transparent;background-clip:text}.marketing-intro{font-size:15px;line-height:1.8;color:#bac0d2;max-width:760px;margin:0 auto 18px}.marketing-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:24px auto 36px;color:#a8b1c7;font-size:11px}
.marketing-workbench{text-align:left;max-width:1080px;margin:0 auto;background:#151821;border:1px solid #37374f;border-radius:20px;box-shadow:0 26px 85px #0006,0 0 90px #7771dd12;overflow:hidden}.marketing-bench-head{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #2b3040}.marketing-bench-head>div{display:flex;flex-direction:column;gap:3px}.marketing-bench-head strong{font-size:17px;letter-spacing:-.02em}.marketing-bench-status{font-size:9px;letter-spacing:.15em;color:#92a28e;display:flex;align-items:center;gap:6px}.marketing-bench-status span{width:6px;height:6px;border-radius:100%;background:#9fbc8a}
.marketing-tabs{display:flex;gap:4px;padding:10px 18px 0;border-bottom:1px solid #34384a;overflow-x:auto;scrollbar-width:thin}.marketing-tabs button{flex:1;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:13px 10px;font-size:12px!important;border:0;border-bottom:2px solid transparent;background:transparent;color:#aeb4c7;font-weight:700}.marketing-tabs button:hover{color:#fff;background:#212538}.marketing-tabs button[aria-selected=true]{color:#edeaff;border-bottom-color:#a79cff;background:#29273e}
.marketing-bench-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;padding:22px}.marketing-bench-form{min-width:0;padding:8px 8px 6px}.marketing-bench-form[hidden],.marketing-legacy[hidden],#landing-visual[hidden],#landing-classic-canvas[hidden]{display:none!important}.marketing-field-tag{color:#b2a9ff;font-size:9px;font-weight:850;letter-spacing:.15em}.marketing-bench-form h2{font-size:23px;line-height:1.3;letter-spacing:-.035em;margin:9px 0 8px;color:white}.marketing-bench-form>p{font-size:12px;line-height:1.75;color:#b0bacf;margin:0 0 17px}.marketing-bench-form>label:not(.marketing-upload),.marketing-classic-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#cbd0df}.marketing-bench-form textarea,.marketing-classic-fields select{width:100%;min-width:0;background:#11141e;border:1px solid #40465c;border-radius:11px;color:#f0f1fb;outline:none;padding:12px 14px;font-size:13px;resize:vertical}.marketing-bench-form textarea{min-height:111px}.marketing-bench-form textarea::placeholder{color:#707b92}.marketing-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 19px}.marketing-suggestions button{border:1px solid #3f455b;border-radius:8px;padding:6px 10px;background:#252a3a;color:#c9cde0;font-size:10px!important}.marketing-suggestions button:hover{border-color:#8885d7}.marketing-submit{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 16px;border-radius:10px;font-weight:750!important;font-size:12px!important}.marketing-bench-form>small{display:block;color:#919bb3;font-size:10px;line-height:1.6;margin-top:10px}.marketing-secondary-action{display:inline-flex;font-weight:700;font-size:11px;color:#b8aeff!important;margin:14px 0 0}.marketing-classic-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0 24px}.marketing-classic-fields input[type=color]{width:100%;height:41px;background:#11141e;border:1px solid #40465c;border-radius:9px;padding:4px}.marketing-classic-fields select{min-height:41px;padding:8px}
.marketing-bench-visual{min-width:0;display:flex;flex-direction:column;min-height:345px;border-radius:14px;background:radial-gradient(circle at 50% 45%,#353451 0%,#252638 45%,#1d2130 100%);border:1px solid #44445f;overflow:hidden}.marketing-preview-top,.marketing-preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:9px;font-weight:800;letter-spacing:.13em;color:#aab2d0}.marketing-preview-dot{color:#b4a4fa;font-size:12px}.marketing-showcase{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:12px}.marketing-art-icon{width:120px;height:120px;border:1px solid #8682b175;display:grid;place-items:center;border-radius:31px;font-size:64px;background:linear-gradient(145deg,#5f548f,#33395b);color:#fff;box-shadow:0 20px 55px #0004, inset 0 0 20px #fff2;transform:rotate(-9deg);margin-bottom:15px}.marketing-showcase strong{font-size:21px;letter-spacing:-.03em}.marketing-showcase>span{max-width:240px;color:#b1bad0;font-size:11px;line-height:1.7}.marketing-bench-visual canvas{display:block;align-self:center;max-width:85%;width:auto;height:auto;max-height:285px;object-fit:contain;image-rendering:auto;background:#fff;border-radius:9px;margin:auto;box-shadow:0 14px 35px #0006}.marketing-preview-bottom{border-top:1px solid #4f526955}.marketing-upload{margin:16px 0;border:1px dashed #6b6591;border-radius:12px;min-height:148px;background:#202538;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.marketing-upload>span{font-size:30px;color:#b5aaff}.marketing-upload strong{font-size:12px;color:#eeeaff}.marketing-upload small{color:#9fa9c1;font-size:10px}.marketing-upload input{max-width:90%;font-size:10px;color:#c3c8dd}
.marketing-section{max-width:1160px;margin:auto;padding:83px 24px}.marketing-section-lead{max-width:700px;margin:0 auto 33px;text-align:center}.marketing-section-lead h2{font-size:clamp(28px,3.7vw,43px);letter-spacing:-.045em;line-height:1.2;color:#fff;margin:12px 0}.marketing-section-lead p{font-size:14px;color:#aeb7ca;line-height:1.8;margin:0}.marketing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.marketing-feature-grid article{border:1px solid #353a4c;border-radius:15px;padding:24px;background:linear-gradient(155deg,#1d2030,#141721);min-height:220px;display:flex;flex-direction:column;align-items:flex-start}.marketing-feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#343354;color:#c8bfff;font-size:21px}.marketing-feature-grid h3{font-size:16px;margin:17px 0 7px;letter-spacing:-.02em;color:#f7f7ff}.marketing-feature-grid p{font-size:12px;line-height:1.8;color:#aab4c8;margin:0 0 15px}.marketing-feature-grid article a{margin-top:auto;font-size:11px;color:#c3b9ff!important;font-weight:750}
.marketing-process{border-top:1px solid #242834}.marketing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.marketing-steps article{padding:22px 20px;border-top:2px solid #7773b8;background:linear-gradient(#1a1d2a,#13151d);border-radius:0 0 11px 11px}.marketing-steps article span{font-size:12px;color:#c3b7ff;font-weight:800}.marketing-steps h3{font-size:14px;color:#fff;margin:14px 0 6px}.marketing-steps p{font-size:11px;color:#aab5c9;line-height:1.8;margin:0}.marketing-faq{border-top:1px solid #242834}.marketing-faq-list{max-width:850px;margin:auto;display:grid;gap:10px}.marketing-faq-list details{border:1px solid #35394e;background:#191c27;border-radius:12px;padding:0 19px}.marketing-faq-list summary{cursor:pointer;font-size:13px;font-weight:750;color:#eef0f9;padding:17px 0}.marketing-faq-list summary::marker{color:#a99dff}.marketing-faq-list p{margin:0 0 18px;color:#b1bacd;font-size:12px;line-height:1.85}.marketing-final-cta{text-align:center;background:radial-gradient(ellipse at center,#27243f,#14151c 80%);border-top:1px solid #303146;padding:65px 20px 72px}.marketing-final-cta h2{font-size:clamp(27px,4vw,40px);letter-spacing:-.045em;color:#fff;margin:0 0 9px}.marketing-final-cta p{color:#aeb7c9;margin:0 0 28px}.marketing-final-cta a{display:inline-flex;margin:5px;padding:12px 22px;border-radius:10px;background:#736ae0;color:#fff!important;font-size:12px;font-weight:800}.marketing-final-cta .marketing-link-secondary{background:#242738;border:1px solid #4a4d65}.marketing-footer{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 24px;gap:16px;color:#a2abc0;border-top:1px solid #262a37}.marketing-footer .marketing-brand{font-size:15px}.marketing-footer .marketing-logo{width:26px;height:26px;font-size:15px}.marketing-footer p,.marketing-footer>a:last-child{font-size:11px}
@media(max-width:850px){.marketing-nav{padding:0 18px;gap:12px}.marketing-nav nav{gap:12px}.marketing-hero{padding-top:54px}.marketing-tabs button{font-size:11px!important}.marketing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.marketing-nav{height:65px}.marketing-nav nav{display:none}.marketing-brand{font-size:16px}.marketing-nav-actions .marketing-login{display:none}.marketing-nav-actions button{padding:9px 11px;font-size:10px!important}.marketing-hero{padding:44px 14px 46px}.marketing-hero h1{font-size:clamp(33px,9vw,47px);letter-spacing:-.052em}.marketing-intro{font-size:12px}.marketing-trust{gap:8px 14px;font-size:9px;margin-bottom:25px}.marketing-bench-head{padding:14px 14px}.marketing-bench-head strong{font-size:14px}.marketing-bench-body{grid-template-columns:1fr;padding:12px;gap:10px}.marketing-bench-form{padding:9px 7px}.marketing-bench-visual{min-height:225px}.marketing-showcase{padding:14px}.marketing-art-icon{width:70px;height:70px;border-radius:20px;font-size:36px;margin:2px}.marketing-showcase strong{font-size:17px}.marketing-bench-visual canvas{max-height:200px}.marketing-tabs{padding:8px 8px 0;justify-content:flex-start}.marketing-tabs button{padding:10px 13px;flex:0 0 auto}.marketing-section{padding:50px 16px}.marketing-feature-grid{grid-template-columns:1fr}.marketing-feature-grid article{min-height:0;padding:20px}.marketing-steps{grid-template-columns:1fr 1fr;gap:8px}.marketing-steps article{padding:15px}.marketing-footer{flex-wrap:wrap}.marketing-footer p{order:3;flex-basis:100%}}

/* Harmonized 3D Editor: match the dark Block Studio workspace instead of the old light canvas UI. */
#editor{background:#0c0d11;color:#eff1fa;font-family:Inter,system-ui,sans-serif}
#editor .editor-header{background:#141721;border-bottom:1px solid #33384c;color:#eef0fc;height:67px}
#editor .editor-header .brand{color:#f3f4fc;font-weight:800}
#editor .editor-header .brand-icon{background:linear-gradient(145deg,#a69dff,#6e73db);color:#fff;border-radius:8px}
#editor .editor-header .divider{background:#414658}
#editor #scene-name{background:#202432;border:1px solid #3e455a;border-radius:9px;color:#eff1fa;padding:9px 11px;max-width:190px}
#editor .saved{color:#a7c7ad}
#editor .editor-body{background:#0e1119;height:calc(100dvh - 67px)}
#editor .rail{background:#171b26;border-right:1px solid #343949;color:#bec5d9}
#editor .rail-tab{color:#bec5d9;border-radius:9px}
#editor .rail-tab:hover,#editor .rail-tab.active{background:#303650;color:#fff}
#editor .properties{background:#171a25;color:#e8ebf5;border-color:#34394b;scrollbar-color:#404760 transparent}
#editor .properties h2,#editor .properties h3,#editor .panel-heading h2{color:#f0f2ff}
#editor .panel-heading{border-bottom-color:#34394b}
#editor .field-label,#editor .range-label,#editor .properties label{color:#bcc5d8}
#editor .properties .hint,#editor .properties .muted,#editor .properties small{color:#9fa9bc}
#editor .properties input:not([type=color]):not([type=range]):not([type=checkbox]),#editor .properties select,#editor .properties textarea{background:#222638;border:1px solid #454c63;border-radius:8px;color:#eff1fa}
#editor .properties input[type=range]{accent-color:#a49cff}
#editor .properties input[type=color]{background:#252b3a;border:1px solid #4d5367;border-radius:7px}
#editor .properties button:not(.btn),#editor .rail button:not(.rail-tab){color:#e0e5f4}
#editor .btn,#editor .tool{border-radius:9px}
#editor .btn.primary{background:#756cdd;border-color:#978df2;color:#fff;box-shadow:none}
#editor .btn.primary:hover{background:#847aef}
#editor .btn.subtle,#editor .btn.outline{background:#252b3c;color:#e9edff;border:1px solid #464d64}
#editor .btn.subtle:hover,#editor .btn.outline:hover{background:#343b55}
#editor .workspace{background:#11141e}
#editor .workspace-bar,#editor .workspace-footer{background:#171b27;color:#c1c7d8;border-color:#34394b}
#editor .workspace-bar .tool{background:#252a3a;color:#d8dced;border:1px solid #424960}
#editor .workspace-bar .tool.active{background:#37345e;color:#fff;border-color:#746ec3}
#editor #stage-wrap{background:radial-gradient(ellipse at center,#30354a 0%,#1a2030 60%,#111722 100%)}
#editor .upload-area{background:#23293b;border:1px dashed #686d92;color:#dfe3f4}
#editor .mini-presets button,#editor .light-presets button{background:#262c3d;color:#e9eaff;border:1px solid #4b5267;border-radius:9px}
#editor .mini-presets button.active,#editor .light-presets button.active{border-color:#a59af6;background:#37365b}
#editor .panel-divider{border-color:#333b4e}
@media(max-width:700px){#editor .editor-header{height:58px}#editor .editor-body{height:calc(100dvh - 58px)}#editor .properties{background:#171a25}#editor .rail{background:#171b26}}

#block-global-nav .block-back-site{display:inline-flex;align-items:center;gap:6px;color:#c5bfff;font-size:11px;font-weight:700;text-decoration:none;padding:8px 12px;margin-bottom:7px}#block-global-nav .block-back-site:hover{color:#fff}

.marketing-nav-actions{align-items:center}.marketing-nav-actions button,.marketing-language select{box-sizing:border-box;height:40px;line-height:1.2}.marketing-nav-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 17px}.marketing-language{position:relative;display:flex;align-items:center;height:40px;flex-shrink:0}.marketing-language select{appearance:none;display:block;width:112px;max-width:112px;background:#171c28;color:#e8edf7;border:1px solid #45495a;border-radius:10px;padding:0 29px 0 12px;font-size:12px;cursor:pointer}.marketing-language:after{content:'';position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.5px solid #b7bdce;border-bottom:1.5px solid #b7bdce;transform:translateY(-70%) rotate(45deg);pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:650px){.marketing-nav-actions button{height:36px;padding:0 11px}.marketing-language,.marketing-language select{height:36px}.marketing-language select{width:90px;max-width:90px;padding:0 22px 0 9px}.marketing-language:after{right:10px}}



/* Accessible keyboard entry on the public landing page. */
.skip-to-content{position:fixed;z-index:99999;left:16px;top:12px;transform:translateY(-180%);background:#fff;color:#171923;padding:12px 16px;border:2px solid #5b68dd;border-radius:10px;font-weight:700;box-shadow:0 8px 30px #0004}
.skip-to-content:focus{transform:translateY(0);outline:3px solid #5b68dd;outline-offset:2px}
body:has(#home.hidden) .skip-to-content{display:none}

/* MeshJolt brand identity */
.marketing-logo{position:relative;background:linear-gradient(145deg,#9c8cff,#4b58ce);font-weight:900;font-size:23px;letter-spacing:-.09em;box-shadow:0 3px 18px #8175ef44}.meshjolt-spark{position:absolute;font-size:10px;right:3px;top:1px;color:#d9ff91;letter-spacing:0}.brand-accent{color:#aaa1ff}#editor .editor-header .brand-icon{font-weight:900;font-size:18px;letter-spacing:-.07em;background:linear-gradient(145deg,#9c8cff,#4b58ce)}

/* Homepage tabs mount the same complete tool controllers as their dedicated routes. */
.marketing-workbench{max-width:1200px}
.marketing-tabs button{font-weight:700;letter-spacing:0;gap:0}
.marketing-workspace-host{padding:17px;min-width:0}
.marketing-workspace-host>[hidden]{display:none!important}
.marketing-workspace-host>[role=tabpanel]{min-width:0}
.marketing-workspace-host #creator,.marketing-workspace-host #studio-suite{display:block;width:100%;min-height:0;margin:0;background:transparent}
.marketing-workspace-host #creator>.creator-nav{display:none!important}
.marketing-workspace-host #creator>.creator-main,.marketing-workspace-host #studio-suite>.creator-main{width:100%;max-width:none;padding:0;min-width:0}
.marketing-workspace-host #creator .creator-header{display:none}
.marketing-workspace-host #creator .creator-grid{grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:17px}
.marketing-workspace-host #creator .creator-form{max-height:none;overflow:visible;position:relative}
.marketing-workspace-host #creator .creator-action{position:static;box-shadow:none}
.marketing-workspace-host #creator .creator-preview{position:static}
.marketing-workspace-host #creator .creator-history{margin-top:18px}
.marketing-workspace-host #studio-suite .garment-layout{grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:17px}
.marketing-workspace-host #studio-suite .garment-form{position:static}
.marketing-workspace-host #studio-suite .garment-submit-bar{position:static}
.marketing-workspace-host #studio-suite .suite-display{position:static}
.marketing-workspace-host #studio-suite .suite-note{line-height:1.5}
@media(max-width:850px){.marketing-workspace-host #creator .creator-grid,.marketing-workspace-host #studio-suite .garment-layout{grid-template-columns:1fr}.marketing-workspace-host #creator .creator-preview{order:2}}
@media(max-width:650px){.marketing-workspace-host{padding:10px}.marketing-workspace-host #creator .creator-main,.marketing-workspace-host #studio-suite .creator-main{padding:0}.marketing-workspace-host #creator .creator-grid{grid-template-columns:1fr}}
.marketing-workspace-host #studio-suite .creator-header:not(.classic-header){display:none}
.marketing-workspace-host #studio-suite .creator-header.classic-header{height:auto;min-height:48px;margin-bottom:12px;padding:0 0 8px}
.marketing-workspace-host #studio-suite .creator-header.classic-header>h1,.marketing-workspace-host #studio-suite .creator-header.classic-header>#suite-account{display:none}
.marketing-workspace-host #studio-suite .creator-header.classic-header .classic-mode-tabs{margin:0}
/* Compact landing-specific form composition; all underlying controls still exist. */
.marketing-workspace-host #creator .creator-grid,
.marketing-workspace-host #studio-suite .garment-layout,
.marketing-workspace-host #studio-suite .generation-layout,
.marketing-workspace-host #studio-suite .suite-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.marketing-workspace-host #creator .creator-form,
.marketing-workspace-host #studio-suite .suite-controls{padding:18px}
.marketing-workspace-host #creator #creator-text-fields,
.marketing-workspace-host #creator #creator-image-fields{margin-bottom:12px}
.marketing-workspace-host #creator .creator-tabs{margin-bottom:14px}
.marketing-workspace-host #creator textarea,
.marketing-workspace-host #studio-suite .garment-form textarea,
.marketing-workspace-host #studio-suite .generation-form textarea{min-height:108px;resize:vertical}
.marketing-workspace-host .home-parameter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.marketing-workspace-host .home-parameter{min-width:0}
.marketing-workspace-host .home-parameter:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(0,1.5fr);align-items:center;gap:12px}
.marketing-workspace-host #creator .creator-label{margin:0 0 7px;font-size:11px}
.marketing-workspace-host #creator .home-parameter .visual-picker .picker-trigger{width:100%;min-width:0}
.marketing-workspace-host #creator .home-parameter .visual-picker{min-width:0}
.marketing-workspace-host .home-workspace-details,
.marketing-workspace-host .home-inline-help{border:1px solid #363b50;border-radius:9px;margin:9px 0;background:#191c27;min-width:0}
.marketing-workspace-host .home-workspace-details>summary,
.marketing-workspace-host .home-inline-help>summary{list-style:none;cursor:pointer;padding:9px 12px;font-size:11px;font-weight:650;color:#bfc4e1;display:flex;align-items:center;justify-content:space-between}
.marketing-workspace-host .home-workspace-details>summary:after,
.marketing-workspace-host .home-inline-help>summary:after{content:'⌄';font-size:16px;color:#b4aafd;transition:transform .15s}
.marketing-workspace-host .home-workspace-details[open]>summary:after,
.marketing-workspace-host .home-inline-help[open]>summary:after{transform:rotate(180deg)}
.marketing-workspace-host .home-workspace-details> :not(summary),
.marketing-workspace-host .home-inline-help> :not(summary){margin:0;padding:10px 12px}
.marketing-workspace-host .home-creation-history{margin-top:12px}
.marketing-workspace-host .home-creation-history #creator-history{border:0;margin:0;padding:8px;background:transparent}
.marketing-workspace-host #creator .creator-privacy{display:flex}
.marketing-workspace-host #creator .creator-ideas>h3,
.marketing-workspace-host #studio-suite .garment-example-area>h3{margin:0 0 8px;font-size:12px}
.marketing-workspace-host #studio-suite .garment-preview{height:300px}
.marketing-workspace-host #studio-suite .garment-example-area{border:0}
.marketing-workspace-host #studio-suite .garment-form .garment-poly{margin:12px 0}
.marketing-workspace-host #studio-suite .garment-form .garment-poly small{display:none}
.marketing-workspace-host #studio-suite .generation-form,
.marketing-workspace-host #studio-suite .generation-result{position:static;max-height:none;overflow:visible}
.marketing-workspace-host #studio-suite .generation-submit{position:static}
.marketing-workspace-host #studio-suite .generation-intro,
.marketing-workspace-host #studio-suite .garment-showcase footer,
.marketing-workspace-host #studio-suite .generation-form>.suite-note{display:none}
@media(max-width:850px){.marketing-workspace-host #creator .creator-grid,.marketing-workspace-host #studio-suite .garment-layout,.marketing-workspace-host #studio-suite .generation-layout,.marketing-workspace-host #studio-suite .suite-two{grid-template-columns:1fr}.marketing-workspace-host .home-parameter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.marketing-workspace-host .home-parameter-row{grid-template-columns:1fr}.marketing-workspace-host .home-parameter:last-child{grid-column:auto}}
/* Homepage: flat desktop controls, not nested cards or settings dialogs. */
.marketing-workspace-host .home-settings-inline{display:flex;flex-direction:column;gap:10px;margin:12px 0 14px;min-width:0}
.marketing-workspace-host .home-settings-inline .home-settings-fieldset{border:0;background:transparent;padding:0;margin:0;min-width:0}
.marketing-workspace-host .home-settings-inline .garment-pickers,
.marketing-workspace-host .home-settings-inline .generation-motion-fields,
.marketing-workspace-host .home-settings-inline .generation-two-fields{margin:0}
.marketing-workspace-host #creator .creator-form,
.marketing-workspace-host #studio-suite .suite-controls{border:0;box-shadow:none;background:transparent}
.marketing-workspace-host .home-settings-inline :is(input,select,textarea){border-color:#343949}
.marketing-workspace-host .home-workspace-details,
.marketing-workspace-host .home-inline-help{border:0;border-top:1px solid #2b3040;border-radius:0;background:transparent}
.marketing-workspace-host .home-workspace-details>summary,
.marketing-workspace-host .home-inline-help>summary{padding:9px 2px}
.marketing-workspace-host .home-settings-inline .creator-privacy{margin:0}
.marketing-tabs{border-top:0}

/* Desktop editing: flat, immediately editable settings with fewer outlines. */
@media(min-width:851px){
 .marketing-workspace-host{padding:12px 16px 16px}
 .marketing-workspace-host .home-settings-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:10px;margin:10px 0}
 .marketing-workspace-host .home-settings-inline>.home-settings-fieldset:first-child,
 .marketing-workspace-host .home-settings-inline>.creator-privacy,
 .marketing-workspace-host .home-settings-inline>.generation-motion-fields,
 .marketing-workspace-host .home-settings-inline>.generation-two-fields,
 .marketing-workspace-host .home-settings-inline>.garment-pickers{grid-column:1/-1}
 .marketing-workspace-host .home-settings-inline .garment-pickers,
 .marketing-workspace-host .home-settings-inline .generation-two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
.marketing-workspace-host .home-settings-inline :is(input:not([type=range]):not([type=checkbox]),select,textarea){border:1px solid #303647;border-radius:8px;box-shadow:none}
.marketing-workspace-host .home-settings-inline :is(input,select,textarea):focus-visible{border-color:#9d93ef;outline:2px solid #9d93ef55;outline-offset:1px}
.marketing-workspace-host .home-settings-inline :is(.suite-note,.creator-help,small){line-height:1.45}
.marketing-workspace-host .home-workspace-details{margin:5px 0}
.marketing-workspace-host .home-settings-inline :is(.suite-controls,.garment-pickers,.generation-motion-fields,.generation-two-fields){border:0;box-shadow:none;background:transparent}

/* Accessory creation: compact, consistently aligned controls and direct ideas. */
.marketing-workspace-host #creator .home-settings-inline{column-gap:12px;row-gap:15px}
.marketing-workspace-host #creator .home-settings-inline>.home-settings-fieldset:first-child{grid-column:1/-1}
.marketing-workspace-host #creator .home-settings-fieldset,
.marketing-workspace-host #creator #creator-style-field{min-width:0;margin:0;align-self:start}
.marketing-workspace-host #creator .home-settings-inline :is(.creator-label,#creator-polycount-label){display:block;margin:0 0 8px!important;font-size:12px;line-height:1.4}
.marketing-workspace-host #creator .home-settings-inline :is(.picker-trigger,#creator-polycount){box-sizing:border-box;min-height:64px;width:100%;margin:0}
.marketing-workspace-host #creator #creator-polycount{padding:0 12px}
.marketing-workspace-host #creator .home-settings-inline .creator-help{margin:7px 0 0;line-height:1.45}
.marketing-workspace-host #creator .home-settings-inline .visual-picker{width:100%}
.marketing-workspace-host #creator .home-settings-inline .creator-privacy{grid-column:1/-1}
.marketing-workspace-host #creator .input-examples{margin:10px 0 15px;gap:7px}
.marketing-workspace-host #creator .input-examples button{padding:7px 11px!important}
.marketing-workspace-host #creator .home-workspace-details:has(#creator-prompt-examples),
.marketing-workspace-host #creator .home-workspace-details:has(#creator-image-examples){border:0}
@media(max-width:650px){.marketing-workspace-host #creator .home-settings-inline{display:grid;grid-template-columns:1fr;gap:14px}.marketing-workspace-host #creator .home-settings-inline>*{grid-column:1/-1}}

/* Visual selection is a picker, not a full-screen configuration window. */
#creator .picker-dialog{width:min(540px,calc(100vw - 24px));max-height:min(78dvh,720px);border-radius:14px}
#creator .picker-dialog>header{padding:16px 18px 12px}
#creator .picker-dialog .picker-grid{padding:14px 18px 18px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
#creator .picker-dialog .picker-grid button>svg{height:104px}
#creator .picker-dialog .picker-grid button{gap:5px;padding-bottom:8px}
#creator .picker-dialog .picker-grid button span{font-size:11px}
@media(max-width:480px){#creator .picker-dialog .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}#creator .picker-dialog.type .picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Landing workbench: full-featured controls in a focused settings dialog. */
.marketing-workspace-host .home-settings-bar{display:flex;align-items:stretch;gap:9px;margin:11px 0 14px;min-width:0}
.marketing-workspace-host .home-settings-trigger{flex:1;min-width:0;min-height:54px;display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #4b5069;border-radius:11px;background:#252938;color:#e9e8ff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.marketing-workspace-host .home-settings-trigger:hover{background:#30344a;border-color:#a69aff}
.marketing-workspace-host .home-settings-trigger:focus-visible{outline:2px solid #b6a8ff;outline-offset:2px}
.marketing-workspace-host .home-settings-gear{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#3a395a;color:#c9c2ff;font-size:17px;flex:none}
.marketing-workspace-host .home-settings-button-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.marketing-workspace-host .home-settings-button-copy strong{font-size:12px;line-height:1.4;font-weight:750}
.marketing-workspace-host .home-settings-button-copy small{font-size:10px;line-height:1.5;color:#a8aec8}
.marketing-workspace-host .home-settings-chevron{font-size:21px;line-height:1;color:#bdb5ed}
.marketing-workspace-host .home-new-action{flex:none;border:1px solid #444962;background:#202332;color:#cfc9fa;border-radius:10px;padding:0 12px;font-size:11px;cursor:pointer}
.marketing-workspace-host #creator-new.home-new-action{display:none!important}
.marketing-workspace-host .home-new-action:hover{border-color:#aaa0ff}
.marketing-workspace-host .home-settings-dialog{width:min(560px,calc(100vw - 24px));max-width:560px;max-height:min(86dvh,880px);box-sizing:border-box;margin:auto;padding:0;border:1px solid #646381;border-radius:17px;background:#191c29;color:#eef0ff;box-shadow:0 35px 110px #000a;overflow:hidden}
.marketing-workspace-host .home-settings-dialog[open]{display:flex;flex-direction:column}
.marketing-workspace-host .home-settings-dialog::backdrop{background:#060712c9;backdrop-filter:blur(5px)}
.marketing-workspace-host .home-settings-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:14px;padding:18px 22px;border-bottom:1px solid #363b52;background:#1f2231;flex:none}
.marketing-workspace-host .home-settings-dialog-heading h2{margin:0 0 4px;font-size:18px;line-height:1.3;font-weight:780;letter-spacing:-.02em;color:#fff}
.marketing-workspace-host .home-settings-dialog-heading p{margin:0;color:#aab2c9;font-size:12px;line-height:1.5}
.marketing-workspace-host .home-settings-dialog-close{width:31px;height:31px;flex:none;border:1px solid #535975;border-radius:9px;background:#2b2f41;color:#f0efff;font-size:22px;cursor:pointer}
.marketing-workspace-host .home-settings-dialog-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:21px 22px 23px;scrollbar-width:thin}
.marketing-workspace-host .home-settings-dialog-foot{flex:none;display:flex;justify-content:flex-end;padding:12px 22px;border-top:1px solid #34384c;background:#1d2030}
.marketing-workspace-host .home-settings-apply{min-width:116px;min-height:40px;border:1px solid #a59bff;border-radius:10px;background:#776ceb;color:white;padding:9px 18px;font-size:12px;font-weight:750;cursor:pointer}
.marketing-workspace-host .home-settings-fieldset{min-width:0;display:flex;flex-direction:column;gap:9px}
.marketing-workspace-host .home-settings-dialog .creator-label{font-size:12px!important;margin:0 0 5px!important}
.marketing-workspace-host .home-settings-dialog .creator-help{font-size:11px;line-height:1.65;color:#b0b8cf}
.marketing-workspace-host .home-settings-dialog .garment-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.marketing-workspace-host .home-settings-dialog .garment-poly small{display:block!important}
.marketing-workspace-host .home-settings-dialog .generation-motion-fields{gap:16px}
.marketing-workspace-host .home-settings-dialog .generation-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.marketing-workspace-host .home-settings-dialog .suite-label{margin:0}
.marketing-workspace-host .home-settings-dialog .classic-type-field{grid-column:1/-1}
.marketing-workspace-host #studio-suite .generation-intro,.marketing-workspace-host #studio-suite .generation-form>.suite-note,.marketing-workspace-host #studio-suite .garment-showcase footer{display:block}
.marketing-workspace-host #studio-suite .generation-form>.suite-note{margin:9px 0;line-height:1.6}
.marketing-workspace-host #studio-suite .generation-form,.marketing-workspace-host #studio-suite .garment-form{min-width:0}
.marketing-workspace-host #studio-suite .generation-form .home-settings-trigger,.marketing-workspace-host #studio-suite .garment-form .home-settings-trigger{font-size:12px}

/* Compact accessory controls: location, style and mesh budget share one row. */
@media(min-width:851px){
 .marketing-workspace-host #creator .home-settings-inline{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .marketing-workspace-host #creator .home-settings-inline>.home-settings-fieldset:first-child{grid-column:auto}
 .marketing-workspace-host #creator .home-settings-inline>.creator-privacy{grid-column:1/-1}
}
.marketing-workspace-host #creator .home-settings-inline :is(.picker-trigger,#creator-polycount){min-height:43px;max-height:48px;padding:7px 10px}
.marketing-workspace-host #creator .home-settings-inline .creator-help{display:none}
.marketing-workspace-host #creator .home-settings-inline :is(.creator-label,#creator-polycount-label){margin-bottom:5px!important}
/* The drop zone is the only reference-image upload control. */
#creator #creator-file-slot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#creator #creator-image-fields{position:relative}
#creator .creator-upload{min-height:120px;justify-content:center}
/* Prompt help belongs in a floating popover, not beneath the prompt. */
#creator #creator-text-fields>.creator-label{position:relative}
#creator #creator-guide-body{position:absolute;z-index:20;right:0;top:calc(100% + 8px);width:min(300px,85vw);padding:14px 16px;margin:0;background:#292d41;border:1px solid #565d79;border-radius:12px;box-shadow:0 15px 36px #0007;color:#e5e8fa;font-size:12px;line-height:1.6;font-weight:400}
/* Editor workspace: give the viewport priority and prevent panel crowding. */
#editor .editor-header{min-width:0;gap:12px;padding:0 18px}
#editor .header-actions{min-width:0;flex-wrap:nowrap}
#editor .properties{box-sizing:border-box;width:clamp(270px,23vw,330px);padding:20px 18px 32px}
#editor .properties .panel-heading{margin-bottom:19px}
#editor .properties .field-label{margin:15px 0 7px}
#editor .properties h3{margin:23px 0 11px}
#editor .properties .color-row,#editor .properties .switch-row{margin:15px 0}
#editor .properties .panel-divider{margin:19px 0}
#editor .workspace{min-width:0;overflow:hidden}
#editor .workspace-bar{box-sizing:border-box;min-height:56px;height:auto;padding:10px 18px;gap:12px;flex-wrap:wrap}
#editor .workspace-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#editor .workspace-bar .tool{margin:0;white-space:nowrap}
#editor #stage-wrap{min-height:0;padding:18px;overflow:hidden}
@media(min-width:701px) and (max-width:1100px){#editor .rail{width:62px;padding-inline:5px}#editor .properties{width:260px;padding:16px 13px}#editor .editor-header{gap:7px;padding-inline:10px}#editor #scene-name{width:125px}#editor .header-actions{gap:4px}#editor .header-actions .btn{padding:8px 9px;font-size:10px}}
@media(max-width:700px){#editor .properties{width:auto;padding:16px 16px 30px}#editor .workspace-bar{min-height:42px;padding:7px 10px}#editor #stage-wrap{padding:8px}#editor .editor-header{padding-inline:8px}}
.marketing-workspace-host #studio-suite .suite-two>.suite-controls{min-width:0}
@media(max-width:650px){.marketing-workspace-host .home-settings-dialog-head,.marketing-workspace-host .home-settings-dialog-body{padding:15px}.marketing-workspace-host .home-settings-dialog-foot{padding:12px 15px}.marketing-workspace-host .home-settings-dialog .generation-two-fields,.marketing-workspace-host .home-settings-dialog .garment-pickers{grid-template-columns:1fr}.marketing-workspace-host .home-settings-trigger{min-height:50px}}
/* Keep guidance, secondary actions, and cost/privacy notices accessible. */
.marketing-workspace-host #studio-suite .garment-showcase footer{display:block}
.marketing-workspace-host #studio-suite .generation-form>.suite-note{display:block}
.marketing-workspace-host #studio-suite .generation-form>.suite-note{margin:8px 0;font-size:10px;line-height:1.5}
/* Editor acceptance pass: keep the viewport usable at laptop and phone widths. */
#editor .editor-header{box-sizing:border-box;max-width:100%;overflow:hidden}
#editor .editor-header .header-actions{flex-shrink:0}
#editor .editor-header #save-status{overflow:hidden;text-overflow:ellipsis;max-width:110px}
#editor .editor-body{min-width:0}
#editor .rail{box-sizing:border-box;overflow-y:auto;scrollbar-width:none}
#editor .rail-tab{width:100%;min-height:55px;flex-shrink:0}
#editor .properties{min-width:0;overscroll-behavior:contain}
#editor .properties section{max-width:100%}
#editor .properties .segmented button{min-width:0}
#editor .properties .bg-swatch{min-width:0}
#editor .properties input[type=range],#editor .properties select{width:100%;box-sizing:border-box}
#editor .workspace-bar>div{justify-content:flex-end}
#editor .editor-model-label{min-width:0;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#editor .editor-model-label #model-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#editor .editor-panel-toggle{border-color:#7774bd!important;color:#e5dfff!important}
#editor.editor-panel-collapsed .properties{display:none}
#editor.editor-panel-collapsed .rail{width:64px}
#editor .rail-tab:focus-visible,#editor .tool:focus-visible,#editor .btn:focus-visible{outline:2px solid #b4aaff;outline-offset:2px}
@media (min-width:701px) and (max-width:1200px){#editor .editor-header .editor-profile{display:none}#editor .properties{width:250px;padding-inline:14px}#editor .rail{width:64px;padding-inline:5px}#editor .workspace-bar{padding-inline:12px}}
@media (max-width:850px){#editor .editor-header #save-status{display:none}#editor .editor-header #scene-name{max-width:115px}#editor .workspace-bar .editor-model-label{max-width:26%}}
@media (max-width:700px){#editor .editor-header .editor-profile{display:none}#editor .editor-header #scene-name{width:90px;max-width:90px}#editor .header-actions .btn{padding:7px 8px}#editor .workspace-bar{flex-wrap:nowrap;gap:4px}#editor .workspace-bar>div{gap:3px;flex-wrap:nowrap}#editor .workspace-bar .tool{padding:7px 5px;font-size:9px}#editor .editor-model-label{display:none}#editor .workspace{inset:0 0 42% 0}#editor .rail{height:58%;width:59px}#editor .properties{height:58%;left:59px;right:0}#editor.editor-panel-collapsed .workspace{inset:0}#editor.editor-panel-collapsed .rail{bottom:0;top:auto;height:58px;width:100%;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px 8px;gap:3px;border-top:1px solid #34394b;z-index:3}#editor.editor-panel-collapsed .rail-tab{width:55px;min-height:48px;flex-shrink:0;padding:3px;font-size:9px}#editor.editor-panel-collapsed .rail-tab span{font-size:16px;height:19px}#editor.editor-panel-collapsed .workspace{bottom:58px}#editor .workspace-footer span:nth-child(2){display:none}}

/* 3D Editor responsive acceptance: account for the global mobile navigation. */
#editor .editor-mobile-save{display:none}
@media(max-width:700px){
 body.block-app-shell #editor{height:calc(100dvh - 57px)}
 body.block-app-shell #editor .editor-body{height:calc(100dvh - 115px)}
 #editor .workspace{inset:0 0 52% 0}
 #editor .rail,#editor .properties{height:52%}
 #editor #stage-wrap{padding:8px}
 #editor .workspace-bar .tool{min-height:30px}
 #editor .properties{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 #editor .rail-tab{min-height:48px}
 #editor .editor-mobile-save{display:block;margin-bottom:10px}
}

/* Dedicated full-width 3D editing workspace. */
body:has(#editor:not(.hidden)) #block-global-nav{display:none!important}
body:has(#editor:not(.hidden)) #editor{margin-left:0!important;width:100%!important}
#editor #go-home{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:650;letter-spacing:0}
#editor #go-home:hover{background:#282d3e}
#editor .editor-back-arrow{font-size:20px;line-height:1}
@media(max-width:650px){#editor #go-home{padding:8px 5px;gap:5px;font-size:12px}}

/* 3D Editor refinement: one dark control language, accessible active states and clearer hierarchy. */
#editor .properties{width:308px;padding:25px 22px 32px;box-sizing:border-box;color-scheme:dark}
#editor .properties .panel-heading{margin-bottom:12px}
#editor .properties .panel-heading h2{font-size:19px;letter-spacing:-.03em}
#editor .properties h3{font-size:13px;font-weight:700;letter-spacing:-.01em;margin:23px 0 10px}
#editor .properties .field-label{font-size:12px;margin:20px 0 10px;color:#e0e4f1}
#editor .editor-section-help{font-size:11px;line-height:1.65;color:#aeb7cc;margin:8px 0 13px}
#editor #aspect-options{background:#10131d;border:1px solid #383e51;border-radius:11px;padding:4px;gap:4px}
#editor #aspect-options button{color:#c3c9d8!important;background:transparent!important;box-shadow:none!important;border:1px solid transparent!important;border-radius:8px;min-height:41px;font:650 13px/1.25 Inter,system-ui,sans-serif!important;cursor:pointer;transition:background .16s,color .16s,border-color .16s}
#editor #aspect-options button:hover{background:#2b3044!important;color:#fff!important}
#editor #aspect-options button.active,#editor #aspect-options button[aria-pressed=true]{background:#47416d!important;border-color:#8379c9!important;color:#fff!important;box-shadow:0 2px 8px #0003!important}
#editor #aspect-options button:focus-visible{outline:2px solid #b5abff;outline-offset:2px}
#editor .bg-grid{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}
#editor .bg-swatch{min-height:61px;overflow:hidden;border-radius:10px;cursor:pointer}
#editor .bg-swatch span{font-size:10px;font-weight:650;bottom:0;padding:9px 2px 5px;background:linear-gradient(transparent,#0008);color:white;text-shadow:0 1px 3px #0009}
#editor .bg-swatch.active{border-color:#c9bfff;outline:1px solid #9687f5}
#editor .properties select{min-height:42px;font:500 12px/1.4 Inter,system-ui,sans-serif;color-scheme:dark}
#editor .properties select option{background:#222638;color:#f2f4ff}
#editor .properties .color-row,#editor .properties .switch-row{font-size:12px;gap:10px}
#editor .properties .color-fields label{font-size:11px}
#editor .properties .btn.full{min-height:40px;white-space:normal;line-height:1.4;margin:8px 0}
#editor .editor-advanced{border:1px solid #383e50;border-radius:10px;padding:10px 12px;margin:15px 0;background:#1b2030}
#editor .editor-advanced summary{color:#bdc4d7;font-size:12px;font-weight:600;cursor:pointer;line-height:1.55}
#editor .editor-advanced[open] summary{color:#f0edff;margin-bottom:12px}
#editor .editor-advanced .panel-block{padding:5px 0}
#editor .editor-advanced textarea{width:100%;min-height:76px;box-sizing:border-box}
#editor .properties .panel-divider{height:1px;background:#33394b;margin:23px 0}
#editor .rail{width:76px}
#editor .rail-tab{font-size:11px;line-height:1.3;padding:11px 4px;min-height:64px;color:#b6bfd3}
#editor .rail-tab.active{background:#343050;color:#f6f2ff;box-shadow:inset 3px 0 #aa9aff}
#editor .upload-area{min-height:105px;padding:17px 12px}
@media(max-width:700px){#editor .properties{width:min(310px,calc(100vw - 65px));padding:20px 15px}#editor .rail{width:65px}}

/* Temporarily remove retired 3D Editor entry points without deleting their saved data. */
#creator-editor-nav, #creator-open-editor, #resume, #pose-grid, #pose-search, #pose-filters, #no-poses, #hero-preview { display:none !important; }

#account-google[hidden], #account-credits[hidden] { display: none !important; }

/* MeshJolt 2026 visual system — Higgsfield-inspired graphite + crisp lime,
   with Pixwit-inspired violet reserved for subtle atmospheric lighting. */
:root{
  color-scheme:dark;
  --mj-bg:#0b0c0e;--mj-rail:#101113;--mj-surface:#17181b;
  --mj-elevated:#1e2024;--mj-input:#121316;--mj-hover:#27292e;
  --mj-line:#34363c;--mj-text:#f5f6f3;--mj-muted:#a2a5ad;
  --mj-accent:#dff27c;--mj-accent-hover:#edffa0;--mj-accent-ink:#171b0c;
  --mj-violet:#b5a5f6;
  --shell-bg:var(--mj-bg);--shell-card:var(--mj-surface);
  --shell-fg:var(--mj-text);--shell-primary:var(--mj-accent);
  --shell-border:var(--mj-line);--shell-muted:var(--mj-muted);
  --accent:var(--mj-accent);--accent-hover:var(--mj-accent-hover);
  --accent-soft:#303822;--ink:var(--mj-text);--muted:var(--mj-muted);
  --line:var(--mj-line);--surface:var(--mj-surface);--paper:var(--mj-bg);
}
html{background:var(--mj-bg)}
body,body.block-app-shell{background:var(--mj-bg);color:var(--mj-text);color-scheme:dark}
:where(button,a,input,textarea,select,[role=tab]):focus-visible{outline:2px solid var(--mj-accent)!important;outline-offset:3px}
:where(input,textarea,select){accent-color:var(--mj-accent)}
:where(input,textarea,select):not([type=color]):not([type=range]):not([type=checkbox]){background:var(--mj-input);border:1px solid var(--mj-line);color:var(--mj-text);border-radius:10px}
:where(input,textarea,select):not([type=color]):focus{border-color:#b4cc67;box-shadow:0 0 0 3px #dff27c1b}
:where(input,textarea)::placeholder{color:#858993}
:where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--mj-accent)}
:where(.primary,.btn.primary,.suite-primary,.creator-primary){background:var(--mj-accent);color:var(--mj-accent-ink);border-color:var(--mj-accent);box-shadow:none}
:where(.primary,.btn.primary,.suite-primary,.creator-primary):hover:not(:disabled){background:var(--mj-accent-hover);border-color:var(--mj-accent-hover);color:var(--mj-accent-ink)}
:where(.outline,.btn.outline){background:var(--mj-elevated);border-color:var(--mj-line);color:var(--mj-text)}
:where(.outline,.btn.outline):hover{background:var(--mj-hover)}
:where(.muted,.hint){color:var(--mj-muted)}
/* Global navigation persists across all workspaces. */
#block-global-nav{background:var(--mj-rail);border-right:1px solid #292b30;scrollbar-color:#414348 transparent}
#block-global-nav .creator-brand{color:var(--mj-text);border-bottom-color:var(--mj-line)}
#block-global-nav .block-brand-mark{background:var(--mj-accent);color:var(--mj-accent-ink)}
#block-global-nav .suite-nav-heading{color:#8f929b}
#block-global-nav .suite-nav-item{color:#b3b6bd}
#block-global-nav .suite-nav-item:hover{background:var(--mj-hover);color:var(--mj-text)}
#block-global-nav .suite-nav-item.selected{background:#303329;color:#f7f9ed;box-shadow:inset 3px 0 var(--mj-accent)}
#block-global-nav .suite-nav-item.selected .suite-nav-icon{color:var(--mj-accent)}
#block-global-nav .creator-nav-bottom{border-top-color:var(--mj-line)}
/* Generation tools, layouts, control panels, previews, dialogs. */
#studio-suite,#creator,#editor{background:var(--mj-bg);color:var(--mj-text)}
#studio-suite .suite-controls,#creator .creator-controls,#studio-suite .garment-form{background:var(--mj-surface);border:1px solid var(--mj-line);box-shadow:none}
#studio-suite :is(input,textarea,select),#creator :is(input,textarea,select),#editor :is(input,textarea,select){color-scheme:dark}
#studio-suite :is(input,textarea,select):not([type=color]):not([type=range]):not([type=checkbox]),#creator :is(input,textarea,select):not([type=color]):not([type=range]):not([type=checkbox]),#editor :is(input,textarea,select):not([type=color]):not([type=range]):not([type=checkbox]){background:var(--mj-input);border-color:var(--mj-line);color:var(--mj-text)}
#studio-suite :is(input,textarea,select):focus,#creator :is(input,textarea,select):focus,#editor :is(input,textarea,select):focus{border-color:#b4cc67;outline-color:var(--mj-accent)}
#studio-suite :is(.suite-primary,.creator-primary),#creator :is(.suite-primary,.creator-primary){background:var(--mj-accent)!important;border-color:var(--mj-accent)!important;color:var(--mj-accent-ink)!important;box-shadow:none!important}
#studio-suite :is(.suite-primary,.creator-primary):hover:not(:disabled),#creator :is(.suite-primary,.creator-primary):hover:not(:disabled){background:var(--mj-accent-hover)!important}
#studio-suite .suite-nav-item.selected,#creator .suite-nav-item.selected{background:#303329;border-color:#687342;color:var(--mj-text)}
#studio-suite .suite-nav-item.selected .suite-nav-icon,#creator .suite-nav-item.selected .suite-nav-icon{background:var(--mj-accent);color:var(--mj-accent-ink)}
#studio-suite .classic-pattern-choice,#studio-suite .garment-choice{background:var(--mj-elevated);border-color:var(--mj-line);color:var(--mj-text)}
#studio-suite .classic-pattern-choice[aria-pressed=true],#studio-suite .garment-choice[aria-pressed=true],.motion-form .motion-choice-row button[aria-pressed=true]{background:#31392a;border-color:var(--mj-accent);box-shadow:inset 0 0 0 1px #dff27c70;color:var(--mj-text)}
.motion-form .motion-choice-row button,.garment-tabs{background:var(--mj-elevated);border-color:var(--mj-line);color:var(--mj-text)}
.motion-form .motion-takes-row input,#studio-suite .garment-form input[type=range]{accent-color:var(--mj-accent)}
#creator #cloud-jobs li.creation-card,#studio-suite #cloud-jobs li.creation-card{background:var(--mj-surface);border-color:var(--mj-line)}
.creation-card-image,.creation-card-placeholder{background:var(--mj-elevated)}
/* The marketing landing page uses the same surfaces, with restrained violet ambience. */
#home.marketing-home{--mk-bg:var(--mj-bg);--mk-card:var(--mj-surface);--mk-line:var(--mj-line);--mk-muted:var(--mj-muted);--mk-lavender:var(--mj-accent);background:radial-gradient(ellipse 56% 22% at 52% 2%,#3a304c66,transparent 80%),var(--mj-bg);color:var(--mj-text)}
#home.marketing-home .marketing-nav{border-bottom-color:var(--mj-line)}
#home.marketing-home .marketing-logo{background:var(--mj-accent);color:var(--mj-accent-ink)}
#home.marketing-home .brand-accent,#home.marketing-home .marketing-eyebrow,#home.marketing-home .marketing-kicker,#home.marketing-home .marketing-field-tag{color:var(--mj-accent)}
#home.marketing-home .marketing-cta,#home.marketing-home .marketing-submit{background:var(--mj-accent);border-color:var(--mj-accent);color:var(--mj-accent-ink);box-shadow:none}
#home.marketing-home .marketing-cta:hover,#home.marketing-home .marketing-submit:hover{background:var(--mj-accent-hover);filter:none}
#home.marketing-home .marketing-login{background:var(--mj-elevated);border-color:var(--mj-line);color:var(--mj-text)}
#home.marketing-home .marketing-workbench{background:var(--mj-surface);border-color:var(--mj-line);box-shadow:0 28px 80px #0007}
#home.marketing-home .marketing-bench-head,#home.marketing-home .marketing-tabs{border-bottom-color:var(--mj-line)}
#home.marketing-home .marketing-tabs button{color:#b4b6bc}
#home.marketing-home .marketing-tabs button:hover{background:var(--mj-hover);color:var(--mj-text)}
#home.marketing-home .marketing-tabs button[aria-selected=true]{color:var(--mj-accent);background:#303329;border-bottom-color:var(--mj-accent)}
#home.marketing-home .marketing-bench-form :is(textarea,input,select),#home.marketing-home .marketing-classic-fields select{background:var(--mj-input);border-color:var(--mj-line);color:var(--mj-text)}
#home.marketing-home .marketing-suggestions button{background:var(--mj-elevated);border-color:var(--mj-line);color:var(--mj-text)}
#home.marketing-home .marketing-suggestions button:hover{border-color:var(--mj-accent)}
#home.marketing-home .marketing-secondary-action{color:var(--mj-accent)!important}
/* Hidden editor remains visually coherent if opened via a legacy direct route. */
#editor .editor-header,#editor .rail,#editor .properties{background:var(--mj-surface);border-color:var(--mj-line)}
#editor .editor-body{background:var(--mj-bg)}
#editor .rail-tab.active,#editor #aspect-options button.active,#editor #aspect-options button[aria-pressed=true]{background:#303329!important;color:var(--mj-accent)!important;box-shadow:inset 3px 0 var(--mj-accent)!important;border-color:#687342!important}
#editor #aspect-options,#editor .editor-advanced{background:var(--mj-elevated);border-color:var(--mj-line)}
#editor .properties .panel-divider{background:var(--mj-line)}
@media(prefers-reduced-motion:reduce){#home.marketing-home *,#studio-suite *,#creator *{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* MeshJolt brand: navigation mark and favicon share the same SVG asset. */
.marketing-brand .marketing-logo,#home.marketing-home .marketing-logo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;padding:0;background:transparent;box-shadow:none;border-radius:11px;overflow:hidden}
.marketing-brand .marketing-logo img{display:block;width:100%;height:100%;object-fit:contain}
/* The active tab already provides the selection cue; no full-width rule below it. */
.marketing-tabs,#home.marketing-home .marketing-tabs{border-bottom:0}

/* Home accessory creator: a full-width input and a separate result area below. */
.marketing-workspace-host #creator .creator-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.marketing-workspace-host #creator .creator-form{width:100%;max-height:none;overflow:visible;box-sizing:border-box}
.marketing-workspace-host #creator .creator-preview{position:static;top:auto;width:100%;box-sizing:border-box}
.marketing-workspace-host #creator .creator-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,440px);margin:12px 0 18px;padding:4px;gap:3px}
.marketing-workspace-host #creator .creator-tabs button{min-height:40px;font-size:12px!important}
.marketing-workspace-host #creator #creator-text-fields,.marketing-workspace-host #creator #creator-image-fields{margin:0 0 8px}
.marketing-workspace-host #creator textarea{min-height:150px}
.marketing-workspace-host #creator .home-settings-inline{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.marketing-workspace-host #creator .home-settings-inline>.home-settings-fieldset:first-child{grid-column:auto}
.marketing-workspace-host #creator .home-settings-inline>.creator-privacy{grid-column:1/-1}
.marketing-workspace-host #creator .home-settings-inline :is(.picker-trigger,#creator-polycount){min-height:52px;max-height:none}
.marketing-workspace-host #creator .creator-action{position:static;bottom:auto;box-shadow:none;background:transparent;padding:12px 0 0}
.marketing-workspace-host #creator #creator-canvas{height:360px}
@media(max-width:700px){
 .marketing-workspace-host #creator .home-settings-inline{grid-template-columns:1fr 1fr}
 .marketing-workspace-host #creator .home-settings-inline>.creator-privacy{grid-column:1/-1}
 .marketing-workspace-host #creator #creator-canvas{height:280px}
}
@media(max-width:480px){
 .marketing-workspace-host #creator .home-settings-inline{grid-template-columns:1fr}
 .marketing-workspace-host #creator .home-settings-inline>*{grid-column:1/-1}
}

/* Homepage creator: aligned control row, clear hierarchy and balanced CTA. */
.marketing-workspace-host #creator .creator-grid{max-width:1160px;margin-inline:auto;gap:22px}
.marketing-workspace-host #creator .creator-form{display:flex;flex-direction:column;padding:28px 32px!important;gap:0}
.marketing-workspace-host #creator .home-creator-input{min-width:0}
.marketing-workspace-host #creator .home-creator-input textarea{min-height:160px;padding:16px 18px;font-size:15px}
.marketing-workspace-host #creator .home-creator-input .input-examples{margin:15px 0 0}
.marketing-workspace-host #creator .home-creator-controls{border-top:1px solid #30333f;margin-top:24px;padding-top:22px}
.marketing-workspace-host #creator .home-creator-controls .creator-tabs{width:min(100%,420px);margin:0 0 24px}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;align-items:start}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline>*{grid-column:auto;min-width:0;align-self:start}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline :is(.creator-label,#creator-polycount-label){height:22px;display:flex;align-items:center;margin:0 0 9px!important;font-size:13px;line-height:22px}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline :is(.picker-trigger,#creator-polycount){height:64px;min-height:64px;max-height:64px;width:100%;box-sizing:border-box;border-radius:10px;padding:6px 12px}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline .picker-trigger{display:flex;align-items:center;gap:12px;overflow:hidden}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline .picker-trigger>svg,
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline .picker-trigger>.style-reference{width:48px;height:48px;min-width:48px;flex-shrink:0;object-fit:cover}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline .picker-trigger>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline .picker-trigger>small{flex-shrink:0;margin:0}
.marketing-workspace-host #creator .home-creator-controls .home-settings-inline .picker-trigger:after{flex-shrink:0}
.marketing-workspace-host #creator .home-creator-controls #creator-style-field .visual-picker{position:relative;top:9px}
.marketing-workspace-host #creator .home-creator-controls #creator-polycount{font-size:16px}
.marketing-workspace-host #creator .home-creator-footer{border-top:1px solid #30333f;margin-top:24px;padding-top:22px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.marketing-workspace-host #creator .home-creator-footer .creator-privacy{display:flex;align-items:center;flex:1;min-width:0;max-width:490px;margin:0;padding:0;border:0}
.marketing-workspace-host #creator .home-creator-footer .creator-action{margin:0;padding:0;flex:0 0 min(360px,42%)}
.marketing-workspace-host #creator .home-creator-footer .creator-primary{min-height:56px}
.marketing-workspace-host #creator .home-creator-footer #creator-status{line-height:1.6;min-height:0;margin:8px 0 0}
@media(max-width:750px){
 .marketing-workspace-host #creator .creator-form{padding:20px!important}
 .marketing-workspace-host #creator .home-creator-controls .home-settings-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .marketing-workspace-host #creator .home-creator-footer{align-items:stretch;flex-direction:column-reverse;gap:12px}
 .marketing-workspace-host #creator .home-creator-footer .creator-action{flex:auto;width:100%}
}
@media(max-width:480px){
 .marketing-workspace-host #creator .home-creator-controls .home-settings-inline{grid-template-columns:1fr}
 .marketing-workspace-host #creator .home-creator-controls .home-settings-inline>*{grid-column:1/-1}
}