:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e2635;background:#fff}*{box-sizing:border-box}body{margin:0;background:white}button,input,select{font:inherit}button{cursor:pointer}.mtool{overflow:clip;background:white;padding:0 16px 64px}.mtool [hidden]{display:none!important}.hero{text-align:center;max-width:920px;margin:50px auto 29px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#6746d4}.hero h1{font-size:clamp(34px,3.8vw,49px);line-height:1.13;letter-spacing:-1.4px;margin:12px auto 14px;color:#1c2030;max-width:860px;font-weight:800}.subtitle{font-size:17px;line-height:1.55;color:#687084;margin:0 auto;max-width:700px}.tool-shell,.workspace{margin:0 auto;width:min(1200px,100%);border:1px solid #e7e4ef;background:white;border-radius:19px;box-shadow:0 10px 35px rgba(41,33,81,.055);padding:23px}.upload-zone{display:block;border:2px dashed #d0c8ef;border-radius:15px;padding:54px 20px 47px;text-align:center;position:relative;background:#fbfaff;cursor:pointer;transition:border-color .18s,background .18s}.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.drag-over{border-color:#6f4be8;background:#f5f0ff;outline:none}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-symbol{width:62px;height:62px;background:#eee9ff;border-radius:18px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#6f4be8}.upload-symbol svg{width:29px;height:29px}.upload-zone h2{font-size:25px;margin:0 0 10px;font-weight:800;letter-spacing:-.6px}.upload-zone p{color:#697188;font-size:16px;margin:0 0 24px}.primary{background:#6f4be8;color:#fff;border:1px solid #6545d6;border-radius:10px;font-weight:700;padding:13px 23px;display:inline-flex;justify-content:center;align-items:center;min-height:50px;font-size:16px;box-shadow:0 6px 15px rgba(111,75,232,.16)}.primary:hover{background:#5d35cc}.pick-label{pointer-events:none}.upload-limits{font-size:13px;color:#82899a;margin-top:24px}.workspace{max-width:1320px}.work-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebedf2;padding:0 4px 17px;margin-bottom:20px;gap:12px}.file-name{font-weight:750;font-size:16px;overflow-wrap:anywhere}.file-meta{font-size:13px;color:#7d8391;margin-top:4px}.subtle-btn{background:#f5f2ff;color:#6542d0;border:1px solid #e5dcff;padding:10px 15px;border-radius:8px;font-weight:650}.workspace-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:23px}.preview-panel,.controls-panel{background:#fff;border:1px solid #e9e6f1;border-radius:13px;padding:22px}.panel-head{display:flex;justify-content:space-between;gap:10px;font-size:15px;align-items:center}.panel-head span{font-size:13px;color:#83889b}.preview-area{background:linear-gradient(140deg,#f8f5ff,#eff3fc);border-radius:13px;margin-top:16px;min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px;gap:14px;background-image:linear-gradient(45deg,#f6f6fa 25%,transparent 25%),linear-gradient(-45deg,#f6f6fa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f6f6fa 75%),linear-gradient(-45deg,transparent 75%,#f6f6fa 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}#previewCanvas{width:260px;height:260px;max-width:100%;border-radius:50%;background:linear-gradient(135deg,#4f3e91,#6f4be8);border:6px solid #fff;box-shadow:0 10px 35px rgba(25,15,73,.15)}.side-avatar{font-size:12px;color:#697086;display:flex;align-items:center;gap:8px}.side-avatar:before{content:"";width:14px;height:14px;border-radius:50%;background:#6f4be8}.preview-hint{font-size:13px;color:#8790a0;margin-top:15px}.controls-panel h2{font-size:21px;margin:0 0 21px;letter-spacing:-.35px}.controls-panel label{font-size:14px;font-weight:700;color:#32394b;display:block;margin-bottom:9px}.controls-panel select{width:100%;background:white;border:1px solid #dce0e8;border-radius:9px;height:48px;padding:0 12px;font-size:15px;color:#293142;margin-bottom:19px}.slider-head{display:flex;justify-content:space-between;margin-bottom:7px}.slider-head span{font-size:14px;font-weight:700;color:#6f4be8}input[type=range]{width:100%;margin:0 0 23px;accent-color:#6f4be8}.control-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{background:#f4f0ff;border:1px solid #e6dcff;border-radius:10px;padding:13px 14px;margin:0 0 19px;display:grid;gap:6px;color:#4d376c;font-size:13px;line-height:1.5}.notice strong{font-size:14px}.action{width:100%}.text-btn{display:block;margin:14px auto 0;border:0;background:transparent;color:#6f4be8;font-weight:700;font-size:14px;padding:8px}.receipt{display:grid;gap:5px;padding:13px 14px;background:#f1f9f5;border:1px solid #d6eee1;border-radius:10px;margin-top:10px;color:#20543e;font-size:14px}.receipt span{font-size:13px}.progress-line{height:8px;border-radius:10px;background:#eee9ff;margin:0 0 13px;overflow:hidden}.progress-line span{width:0%;height:100%;display:block;background:#6f4be8;transition:width .14s}.tool-error{color:#9b232d;background:#fff0f0;border:1px solid #ffd0d0;padding:15px;border-radius:10px;margin:14px auto;max-width:1200px;font-size:15px}.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:11px 27px;margin:20px auto 35px;font-size:14px;color:#767d8e;font-weight:600}.trust span{white-space:nowrap}.seo-content{width:min(980px,100%);margin:0 auto;padding:41px 0 7px}.section-label{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;background:#f2edff;color:#6542d0;padding:7px 11px;border-radius:20px}.seo-content>h2{font-size:29px;letter-spacing:-.7px;margin:12px 0 13px;line-height:1.2;color:#26184b}.section-underline{width:58px;height:4px;border-radius:99px;background:linear-gradient(90deg,#5d35cc,#a48bff);margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{padding:22px 20px 20px;background:#f8f6ff;border:1px solid #e7dfff;border-radius:15px;transition:transform .2s,border-color .2s,box-shadow .2s}.steps article:hover,.feature-grid article:hover,.related-grid>a:hover{transform:translateY(-3px);border-color:#c2b1fa;box-shadow:0 9px 22px rgba(80,51,153,.1)}.step-number{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#6744db,#9976f4);color:white;font-size:17px;font-weight:800;margin-bottom:20px}.seo-content h3{font-size:17px;margin:0 0 9px;color:#34205b}.seo-content p{font-size:15px;line-height:1.68;color:#655e78;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{background:linear-gradient(135deg,#f9f7ff,#f2efff);border:1px solid #e8e1ff;border-radius:15px;padding:24px 21px;min-height:132px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-grid article:after{content:"";position:absolute;width:75px;height:75px;background:#e6ddff88;border-radius:50%;top:-42px;right:-34px}.guide-box{border:1px solid #e8e0ff;border-left:4px solid #865dea;background:#faf8ff;border-radius:14px;padding:22px 24px}.guide-box p+p{margin-top:14px}.guide-box a,.faq p a{color:#6745d0;text-decoration:underline;text-underline-offset:2px}.faq-list{display:grid;gap:10px}.faq details{border:1px solid #e7e1fa;border-radius:13px;overflow:hidden;transition:background .2s}.faq details:hover{background:#fbfaff}.faq details[open]{background:#f7f3ff;box-shadow:inset 4px 0 #815ff0}.faq summary{cursor:pointer;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:#38255e;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 20px 20px}.faq-icon:after{content:'+';font-size:23px;font-weight:500;color:#7858c8}.faq details[open] .faq-icon:after{content:'−'}.related{padding-bottom:62px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-grid>a{display:block;text-decoration:none!important;background:#faf8ff;border:1px solid #e6deff;border-radius:14px;padding:19px;min-height:110px;transition:transform .2s,border-color .2s,box-shadow .2s}.related-grid strong{display:block;color:#372063;font-size:15px;margin-bottom:10px}.related-grid span{font-size:13px;color:#736c8b;display:flex;justify-content:space-between;gap:6px}.related-grid i{color:#6f4be8;font-size:17px;font-style:normal}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:780px){.steps,.feature-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.preview-area{min-height:320px}}@media(max-width:620px){.mtool{padding:0 14px 36px}.hero{margin:30px auto 22px}.hero h1{font-size:clamp(32px,9.5vw,43px);line-height:1.08;letter-spacing:-1.2px;max-width:345px}.subtitle{font-size:15px;line-height:1.62}.tool-shell,.workspace{padding:12px;border-radius:15px}.upload-zone{display:block;padding:38px 16px 33px}.upload-zone h2{font-size:22px}.upload-zone p{font-size:15px;line-height:1.5}.upload-limits{line-height:1.5}.workspace{padding:15px}.work-top{align-items:flex-start}.file-name{font-size:14px}.subtle-btn{font-size:13px;white-space:nowrap;padding:9px}.preview-panel,.controls-panel{padding:15px}.preview-area{min-height:284px;padding:15px}#previewCanvas{width:215px;height:215px}.control-2col{gap:10px}.trust{justify-content:center;margin-top:17px;margin-bottom:20px;font-size:12px;gap:8px 14px}.seo-content{padding:33px 0 4px}.seo-content>h2{font-size:26px}.steps,.feature-grid,.related-grid{grid-template-columns:1fr;gap:11px}.steps article,.feature-grid article{min-height:unset;padding:19px}.feature-grid article{padding:20px}.related-grid>a{min-height:90px}.guide-box{padding:18px}.faq summary{padding:15px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.steps article,.feature-grid article,.related-grid>a{transition:none}}

/* Approved Motricialy 1.0.11 card-interaction tokens */
.steps article:hover,.feature-grid article:hover{border-color:#d5c8ef;box-shadow:0 9px 22px rgba(80,51,153,.1)}
.feature-grid article::after{transition:transform .18s,background .18s}
.feature-grid article:hover::after{transform:scale(1.14);background:#e5dcff}
.faq details:hover{background:#faf8ff}
.faq details[open]{background:#f8f5ff;box-shadow:inset 4px 0 0 #815ff0}
.related-grid>a{position:relative;overflow:hidden}
.related-grid>a::before{content:'';position:absolute;left:0;top:15px;bottom:15px;width:0;background:#815ff0;transition:width .18s}
.related-grid>a:hover{transform:translateY(-2px);border-color:#e5ddfb}
.related-grid>a:hover::before{width:5px}
.related-arrow{transition:transform .18s}
.related-grid>a:hover .related-arrow{transform:translateX(2px)}
.upload-zone:focus-visible,.related-grid>a:focus-visible,.faq summary:focus-visible,.subtle-btn:focus-visible,.action:focus-visible,.text-btn:focus-visible{outline:3px solid rgba(129,95,240,.24);outline-offset:2px}
@media(max-width:620px){.steps article:hover,.feature-grid article:hover,.related-grid>a:hover{transform:none}}

/* v1.2.0 - template-first icon and banner studio */
.mtool{padding:0 16px 60px;color:#242435}
.hero{max-width:950px;margin:45px auto 26px}.hero h1{max-width:940px;font-size:clamp(34px,4.3vw,54px);line-height:1.10;letter-spacing:-1.8px}.subtitle{max-width:770px}.subtitle strong{color:#454055;font-weight:700}
.hero-pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:19px auto 0}.hero-pills span{font-size:12px;color:#675780;border-radius:40px;background:#f6f3fd;padding:7px 12px;font-weight:700}
.studio{width:min(1440px,100%);margin:auto;border:1px solid #e4e0eb;border-radius:22px;background:#fff;box-shadow:0 14px 48px rgba(52,33,103,.09);padding:24px}
.studio-intro{display:flex;align-items:end;justify-content:space-between;gap:18px}.studio-intro h2,.panel-title h2,.preview-top h2{font-size:22px;letter-spacing:-.65px;margin:3px 0 0;color:#25203a}.step-label{letter-spacing:.105em;text-transform:uppercase;color:#7451df;font-weight:800;font-size:11px}.studio-intro p{font-size:13px;color:#777487;line-height:1.5;margin:0 0 3px;max-width:360px;text-align:right}
.format-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0 23px}.format-btn{display:flex;gap:13px;align-items:center;min-width:0;padding:15px 17px;text-align:left;background:#faf9fd;border:1px solid #e6e2ee;border-radius:14px;transition:border-color .15s,background .15s;position:relative}.format-btn:hover{border-color:#b8a8f1}.format-btn.selected{background:#f7f3ff;border-color:#6f4be8;box-shadow:0 0 0 1px #6f4be8}.format-btn.selected:after{content:'✓';position:absolute;top:9px;right:11px;color:#6340d1;font-weight:800}.format-btn strong,.format-btn small{display:block}.format-btn strong{color:#302746;font-size:15px;line-height:1.2}.format-btn small{color:#797389;font-size:12px;margin-top:5px}.format-art{flex:0 0 39px;height:39px;display:flex;align-items:center;justify-content:center;color:#8664de;background:#ede9f8;border-radius:10px;font-size:22px}.format-art.wide{border-radius:7px;height:25px;margin:7px 0}.format-art.server{border-radius:7px;height:30px;margin:4px 0}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:23px;align-items:start}.template-panel,.custom-panel{min-width:0}.template-panel{border:1px solid #ece8f1;background:#fcfbfe;border-radius:16px;padding:19px}.panel-title{display:flex;align-items:end;gap:10px;justify-content:space-between}.small-counter{font-size:12px;font-weight:750;color:#685388;background:#eee9fa;border-radius:20px;padding:5px 9px;white-space:nowrap}.support-copy{margin:9px 0 16px!important}.muted{color:#7a7488;font-size:13px;line-height:1.55}
.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scene-card{min-width:0;display:flex;flex-direction:column;padding:0;background:white;border:1px solid #e7e3ed;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px rgba(20,15,46,.04);transition:transform .15s,border-color .15s,box-shadow .15s;text-align:left}.scene-card:hover{transform:translateY(-2px);border-color:#b9a9ea;box-shadow:0 9px 21px rgba(46,32,93,.1)}.scene-card.selected{border:2px solid #6f4be8;box-shadow:0 0 0 2px #ede5ff}.scene-card canvas{display:block;width:100%;height:auto;aspect-ratio:var(--thumb-ratio,1);object-fit:cover;background:#16152b}.scene-label{display:block;padding:10px 10px 12px;min-width:0}.scene-label strong,.scene-label small{display:block;overflow:hidden;text-overflow:ellipsis}.scene-label strong{font-size:14px;line-height:1.2;color:#2f2940;white-space:nowrap}.scene-label small{font-size:12px;color:#8c8499;margin-top:3px;white-space:nowrap}.scene-card.selected .scene-label strong{color:#6741da}
.legacy-details{margin-top:19px;border:1px solid #e7e1ee;background:white;border-radius:12px;padding:12px}.legacy-details summary{font-size:13px;font-weight:800;cursor:pointer;color:#65507e;display:flex;justify-content:space-between;gap:10px;line-height:1.5;list-style:none}.legacy-details summary::-webkit-details-marker{display:none}.legacy-details p{font-size:12px;line-height:1.5;color:#888093;margin:10px 0}.legacy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.legacy-card{padding:5px;background:white;border:1px solid #e4dfed;border-radius:7px;font-size:10px;color:#625675}.legacy-card canvas{width:100%;display:block;border-radius:4px}.legacy-card.selected{border-color:#6f4be8;background:#f8f4ff}
.custom-panel{border:1px solid #ece8f1;background:#fff;border-radius:16px;overflow:hidden}.preview-panel{border:0;border-bottom:1px solid #e9e6ee;border-radius:0;padding:20px 20px 17px;position:static}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-top h2{font-size:18px}.dimensions{font-size:12px;color:#8d879c;white-space:nowrap}.preview-frame{background:radial-gradient(circle at 50% 50%,#38314e,#151525 70%);border-radius:14px;min-height:320px;padding:22px;display:flex;align-items:center;justify-content:center;margin-top:13px;overflow:hidden}.preview-frame[data-format="profile"]{min-height:245px}.preview-frame[data-format="server"]{min-height:320px}.preview-canvas{display:block;box-shadow:0 9px 32px #0008;max-width:100%}.preview-canvas.icon{width:275px;height:auto;aspect-ratio:1;border-radius:50%}.preview-canvas.profile,.preview-canvas.server{width:100%;height:auto;border-radius:7px}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;font-size:12px;color:#898295}.check-line{display:flex!important;align-items:center;gap:9px;font-size:13px!important;color:#635c72!important;cursor:pointer;margin:0!important}.check-line input{position:absolute;opacity:0;width:18px;height:18px;margin:0}.check-visual{width:18px;height:18px;border:1.6px solid #b3a8cf;background:white;border-radius:4px;display:inline-grid;place-items:center;flex:none;transition:background .12s,border-color .12s}.check-line input:checked + .check-visual{background:#6f4be8;border-color:#6f4be8}.check-line input:checked + .check-visual:after{content:'✓';color:white;font-size:13px;line-height:1;font-weight:900}.check-line input:focus-visible + .check-visual{outline:3px solid #d3c4f9;outline-offset:2px}.check-strong{font-weight:750!important;color:#362a50!important}
.discord-mockup{margin:12px 0 0;border:1px solid #2e3140;background:#252632;border-radius:10px;padding:0;overflow:hidden}.mock-bar{height:25px;background:#1b1c26;display:flex;gap:5px;align-items:center;padding:0 10px}.mock-bar i{width:7px;height:7px;border-radius:50%;background:#73788b}.mock-content{display:flex;align-items:center;gap:13px;padding:13px}.mock-circle{width:54px;height:54px;background:linear-gradient(140deg,#9c6aff,#2d1a55);border-radius:50%;box-shadow:0 0 0 2px #353545}.mock-lines{flex:1}.mock-lines b{display:block;background:#585766;border-radius:8px;height:7px;width:72%;margin-bottom:7px}.mock-lines b:nth-child(2){width:90%}.mock-lines b:nth-child(3){width:43%}.discord-mockup small{display:block;padding:0 13px 11px;font-size:11px;color:#9693aa}.discord-mockup[data-format="profile"] .mock-circle,.discord-mockup[data-format="server"] .mock-circle{border-radius:7px;width:82px;height:45px}
.customize{padding:21px}.customize>.panel-title{margin-bottom:17px}.form-row{margin-bottom:16px;min-width:0}.form-row>label,.slider-heading label{font-size:13px;color:#3f3b4c;display:block;font-weight:750;margin-bottom:8px}.optional{color:#9c95aa;font-weight:500;font-size:11px;margin-left:4px}.form-row input[type=text],.form-row select{height:44px;width:100%;border-radius:9px;border:1px solid #dcd9e4;color:#312d3c;background:white;padding:0 12px;font-size:15px;outline:none}.form-row input[type=text]:focus,.form-row select:focus{border-color:#8664de;box-shadow:0 0 0 3px #eee9ff}.form-row select{margin-bottom:0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-field{display:flex;align-items:center;gap:9px;border:1px solid #e2deea;padding:7px 9px;border-radius:9px;min-height:44px;color:#81788c;font-size:12px}.color-field input{width:34px;height:28px;border:0;padding:0;cursor:pointer;background:transparent;flex:none}.art-upload{cursor:pointer;display:flex!important;align-items:center;gap:11px;border:1.5px dashed #c9bde8;background:#fbfaff;border-radius:9px;padding:13px 12px;transition:background .15s;outline:none}.art-upload:hover,.art-upload:focus-visible,.art-upload.drag-over{background:#f5f0ff;border-color:#7956e3}.art-upload input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.art-upload-icon{border-radius:9px;width:37px;height:37px;background:#ebe5fc;color:#6f4be8;display:grid;place-items:center;font-size:21px;font-weight:800;flex:none}.art-upload strong,.art-upload small{display:block}.art-upload strong{font-size:13px;color:#65508a}.art-upload small{font-size:11px;font-weight:450;color:#9a92a5;margin-top:4px;line-height:1.4}.art-loaded{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0 0;font-size:12px;color:#5f5278}.art-loaded span{overflow-wrap:anywhere}.remove-btn{border:none;color:#8a638b;background:transparent;font-size:12px;font-weight:700}.mini-note{color:#9a91a5;font-size:12px;margin:7px 0 0!important;line-height:1.5}.settings-divider{border-top:1px solid #eeecf3;margin:15px 0}.slider-heading{display:flex;justify-content:space-between;align-items:center}.slider-heading strong{color:#714bdd;font-size:13px}input[type=range]{accent-color:#704bd7;cursor:pointer;width:100%;margin:6px 0 18px}.perk-note{background:#f8f6fd;border:1px solid #e8e1f6;color:#665878;font-size:12px;line-height:1.55;padding:12px;border-radius:9px;margin-bottom:16px}.action{width:100%;display:flex;justify-content:center;align-items:center;gap:12px}.privacy-note{text-align:center;color:#978fa3;font-size:11px;margin:12px auto 0;line-height:1.5}.receipt{display:grid;gap:4px;margin-top:12px}.receipt small{font-size:11px;color:#799083}.tool-error{width:100%;margin:6px 0 13px;font-size:13px;line-height:1.45}.progress-line{background:#e7e1f8;border-radius:10px;height:8px;margin:0 0 12px;overflow:hidden}.progress-line span{background:#6f4be8;display:block;height:100%;width:0;transition:width .12s}.trust{margin-top:21px}
.format-btn:focus-visible,.scene-card:focus-visible,.legacy-card:focus-visible,.remove-btn:focus-visible,.primary:focus-visible{outline:3px solid #d6cafa;outline-offset:3px}
@media(max-width:1100px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}.format-btn{padding:12px;gap:9px}.format-art{width:34px;flex-basis:34px}}
@media(max-width:780px){.studio-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-frame{min-height:340px}.studio-intro{display:block}.studio-intro p{text-align:left;margin-top:7px;max-width:none}.format-btn{padding:12px}.hero{margin-top:30px}}
@media(max-width:620px){.mtool{padding:0 12px 38px}.hero h1{font-size:clamp(33px,8vw,43px);max-width:100%}.subtitle{font-size:15px}.hero-pills{gap:6px}.hero-pills span{font-size:11px}.studio{border-radius:15px;padding:13px}.studio-intro h2{font-size:20px}.format-tabs{gap:6px;margin-bottom:14px}.format-btn{padding:12px 6px;display:block;text-align:center;min-height:93px}.format-art{margin:0 auto 8px!important}.format-btn strong{font-size:12px}.format-btn small{font-size:10px}.format-btn.selected:after{top:3px;right:5px}.template-panel{padding:13px}.scene-grid{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 13px;scroll-snap-type:x mandatory;scrollbar-width:thin}.scene-card{flex:0 0 183px;scroll-snap-align:start}.scene-label strong{font-size:13px}.scene-label small{font-size:11px}.panel-title h2{font-size:19px}.small-counter{font-size:10px}.customize,.preview-panel{padding:16px}.preview-frame{min-height:260px;padding:13px}.preview-frame[data-format="profile"]{min-height:190px}.preview-frame[data-format="server"]{min-height:240px}.preview-canvas.icon{width:min(100%,230px)}.preview-footer{font-size:11px}.legacy-grid{grid-template-columns:repeat(4,1fr)}.two-col{gap:9px}.color-field{padding:6px}.color-field span{font-size:11px}.seo-content{padding-top:30px}.trust{gap:9px;font-size:11px}}
@media(max-width:355px){.format-btn strong{font-size:11px}.format-btn small{font-size:9px}.scene-card{flex-basis:165px}.preview-top{display:block}.dimensions{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.scene-card,.format-btn{transition:none}.scene-card:hover{transform:none}}
/* Explicitly override the v1.1 #previewCanvas icon-only rule for wide banners. */
#previewCanvas.preview-canvas{display:block;border:0;background:transparent;box-shadow:0 9px 32px rgba(0,0,0,.45);max-width:100%;height:auto;border-radius:6px}
#previewCanvas.preview-canvas.icon{width:275px;aspect-ratio:1;border-radius:50%}
#previewCanvas.preview-canvas.profile,#previewCanvas.preview-canvas.server{width:100%;aspect-ratio:auto;border-radius:6px}
.selected-copy{display:inline-block;margin-left:8px;color:#78639d}.selected-copy b{color:#6242c9}
@media(max-width:620px){#previewCanvas.preview-canvas.icon{width:min(100%,230px)}}

.mock-live{width:64px;height:64px;object-fit:contain;border-radius:50%;flex:none;background:#211d37}.discord-mockup[data-format="profile"] .mock-live,.discord-mockup[data-format="server"] .mock-live{width:112px;height:auto;border-radius:5px}