@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_b6296e{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_b6296e{--font-sans:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_6d24ac{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_6d24ac{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}.dl-badge-studio-section{--bg0:var(--surface);--bg1:var(--surface);--bg2:var(--surface2);--accent:var(--blue,#3d9cf0);--accent-hot:var(--blue,#2563eb);--export:#2ecc8a;--export-hover:#3ee09a;--batch:#3d9cf0;--batch-hover:#5eb3ff;--radius:12px;--control-h:42px;display:flex;flex-direction:column;color:var(--text);background:transparent;border:none;border-radius:0}.dl-badge-studio-section .dl-badge-studio-apply{padding:0 0 .35rem;border:none;border-radius:0;background:transparent}.dl-badge-studio-section .dl-badge-studio-apply-row{grid-template-columns:minmax(16rem,2.2fr) minmax(8rem,.7fr) auto;align-items:end}.dl-badge-studio-section .dl-badge-studio-apply-actions .dl-tm-btn,.dl-badge-studio-section .dl-badge-studio-apply-row .dl-tm-input{height:var(--control-h);min-height:var(--control-h);box-sizing:border-box;padding-top:0;padding-bottom:0;font-size:.9rem}.dl-badge-studio-section .dl-badge-studio-apply-actions{align-items:stretch}.dl-badge-studio-section .dl-badge-studio-apply-actions .dl-tm-btn{display:inline-flex;align-items:center;justify-content:center}.dl-badge-studio{--bg0:var(--surface);--bg1:var(--surface);--bg2:var(--surface2);--accent:var(--blue,#3d9cf0);--accent-hot:var(--blue,#2563eb);position:relative;min-height:0;display:flex;flex-direction:column;color:inherit;font-family:inherit;background:transparent;border-radius:0;overflow:visible}.dl-badge-studio *{box-sizing:border-box}.dl-badge-studio header.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.15rem 0 .5rem;border-bottom:none;background:transparent}.dl-badge-studio .brand{display:flex;flex-direction:column;gap:.15rem}.dl-badge-studio .brand h1{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:.02em}.dl-badge-studio .brand p{margin:0;font-size:.8rem;color:var(--muted)}.dl-badge-studio .tier-chip{font-size:.75rem;color:var(--accent-hot);border:1px solid rgba(61,156,240,.35);background:rgba(61,156,240,.1);padding:.35rem .75rem;border-radius:999px;white-space:nowrap}.dl-badge-studio .studio-body{flex:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:1.25rem;padding:.35rem 0 .75rem;width:100%;margin:0}@media (max-width:860px){.dl-badge-studio .studio-body{grid-template-columns:1fr}}.dl-badge-studio .panel{background:transparent;border:none;border-radius:0;box-shadow:none;padding:.35rem 0 .5rem}.dl-badge-studio .panel h2,.dl-badge-studio .pixel-editor h2{margin:.2rem 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--muted)}.dl-badge-studio .panel h2:first-child{margin-top:0}.dl-badge-studio .field{margin-bottom:.55rem}.dl-badge-studio .field label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.dl-badge-studio button,.dl-badge-studio input[type=color],.dl-badge-studio input[type=file],.dl-badge-studio select,.dl-badge-studio textarea{font:inherit}.dl-badge-studio select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238b9bb4' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right .75rem center no-repeat;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem 2rem .55rem .7rem;outline:none;cursor:pointer}.dl-badge-studio select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(61,156,240,.25)}.dl-badge-studio .chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.dl-badge-studio .chip{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .7rem;font-size:.78rem;cursor:pointer;transition:border-color .15s,background .15s}.dl-badge-studio .chip:hover{border-color:rgba(61,156,240,.5)}.dl-badge-studio .chip.active{background:rgba(61,156,240,.18);border-color:var(--accent);color:var(--accent-hot)}.dl-badge-studio .tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.dl-badge-studio .tier-btn{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .4rem;font-size:.72rem;cursor:pointer;transition:border-color .15s,background .15s;text-align:center;line-height:1.25}.dl-badge-studio .tier-btn:hover{border-color:rgba(61,156,240,.5)}.dl-badge-studio .tier-btn.active{background:rgba(61,156,240,.18);border-color:var(--accent);color:var(--accent-hot)}.dl-badge-studio .stripe-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}.dl-badge-studio .stripe-row span{font-size:.75rem;color:var(--muted);min-width:3.5rem}.dl-badge-studio input[type=color]{width:2.5rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg2);cursor:pointer}.dl-badge-studio input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.dl-badge-studio input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.dl-badge-studio .stripe-count{display:flex;gap:.4rem}.dl-badge-studio .count-btn{flex:1;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem;cursor:pointer;font-size:.85rem}.dl-badge-studio .count-btn.active{background:rgba(61,156,240,.18);border-color:var(--accent);color:var(--accent-hot)}.dl-badge-studio .file-row{display:flex;flex-direction:column;gap:.4rem}.dl-badge-studio input[type=file]{width:100%;font-size:.75rem;color:var(--muted)}.dl-badge-studio input[type=file]::file-selector-button{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .65rem;margin-right:.6rem;cursor:pointer;font:inherit;font-size:.75rem}.dl-badge-studio .ghost-btn{align-self:flex-start;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem;font-size:.72rem;cursor:pointer}.dl-badge-studio .ghost-btn:hover{color:var(--text);border-color:var(--accent)}.dl-badge-studio .btn-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.dl-badge-studio .batch-btn,.dl-badge-studio .export-btn{width:auto;flex:1 1 10rem;padding:.75rem 1rem;border:none;border-radius:10px;font-weight:700;font-size:.92rem;letter-spacing:.03em;cursor:pointer;transition:transform .12s,filter .12s}.dl-badge-studio .export-btn{background:linear-gradient(180deg,var(--export-hover),var(--export));color:#06150f;box-shadow:0 6px 20px rgba(46,204,138,.28)}.dl-badge-studio .batch-btn{background:linear-gradient(180deg,var(--batch-hover),var(--batch));color:#061018;box-shadow:0 6px 20px rgba(61,156,240,.28)}.dl-badge-studio .batch-btn:hover,.dl-badge-studio .export-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.dl-badge-studio .batch-btn:active,.dl-badge-studio .export-btn:active{transform:translateY(0)}.dl-badge-studio .hint{margin:.55rem 0 0;font-size:.72rem;color:var(--muted);line-height:1.4}.dl-badge-studio .preview-column{display:flex;flex-direction:column;gap:.85rem;min-width:0;padding-left:.25rem;position:sticky;top:12px;align-self:start}.dl-badge-studio .preview-panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;position:relative;overflow:visible;flex:1}.dl-badge-studio .preview-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.dl-badge-studio .preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:360px}.dl-badge-studio.pixel-editing .preview-toolbar{max-width:512px}.dl-badge-studio .preview-expand-btn{position:relative;z-index:5;flex:0 0 auto;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;cursor:pointer;pointer-events:auto}.dl-badge-studio .preview-expand-btn:hover{border-color:var(--accent);color:var(--accent-hot)}body>.preview-column.is-expanded{position:fixed;inset:0;z-index:4000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:1.5rem;margin:0;background:var(--bg,#eef1f8);overflow:auto}body>.preview-column.is-expanded .pixel-editor,body>.preview-column.is-expanded .preview-canvas-stack,body>.preview-column.is-expanded .preview-toolbar,body>.preview-column.is-expanded.pixel-editing .preview-canvas-stack{width:min(80vmin,840px);max-width:min(80vmin,840px)}.dl-badge-studio #bf-preview{display:block;width:100%;height:auto;image-rendering:auto}.dl-badge-studio .preview-label{font-size:.75rem;color:var(--muted);letter-spacing:.02em;text-transform:none}.dl-badge-studio .secondary-btn{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .75rem;font-size:.78rem;cursor:pointer}.dl-badge-studio .secondary-btn:hover{border-color:var(--accent);color:var(--accent-hot)}.dl-badge-studio .status{font-size:.72rem;color:var(--export);min-height:1.1em;margin-top:.35rem}.dl-badge-studio .mode-panel[hidden]{display:none!important}.dl-badge-studio #bf-preview.pixelated{image-rendering:pixelated}.dl-badge-studio .chip:disabled,.dl-badge-studio .tier-btn:disabled{opacity:.45;cursor:not-allowed}.dl-badge-studio .tool-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.55rem}.dl-badge-studio .slider-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem}.dl-badge-studio .slider-row label{font-size:.75rem;color:var(--muted);min-width:4.5rem;margin:0}.dl-badge-studio .slider-row input[type=range]{flex:1;accent-color:var(--accent)}.dl-badge-studio .slider-row .val{font-size:.72rem;color:var(--muted);min-width:2.2rem;text-align:right}.dl-badge-studio .layer-list{display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow-y:auto;margin-bottom:.5rem}.dl-badge-studio .layer-item{display:flex;align-items:center;gap:.4rem;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem;font-size:.75rem;cursor:pointer}.dl-badge-studio .layer-item.active{border-color:var(--accent);background:rgba(61,156,240,.15);color:var(--accent-hot)}.dl-badge-studio .layer-item .layer-del{margin-left:auto;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:0 .25rem}.dl-badge-studio .layer-item .layer-del:hover{color:#f08080}.dl-badge-studio .layer-item .layer-ord{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.7rem;padding:0 .15rem}.dl-badge-studio .layer-item .layer-ord:hover{color:var(--accent-hot)}.dl-badge-studio .slider-row input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg2);cursor:pointer}.dl-badge-studio #bf-drawOverlay.mode-layers{pointer-events:auto;cursor:grab}.dl-badge-studio #bf-drawOverlay.mode-layers.dragging{cursor:grabbing}.dl-badge-studio.pixel-editing .preview-canvas-stack{width:100%;max-width:512px}.dl-badge-studio .preview-canvas-stack{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:360px;border-radius:12px;background-color:#1a2030;background-image:linear-gradient(45deg,#252b3d 25%,transparent 0),linear-gradient(-45deg,#252b3d 25%,transparent 0),linear-gradient(45deg,transparent 75%,#252b3d 0),linear-gradient(-45deg,transparent 75%,#252b3d 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.dl-badge-studio .preview-canvas-stack #bf-preview{width:100%;height:auto}.dl-badge-studio #bf-drawOverlay{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none;z-index:2;pointer-events:none}.dl-badge-studio #bf-drawOverlay.mode-idle{pointer-events:none;cursor:default}.dl-badge-studio #bf-drawOverlay.mode-medal{pointer-events:auto;cursor:grab}.dl-badge-studio #bf-drawOverlay.mode-medal.dragging{cursor:grabbing}.dl-badge-studio #bf-drawOverlay.mode-pixel{pointer-events:auto;cursor:crosshair}.dl-badge-studio #bf-drawOverlay.mode-pixel.tool-erase{cursor:cell}.dl-badge-studio #bf-drawOverlay.mode-pixel.tool-pick{cursor:copy}.dl-badge-studio .draw-hint{font-size:.68rem;color:var(--muted);text-align:center;min-height:1.1em}.dl-badge-studio .dl-badge-studio-error{margin:1.25rem 1.5rem;color:#f08080;font-size:.9rem}.dl-badge-studio .pixel-editor{width:100%;max-width:360px;margin:0 auto}.dl-badge-studio.pixel-editing .pixel-editor{max-width:512px}.dl-badge-studio .pixel-color-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.5rem}.dl-badge-studio .pixel-color-row input[type=color]{width:44px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg2);cursor:pointer}.dl-badge-studio .pixel-palette{display:flex;flex-wrap:wrap;gap:.35rem}.dl-badge-studio .pixel-swatch{width:22px;height:22px;border-radius:5px;border:1px solid rgba(232,238,248,.28);padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.dl-badge-studio .pixel-swatch.active{outline:2px solid var(--accent-hot);outline-offset:1px}