/* Experimental product UI. All overrides are scoped to this separate page. */
.studio-test{--bg:#1b1b1b;--panel:#242424;--line:#363636;--orange:#e5a16a;--gold:#f2bd92;--muted:#9e9e9e;--text:#e9e9e9;background:#1b1b1b;font-size:13px;letter-spacing:-.1px;-webkit-font-smoothing:antialiased}.studio-test button,.studio-test input,.studio-test select{border-radius:7px}.studio-test button{background:#292929;border-color:#3e3e3e;box-shadow:none;transition:background .15s,border-color .15s,transform .15s}.studio-test button:hover{background:#333333;border-color:#6e6e6e}.studio-test button:active{transform:translateY(1px)}.studio-test button.active,.studio-test button.selected{background:#41332a;border-color:#a16e47;color:#f0bc91;box-shadow:none}.studio-test .primary{background:#e6a36f;border:1px solid #e6a36f;color:#231c16;font-weight:600;box-shadow:0 2px 0 #0002}.studio-test .primary:hover{background:#f1b684;border-color:#f1b684}.studio-test input,.studio-test select{background:#1e1e1e;border-color:#3e3e3e;padding:12px;color:#e5e5e5}.studio-test input::placeholder{color:#8b8b8b}.studio-test input:focus{outline:2px solid #b78158;outline-offset:1px}.studio-test input[type=checkbox]{accent-color:#d7a074}.studio-test input[type=range]{accent-color:#e5a16a}.studio-test header{height:76px;padding:0 32px;background:#1e1e1e;border-color:#353535;gap:68px}.studio-test .brand{display:flex;align-items:center;gap:10px;font:700 23px Inter,Arial,sans-serif;letter-spacing:-1px;color:#ecebe6;min-width:175px}.brandcube{color:#dfa273;flex-shrink:0}.branddot{color:#dda273}.studio-test header nav{gap:25px;align-items:stretch}.studio-test header nav a,.studio-test header nav button{display:flex;align-items:center;text-decoration:none;border:0;background:none;padding:0 2px;color:#a9a9a9;font-size:12px;font-weight:500;position:relative;white-space:nowrap}.studio-test header nav .topactive{color:#f2d5bf}.studio-test header nav .topactive:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#dca172}.nav-indicator{width:5px;height:5px;border-radius:50%;background:#dca172;margin-left:7px}.studio-test .save-top{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;padding:10px 14px;background:#292929;color:#dbdbdb}.studio-test .shell{grid-template-columns:232px minmax(0,1fr);max-width:1800px}.studio-test aside{border-right:1px solid #333333;background:#1e1e1e;padding:32px 18px;min-height:calc(100vh - 76px)}.rail-eyebrow{color:#7c7c7c;font-size:9px;letter-spacing:1.4px;margin:0 12px 27px}.studio-test aside h3{font-size:11px;font-weight:500;color:#a5a5a5;padding:0 12px;margin-bottom:12px}.studio-test .generator{border:1px solid transparent;border-radius:8px;padding:13px 12px;gap:12px;margin-bottom:5px;font-size:11px;background:none}.studio-test .generator svg{width:21px;height:24px;color:#a3a3a3;flex-shrink:0}.studio-test .generator>span{font-size:11px;line-height:1.8;flex:1}.studio-test .generator.selected{background:#323027;border-color:#4f4737;color:#e6c09d}.studio-test .generator.selected svg{color:#deb48c}.studio-test .generator.selected small{display:block;font-size:9px;line-height:1.4;color:#9c978a}.rail-dot{width:5px;height:5px;border-radius:50%;background:#c9aa87}.studio-test .projectside{border-top:1px solid #353535;padding-top:24px;margin:25px 10px}.studio-test .projectside>label{font-size:8px;letter-spacing:1.2px;color:#949494}.studio-test .projectrow{gap:9px;margin:14px 0 12px}.studio-test .projectrow canvas{border-radius:7px;width:34px;height:34px;border:1px solid #514b40}.studio-test .projectrow b{font-size:10px;display:block;line-height:1.5;letter-spacing:-.1px;color:#dadada}.studio-test .projectrow small{font-size:9px;display:block;color:#888888;margin-top:3px}.studio-test #saveState{color:#9c9c9c;font-size:8px;line-height:1.7;display:block}.rail-tip{margin:43px 10px 20px;padding:17px 13px;border:1px solid #3e3e3e;border-radius:10px;background:linear-gradient(145deg,#2d2d2d,#252525)}.rail-tip>svg{color:#c5b188}.rail-tip h4{font-size:10px;font-weight:500;color:#d7d7d7;line-height:1.7;margin:10px 0 5px}.rail-tip p{font-size:9px;color:#9a9a9a;line-height:1.8;margin:0}.studio-test .sidefoot{top:calc(100vh - 100px);margin:35px 10px 0;font-size:9px;color:#a7a7a7}.studio-test .sidefoot small{display:block;font-size:8px;color:#7d7d7d;margin-top:4px}.studio-test .live-dot{width:5px;height:5px;background:#aeaeae}.studio-test main{padding:24px 34px 16px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#818181;font-size:9px;letter-spacing:.1px}.breadcrumb strong{font-weight:400;color:#b3b3b3}.design-label{margin-left:auto;font-size:8px;letter-spacing:.7px;border:1px solid #444444;border-radius:20px;color:#a8a8a8;padding:4px 8px}.studio-test .mainheading{margin:26px 0 23px;align-items:center}.titleline{display:flex;gap:13px;align-items:center}.studio-test h1{font:600 32px Inter,Arial;letter-spacing:-1.1px;color:#ebebeb}.studio-label{font-size:7px;letter-spacing:1.1px;color:#a8a8a8;padding:5px 6px;border:1px solid #494949;border-radius:4px}.mainheading p{margin:9px 0 0;color:#979797;font-size:11px;letter-spacing:.1px}.projectcontext{color:#bababa;display:flex;align-items:center;gap:7px;background:#262626;border:1px solid #3d3d3d;padding:9px 11px;border-radius:6px;font-size:9px;max-width:38%}.projectcontext>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-dot{width:5px;height:5px;border-radius:50%;background:#afafaf;flex-shrink:0}.studio-test .steps{background:#212121;border:1px solid #393939;border-radius:9px;padding:6px;gap:6px;margin-bottom:28px}.studio-test .steps button{background:none;border-color:transparent;border-radius:6px;font-size:10px;color:#9e9e9e;gap:10px;padding:10px 13px;align-items:center}.studio-test .steps button em{display:flex;align-items:center;justify-content:center;border:1px solid #4e4e4e;border-radius:50%;height:23px;width:23px;flex-shrink:0;color:#a1a1a1;font-size:8px;letter-spacing:.2px}.studio-test .steps button.active{background:#363636;border:1px solid #5d5d5d;color:#eee9da}.studio-test .steps button.active em{background:#d9b68c;border-color:#d9b68c;color:#282828}.studio-test .steps button.active:after{display:none}.studio-test .workspace{grid-template-columns:minmax(370px,1.18fr) minmax(320px,1fr);gap:28px}.editorcolumn{min-width:0}.studio-test #editor>h2{font:600 22px Inter,Arial;letter-spacing:-.65px;margin-bottom:8px}.studio-test .intro{color:#9c9c9c;font-size:10px;line-height:1.8;margin-bottom:21px}.studio-test .bodytabs{gap:3px;padding:4px;background:#212121;border:1px solid #424242;border-radius:7px}.studio-test .bodytabs button{border-color:transparent;background:none;padding:7px 5px;font-size:9px;color:#a6a6a6;border-radius:4px}.studio-test .bodytabs button.active{background:#424242;border-color:#5f5f5f;color:#e1e1e1}.studio-test .searchrow{gap:10px;margin:13px 0}.studio-test .searchrow input{font-size:10px;padding:11px 12px;border-color:#434343;background:#232323}.studio-test .searchrow label{font-size:9px;color:#b7b7b7;background:#292929;border:1px solid #474747;border-radius:6px;padding:0 10px}.studio-test .chips{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:7px;margin:12px 0 13px;scrollbar-width:thin;scrollbar-color:#5c5c5c transparent}.studio-test .chips button{flex-shrink:0;font-size:8px;border:1px solid #474747;background:none;padding:5px 9px;border-radius:20px;color:#a5a5a5}.studio-test .chips button.active{background:#434343;border-color:#6a6a6a;color:#dbdbdb}.studio-test .cards{gap:10px}.studio-test .part{border:1px solid #464646;background:#2b2b2b;border-radius:9px;overflow:hidden;transition:border-color .15s,transform .15s}.studio-test .part:hover{transform:translateY(-2px);border-color:#999999}.studio-test .part.selected{border:1px solid #bc9d73;box-shadow:0 0 0 1px #bc9d7326}.studio-test .part .art{height:124px;background:radial-gradient(ellipse at 50% 75%,#5454543d,transparent 68%),repeating-conic-gradient(#303030 0% 25%,#2c2c2c 0% 50%) 0/20px 20px;padding:5px}.studio-test .part .cardname{font-size:10px;font-weight:500;padding:11px 10px 7px;color:#e3e3e3;letter-spacing:-.1px}.studio-test .check{width:15px;height:15px;border-radius:4px;background:#282828aa;border-color:#626262;right:8px;top:8px;font-size:10px}.studio-test .part.selected .check{background:#d3ad7f;border-color:#d3ad7f;color:#28271f}.studio-test .card-type{padding:0 10px 8px;min-height:27px}.studio-test .part-type{font-size:7px;color:#bcbcbc;border-color:#606060;background:#363636;border-radius:3px;padding:2px 4px;letter-spacing:0}.studio-test .part-type.replacement{color:#dbbf9b;background:#413727;border-color:#74623e}.studio-test .part-type i{font-size:9px}.studio-test .cardbottom{border-top:1px solid #464646;padding:7px 10px;gap:2px;background:#292929}.studio-test .free{font-size:7px;color:#b0b0b0;border:0;background:none;padding:0}.studio-test .free:before{content:'·';margin-right:3px;color:#b2b2b2}.studio-test .source{color:#a0a0a0;font-size:7px;background:none;border:0}.studio-test .pagination{font-size:9px;margin:17px 0;color:#979797}.studio-test .pagination button{background:none;border-color:#454545;color:#bbbbbb;padding:5px 10px}.studio-test .box{background:#262626;border:1px solid #434343;border-radius:9px;padding:18px;box-shadow:none;margin-bottom:16px}.studio-test .box h3{font-size:11px;font-weight:500;color:#dddddd;margin-bottom:13px}.studio-test .adjust{margin-top:21px}.studio-test .adjusthead h3{font-size:12px;color:#e4e4e4}.studio-test .adjusthead .textbutton{font-size:8px;background:none;border:0;color:#999999}.studio-test .adjust-type{margin-bottom:15px}.studio-test .axisrow{grid-template-columns:54px repeat(3,1fr);gap:7px;margin:11px 0}.studio-test .axisrow>span{font-size:9px;color:#a5a5a5}.studio-test .axisrow label{font-size:8px;color:#8e8e8e}.studio-test .axisrow input{padding:7px 6px;background:#242424;border:1px solid #4c4c4c;font-size:9px}.studio-test .sliderrow{font-size:9px;color:#b1b1b1;grid-template-columns:54px 1fr 53px;margin:15px 0 2px}.studio-test .sliderrow input[type=number]{background:#242424;border-color:#4c4c4c;font-size:9px}.studio-test .tabs{padding:4px;background:#212121;border:1px solid #464646;border-radius:8px;gap:4px;margin-bottom:17px}.studio-test .tabs button{border:1px solid transparent;background:none;padding:10px 6px;font-size:10px;color:#aaaaaa}.studio-test .tabs button.active{background:#404040;border-color:#6a6a6a;color:#e9e9e9}.studio-test .previewpanel{background:#282828;border:1px solid #454545;border-radius:12px;top:18px;box-shadow:0 10px 40px #00000016}.studio-test .paneltitle{padding:16px 18px;border-color:#444444;background:#2a2a2a}.preview-heading-wrap{display:flex;gap:9px;align-items:center}.stage-marker{display:block;width:4px;height:14px;border-radius:4px;background:#b8aa76}.studio-test .paneltitle h2{font:500 12px Inter,Arial;letter-spacing:-.1px;color:#e4e4e4}.stage-actions{display:flex;align-items:center;gap:13px}.studio-test .paneltitle small{font-size:8px;color:#a5a5a5}.studio-test .stage-actions button{padding:0;border:0;background:none;width:18px;height:18px;display:flex;color:#adadad}.studio-test .viewport{height:439px;background:radial-gradient(ellipse at 50% 42%,#6c6c6c3b,#38383812 52%,transparent 74%),linear-gradient(160deg,#303030,#272727);isolation:isolate}.stage-orbit{position:absolute;width:86%;height:75%;border:1px solid #83838316;left:7%;top:8%;border-radius:50%;z-index:-1;box-shadow:0 0 0 28px #70707006,0 0 0 59px #70707004;pointer-events:none}.stage-label{position:absolute;left:17px;top:16px;font-size:7px;letter-spacing:1.5px;color:#8b8b8b;pointer-events:none}.studio-test .viewport canvas{position:relative;z-index:0}.studio-test .viewtools{background:#272727ed;border:1px solid #555555;border-radius:8px;padding:4px;gap:2px;bottom:13px;backdrop-filter:blur(8px)}.studio-test .viewtools button{background:none;border-color:transparent;color:#b7b7b7;font-size:8px;padding:7px 9px;display:flex;align-items:center;justify-content:center}.studio-test .viewtools button:hover{background:#464646;border-color:#696969;color:#e6e6e6}.tooldivider{width:1px;background:#555555;margin:5px 3px}.studio-test .viewhint{border-color:#444444;font-size:8px;color:#999999;padding:12px;background:#2a2a2a}.parts-disclosure{border-top:1px solid #454545;padding:0}.parts-disclosure summary{display:flex;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;color:#c2c2c2;font-size:10px;font-weight:500;list-style:none}.parts-disclosure summary::-webkit-details-marker{display:none}#testActiveCount{font-size:8px;font-weight:400;background:#3e3e3e;border:1px solid #575757;color:#b5b5b5;padding:3px 6px;border-radius:4px;margin-left:auto}.disclosure-chevron{color:#a1a1a1;font-size:13px;transition:transform .15s}.parts-disclosure[open] .disclosure-chevron{transform:rotate(180deg)}.studio-test #previewDetails{padding:0 18px 9px}.studio-test #previewDetails h3{display:none}.studio-test .activerow{border:0;border-top:1px solid #464646;border-radius:0;margin:0;padding:9px 0;gap:10px;background:none}.studio-test .activerow:first-of-type{border-top:0}.studio-test .activerow.active{border-color:#464646}.studio-test .activerow img{width:32px;height:32px;background:#383838;border-radius:5px;padding:2px}.studio-test .activepartinfo{gap:5px;padding:0}.studio-test .activepartinfo strong{font-size:9px;font-weight:400;color:#e2e2e2}.studio-test .activepartinfo .part-type{font-size:7px;padding:1px 4px}.studio-test .activerow button{padding:5px;color:#a4a4a4;font-size:11px}.studio-test .previewactions{background:#2c2c2c;border-top:1px solid #494949;padding:13px 16px;gap:8px}.studio-test .previewactions button{font-size:9px;font-weight:500;padding:11px 7px}.studio-test .previewactions button:first-child{background:transparent;border-color:#5d5d5d;color:#c0c0c0}.studio-test .bottomnav{border-color:#3d3d3d;margin-top:27px;padding-top:19px}.studio-test .bottomnav button{font-size:10px;padding:11px 16px}.studio-test .bottomnav>span{font-size:8px;color:#8e8e8e}.studio-footnote{display:flex;justify-content:space-between;font-size:8px;color:#757575;padding:20px 0 0}.studio-footnote i{font-style:normal;margin:0 5px;color:#999999}.studio-test .field>span{font-size:10px;color:#acacac}.studio-test .field input{background:#242424;border-color:#4b4b4b}.studio-test .uploadrow{gap:17px}.studio-test .dropzone{background:#262626;border-color:#6d6d6d;border-radius:8px;padding:20px 12px}.studio-test .dropzone small{color:#9b9b9b;font-size:8px}.studio-test .modelchoice{background:#2c2c2c;border-color:#515151;border-radius:8px;padding:15px 12px}.studio-test .modelchoice.active{background:#3f3f3f;border-color:#909090}.studio-test .modelchoice strong{font-size:10px;line-height:1.5}.studio-test .modelchoice small{font-size:9px;color:#a9a9a9;line-height:1.7}.studio-test .modelchoice svg{opacity:.75;width:30px;height:60px}.studio-test .textureparts{flex-wrap:wrap;gap:7px}.studio-test .textureparts button{flex:1 0 62px;max-width:100px;background:#2c2c2c;border-color:#565656;border-radius:6px;padding:5px}.studio-test .textureparts button.active{border-color:#c0b17c;background:#404040}.studio-test .textureparts img{height:39px}.studio-test .textureparts small{font-size:8px;color:#cdcdcd}.studio-test .texturebody{gap:16px}.studio-test .texturebody h3{font-size:10px}.studio-test .atlaspreview{border-color:#5b5b5b;background:repeating-conic-gradient(#333333 0% 25%,#292929 0% 50%) 0/16px 16px;border-radius:6px}.studio-test .stack button{font-size:9px;padding:9px 7px;background:#303030;border-color:#565656;color:#c5c5c5}.studio-test .colorrow{grid-template-columns:50px 29px 1fr;gap:6px;font-size:9px;color:#bfbfbf}.studio-test .colorrow input[type=color]{width:29px;height:29px;border-color:#5c5c5c;padding:2px;background:#313131}.studio-test .colorrow input[type=text]{font-size:8px;padding:7px;letter-spacing:0;background:#272727;border-color:#545454}.studio-test .swatches{gap:5px}.studio-test .swatches button{border:2px solid #5b5b5b;height:28px}.studio-test .tools button{font-size:8px;padding:10px 4px;background:#333333;border-color:#595959;color:#c4c4c4}.studio-test .tools button.active{background:#4b482c;border-color:#b0a46c;color:#e3d6a6}.studio-test .toolsettings{gap:15px}.studio-test .brushsizes button{font-size:9px;background:#343434;border-color:#636363;color:#cdcdcd}.studio-test .brushsizes button.active{background:#4c492d;border-color:#aca36a}.studio-test .checks label{font-size:9px;color:#b9b9b9}.studio-test .paintbadge{background:#4c4526;border-color:#9a8b51;color:#ead39a;font-size:8px}.studio-test .hint{font-size:9px;color:#a3a3a3}.studio-test .notice,.studio-test .exportinfo{border-color:#6a6a6a;background:#393939;color:#c2c2c2;font-size:9px}.studio-test .summaryitem{border-color:#525252;font-size:10px}.studio-test .summaryitem span{color:#aeaeae}.studio-test .summaryitem strong{font-size:10px;color:#dddddd}.studio-test .exportchoice{background:#363636;border-color:#646464;border-radius:8px;padding:17px 10px}.studio-test .exportchoice.active{background:#474747;border-color:#a89d62;color:#e7ddb4}.studio-test .exportchoice b{font-size:10px}.studio-test .exportchoice small{font-size:8px;color:#afafaf}.studio-test dialog{background:#2b2b2b;border-color:#787878;border-radius:12px;padding:25px}.studio-test dialog::backdrop{background:#141414c9;backdrop-filter:blur(9px)}.studio-test #toast{background:#e3bb85;color:#2d2d2d;border-radius:8px;font-size:11px;box-shadow:0 8px 36px #0005}.studio-test.preview-focused .previewpanel{position:fixed;inset:90px 26px 24px;z-index:40;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #151515db}.studio-test.preview-focused .viewport{height:auto;flex:1}.studio-test.preview-focused .parts-disclosure,.studio-test.preview-focused .previewactions{display:none}.studio-test.preview-focused .paneltitle{flex-shrink:0}.studio-test.preview-focused .viewhint{flex-shrink:0}
@media(min-width:1500px){.studio-test main{padding:28px 42px}.studio-test .workspace{gap:32px}.studio-test .viewport{height:500px}.studio-test .part .art{height:151px}.studio-test .part .cardname{font-size:11px}.studio-test .card-type .part-type{font-size:8px}.studio-test .cardbottom{padding:8px 11px}}
@media(max-width:1200px){.studio-test .shell{grid-template-columns:195px minmax(0,1fr)}.studio-test header{gap:34px;padding:0 23px}.studio-test .brand{min-width:150px;font-size:21px}.studio-test aside{padding:27px 12px}.studio-test main{padding:22px}.studio-test .workspace{grid-template-columns:minmax(330px,1.15fr) minmax(285px,1fr);gap:20px}.studio-test .viewport{height:400px}.studio-test .part .art{height:108px}.studio-test .generator{padding:11px 8px;gap:8px}.studio-test .generator>span{font-size:10px}.studio-test .generator.selected small{font-size:8px}.studio-test .bodytabs button{font-size:8px}.studio-test .box{padding:15px}.studio-test .card-type{padding-left:8px;padding-right:6px}.studio-test .card-type .part-type{font-size:6px}.studio-test .part .cardname{font-size:9px;padding-left:8px}.studio-test .cardbottom{padding-left:8px;padding-right:8px}}
@media(max-width:1000px){.studio-test .shell{grid-template-columns:1fr}.studio-test aside{display:none}.studio-test main{padding:24px 27px}.studio-test header{gap:38px}.studio-test .brand{min-width:auto}.studio-test .workspace{grid-template-columns:minmax(330px,1.15fr) minmax(295px,1fr)}.studio-test .viewport{height:430px}.studio-test .projectcontext{font-size:9px}}
@media(max-width:700px){.studio-test header{height:65px;padding:0 17px;gap:23px;justify-content:space-between}.studio-test .brand{font-size:20px;gap:7px}.brandcube{width:22px;height:25px}.studio-test header nav{gap:17px}.studio-test header nav a,.studio-test header nav button{font-size:10px;padding:0}.studio-test .save-top{display:none}.studio-test main{padding:19px 16px 12px}.breadcrumb{font-size:8px;gap:7px}.design-label{font-size:7px;padding:4px 7px}.studio-test .mainheading{margin:24px 0 21px;display:block}.studio-test h1{font-size:31px;letter-spacing:-1.3px}.titleline{gap:11px}.studio-label{font-size:6px;padding:4px 5px}.mainheading p{font-size:10px;margin-top:8px}.projectcontext{display:none}.studio-test .steps{position:static;gap:3px;margin-bottom:22px;padding:5px;z-index:auto}.studio-test .steps button{padding:9px 3px;font-size:9px;flex-direction:column;gap:7px;text-align:center;border-radius:5px}.studio-test .steps button em{height:20px;width:20px;font-size:7px}.studio-test .workspace{display:flex;gap:24px;flex-direction:column}.studio-test .editorcolumn{width:100%}.studio-test .previewpanel{width:100%;position:static;order:-1;border-radius:10px}.studio-test .paneltitle{padding:12px 15px}.studio-test .paneltitle h2{font-size:11px}.studio-test .viewport{height:295px}.studio-test .stage-label{top:13px;left:15px;font-size:6px}.studio-test .viewhint{font-size:7px;padding:10px 6px}.studio-test .viewtools{bottom:10px}.studio-test .viewtools button{font-size:8px;padding:6px 9px}.studio-test .parts-disclosure summary{padding:12px 15px;font-size:9px}.studio-test #testActiveCount{font-size:7px;padding:2px 5px}.studio-test #previewDetails{display:block;padding:0 15px 5px}.studio-test .previewactions{display:none}.studio-test #editor>h2{font-size:23px}.studio-test .intro{font-size:10px;margin-bottom:18px}.studio-test .bodytabs button{font-size:8px;padding:8px 2px}.studio-test .searchrow input{font-size:10px}.studio-test .searchrow label{font-size:8px;padding:0 8px}.studio-test .chips{gap:6px;margin-top:13px;margin-bottom:14px}.studio-test .chips button{font-size:8px;padding:6px 9px}.studio-test .cards{gap:8px}.studio-test .part .art{height:116px;padding:3px}.studio-test .part .cardname{font-size:9px;padding:10px 8px 7px;min-height:29px}.studio-test .card-type{padding:0 7px 8px;min-height:27px}.studio-test .card-type .part-type{font-size:6px;gap:2px;padding:2px 3px;letter-spacing:-.1px}.studio-test .card-type .part-type i{font-size:8px}.studio-test .cardbottom{padding:7px}.studio-test .source,.studio-test .free{font-size:6px}.studio-test .check{width:14px;height:14px;font-size:9px;top:7px;right:7px}.studio-test .box{border-radius:8px;padding:16px}.studio-test .pagination{font-size:8px;margin:17px 0 22px}.studio-test .adjust{margin-top:15px}.studio-test .adjusthead h3{font-size:12px}.studio-test .bottomnav{position:sticky;bottom:0;background:#1d1d1df5;border-top:1px solid #474747;backdrop-filter:blur(12px);padding:12px 0;z-index:15;margin-top:23px;gap:9px}.studio-test .bottomnav button{font-size:10px;padding:12px 10px}.studio-test .studio-footnote{font-size:7px;gap:10px;padding:12px 0 4px;line-height:1.7}.studio-test .studio-footnote>span:first-child{max-width:49%}.studio-test .textureparts button{flex:1 0 52px;max-width:85px}.studio-test .textureparts small{font-size:7px}.studio-test .textureparts img{height:36px}.studio-test .toolsettings{gap:12px}.studio-test .tools{gap:4px}.studio-test .tools button{font-size:7px;padding:10px 3px}.studio-test .brushsizes{gap:5px}.studio-test .brushsizes button{font-size:8px;padding:10px 3px}.studio-test .checks label{font-size:8px}.studio-test .texturebody{gap:12px}.studio-test .colorrow{grid-template-columns:41px 26px 1fr;gap:5px;font-size:8px}.studio-test .colorrow input[type=color]{width:26px;height:28px}.studio-test .colorrow input[type=text]{font-size:7px;padding:6px}.studio-test .stack button{font-size:8px}.studio-test .exportchoice{padding:14px 9px}.studio-test .exportchoice b{font-size:9px}.studio-test .exportchoice small{font-size:7px}.studio-test.preview-focused .previewpanel{inset:75px 12px 15px}.studio-test.preview-focused .viewport{height:auto;flex:1}}
@media(max-width:370px){.studio-test header{gap:12px;padding:0 12px}.studio-test header nav{gap:12px}.studio-test .brand{font-size:18px}.brandcube{width:19px}.studio-test main{padding:17px 12px}.studio-test .cards{gap:6px}.studio-test .part .art{height:94px}.studio-test .part .cardname{font-size:8px}.studio-test .card-type .part-type{font-size:5.5px}.studio-test .viewport{height:270px}}
/* Keep utility copy readable; restrained surfaces leave the model as the visual focus. */
.studio-test .part{background:#2b2b2b;border-color:#484848}.studio-test .part .cardname{font-size:12px;padding-top:12px;padding-bottom:9px}.studio-test .card-type .part-type{font-size:9px;padding:3px 5px}.studio-test .card-type{min-height:31px}.studio-test .free,.studio-test .source{font-size:9px}.studio-test .bodytabs button{font-size:10px}.studio-test .chips button{font-size:10px}.studio-test .searchrow input{font-size:12px}.studio-test .searchrow label{font-size:10px}.studio-test .activepartinfo strong{font-size:11px}.studio-test .activepartinfo .part-type{font-size:8px}.studio-test .paneltitle h2{font-size:13px}.studio-test .parts-disclosure summary{font-size:12px}.studio-test .intro{font-size:12px}.studio-test .box h3{font-size:12px}.studio-test .axisrow>span,.studio-test .sliderrow{font-size:11px}.studio-test .axisrow label,.studio-test .axisrow input{font-size:10px}.studio-test .field>span{font-size:11px}.studio-test .tabs button{font-size:11px}.studio-test .textureparts small{font-size:9px}.studio-test .colorrow{font-size:10px}.studio-test .colorrow input[type=text]{font-size:10px}.studio-test .tools button{font-size:10px}.studio-test .brushsizes button{font-size:11px}.studio-test .checks label{font-size:10px}.studio-test .stack button{font-size:11px}.studio-test .hint{font-size:10px}.studio-test .previewactions button{font-size:11px}.studio-test .bottomnav button{font-size:12px}.studio-test .viewtools button{font-size:10px}.studio-test .steps button{font-size:11px}.studio-test .steps button.complete em{background:#484848;border-color:#737373;color:#dcdcdc}.studio-test .exportinfo{font-size:11px}.studio-test .summaryitem,.studio-test .summaryitem strong{font-size:12px}.studio-test .exportchoice b{font-size:12px}.studio-test .exportchoice small{font-size:10px}.studio-test .projectcontext{font-size:10px}.studio-test .breadcrumb{font-size:10px}.studio-test header nav a.test-nav{padding:0 2px;font-size:12px}.studio-test .textureoverview button{font-size:11px}.studio-test .activerow .activepartinfo{gap:5px}.studio-test .box{background:#2a2a2a;border-color:#454545}
@media(max-width:1200px){.studio-test .part .cardname{font-size:11px}.studio-test .card-type .part-type{font-size:8px}.studio-test .free,.studio-test .source{font-size:8px}.studio-test .bodytabs button{font-size:9px}}
@media(max-width:700px){.studio-test header nav a.test-nav{font-size:10px;padding:0}.studio-test .part .cardname{font-size:10px;line-height:1.45}.studio-test .card-type .part-type{font-size:7px;line-height:1.5;padding:2px 3px}.studio-test .free,.studio-test .source{font-size:8px}.studio-test .bodytabs button{font-size:9px}.studio-test .chips button{font-size:10px}.studio-test .intro{font-size:11px}.studio-test .searchrow input{font-size:11px}.studio-test .searchrow label{font-size:10px}.studio-test .steps button{font-size:10px}.studio-test .viewtools button{font-size:10px}.studio-test .viewhint{font-size:8px}.studio-test .tools button{font-size:8px}.studio-test .brushsizes button{font-size:10px}.studio-test .checks label{font-size:9px}.studio-test .stack button{font-size:9px}.studio-test .colorrow{font-size:9px}.studio-test .colorrow input[type=text]{font-size:8px}.studio-test .box h3{font-size:12px}.studio-test .activepartinfo strong{font-size:11px}.studio-test .activepartinfo .part-type{font-size:8px}.studio-test .textureparts small{font-size:8px}.studio-test .exportchoice b{font-size:11px}.studio-test .exportchoice small{font-size:9px}.studio-test .summaryitem,.studio-test .summaryitem strong{font-size:11px}}
.studio-test .chips{scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 15px),transparent)}.studio-test .chips::-webkit-scrollbar{display:none}.studio-test .previewactions{display:none}.studio-test .bottomnav{position:sticky;bottom:0;z-index:15;background:#1d1d1df5;backdrop-filter:blur(12px);padding:14px 0;margin-top:25px}.studio-test.preview-focused .paneltitle{background:#2b2b2b}

/* Neutral graphite surfaces, with copper/orange reserved for interaction. */
.studio-test{--bg:#1b1b1b;--panel:#252525;--line:#3b3b3b;--orange:#ed994f;--gold:#ffba81;--text:#ededeb;--muted:#a5a5a5;background:#1b1b1b}
.studio-test button.active,.studio-test button.selected{background:#3c3026;border-color:#a46c40;color:#f2bb8c}
.studio-test .primary{background:#ed994f;border-color:#ed994f;color:#241b14}.studio-test .primary:hover{background:#ffb16c;border-color:#ffb16c}
.studio-test .steps button.active{background:#3b3027;border-color:#8b603d;color:#f0d6c0}.studio-test .steps button.active em{background:#ed994f;border-color:#ed994f;color:#241b14}.studio-test .steps button.complete em{background:#333;border-color:#5b5b5b;color:#ccc}
.studio-test .bodytabs button.active,.studio-test .tabs button.active,.studio-test .chips button.active{background:#3b3027;border-color:#8b603d;color:#f2bb8c}
.studio-test .part.selected{border-color:#bd804e;box-shadow:0 0 0 1px #bd804e25}.studio-test .part.selected .check{background:#ed994f;border-color:#ed994f;color:#241b14}
.studio-test .viewport{background:radial-gradient(ellipse at 50% 42%,#47474755,transparent 72%),linear-gradient(160deg,#2c2c2c,#232323)}
.studio-test .part .art{background:radial-gradient(ellipse at 50% 75%,#50505035,transparent 68%),repeating-conic-gradient(#2e2e2e 0% 25%,#292929 0% 50%) 0/20px 20px}
.studio-test .part-type.addon{background:#303030;border-color:#505050;color:#c6c6c6}.studio-test .part-type.replacement{background:#3c3025;border-color:#8b603d;color:#e9ba91}
.studio-test .searchrow label{background:#2b2b2b;border-color:#454545;color:#c5c5c5}.studio-test .live-dot,.studio-test .context-dot{background:#c8a17d}
.studio-test .tools button.active,.studio-test .brushsizes button.active,.studio-test .modelchoice.active,.studio-test .exportchoice.active,.studio-test .textureparts button.active{background:#3b3027;border-color:#9d6e48;color:#efc5a0}
.studio-test .steps{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-test .placement-parts button.active{background:#3b3027;border-color:#9d6e48;color:#efc5a0}@media(max-width:700px){.studio-test .steps button{font-size:9px;gap:5px;padding:9px 3px}.studio-test .steps button em{margin:0}}