@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@700&display=swap";@font-face{font-family:Stratum2;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/stratum2-regular-webfont.woff2)format("woff2"),url(/fonts/stratum2-regular-webfont.woff)format("woff"),url(/fonts/stratum2-regular-webfont.ttf)format("truetype")}@font-face{font-family:Stratum2;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/stratum2-medium-webfont.woff2)format("woff2"),url(/fonts/stratum2-medium-webfont.woff)format("woff"),url(/fonts/stratum2-medium-webfont.ttf)format("truetype")}@font-face{font-family:Stratum2;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/stratum2-bold-webfont.woff2)format("woff2"),url(/fonts/stratum2-bold-webfont.woff)format("woff"),url(/fonts/stratum2-bold-webfont.ttf)format("truetype")}:root{--font-ui:"Stratum2", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--bg-page-a:#090909;--bg-page-b:#161616;--card:#191919;--card-border:#2b2b2b;--input-bg:#0f0f0f;--line:#676767;--pill-dark:#101411;--text:#fff;--text-dim:#a6a6a6;--radius-card:16px;--radius-field:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(125deg, var(--bg-page-a) 0%, var(--bg-page-b) 100%);min-height:100vh;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-attachment:fixed}#app{min-height:100vh;padding:24px;display:flex}.shell{flex:1;gap:16px;min-width:0;min-height:0;display:flex}.setup{background:var(--card);border:2px solid var(--card-border);border-radius:var(--radius-card);flex-direction:column;flex-shrink:0;gap:32px;width:336px;max-height:calc(100vh - 48px);padding:20px 24px;display:flex;overflow-y:auto}.setup-head{flex-direction:column;gap:20px;display:flex}.setup-title{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:700;line-height:1.05}.setup-sub{color:var(--text-dim);margin-top:8px;font-size:12px;line-height:1.4}.link-row{align-items:stretch;gap:6px;display:flex}.link-chip{border:1px solid var(--line);border-radius:var(--radius-field);justify-content:center;align-items:center;gap:8px;height:34px;text-decoration:none;transition:filter .15s,transform 50ms;display:flex}.link-chip:hover{filter:brightness(1.12)}.link-chip:active{transform:translateY(1px)}.link-repo{background:var(--pill-dark);color:var(--text);flex-shrink:0;padding:0 12px}.link-repo span{font-family:var(--font-mono);letter-spacing:-.02em;font-size:12px;font-weight:700}.link-bmc,.link-twitch{flex:1;min-width:0}.link-bmc{color:#101411;background:#fd0}.link-twitch{color:#fff;background:#8956fb}.link-repo svg{flex-shrink:0;width:16px;height:16px}.link-bmc svg,.link-twitch svg{flex-shrink:0;width:auto;max-width:100%;height:18px}.setup-body{flex-direction:column;flex:1;gap:32px;display:flex}.group{flex-direction:column;gap:20px;display:flex}.group-steam{gap:12px}.group-label{font-family:var(--font-ui);letter-spacing:.04em;color:var(--text);font-size:12px;font-weight:700}.stack{flex-direction:column;gap:20px;display:flex}.check-group{flex-direction:column;gap:12px;display:flex}.divider{background:#373737;border-radius:10px;width:100%;height:1px}.field-input{background:var(--input-bg);border-radius:var(--radius-field);width:100%;height:42px;color:var(--text);font-family:var(--font-ui);border:1px solid #0000;outline:none;padding:10px 16px;font-size:15px;transition:border-color .15s}.field-input::placeholder{color:#707070}.field-input:focus{border-color:var(--line)}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field-label{font-family:var(--font-ui);letter-spacing:-.01em;color:var(--text);font-size:12px;font-weight:500}.dual{align-items:flex-end;gap:10px;display:flex}.field-grow{flex:1;min-width:0}.field-weight{flex-shrink:0;width:96px}.field-opacity{flex-shrink:0;width:82px}.opacity{text-align:center}select.field-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23aaa' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:30px}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.check input[type=checkbox]{appearance:none;border:1px solid var(--line);cursor:pointer;background:#2d2d2d;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:background .12s;position:relative}.check input[type=checkbox]:checked{background-color:#2d2d2d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2L4.6 9L10 3' stroke='white' fill='none' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.check-text{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--text);font-size:15px;font-weight:500}.pill-row,.seg-row{gap:6px;display:flex}.pill-row[hidden],.seg-row[hidden]{display:none}.pill,.seg{border:1px solid var(--line);border-radius:var(--radius-field);background:var(--pill-dark);color:#f0f0f0;min-width:0;font-family:var(--font-ui);letter-spacing:-.01em;cursor:pointer;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .12s,color .12s}.pill.selected,.seg.selected{color:var(--pill-dark);background:#f0f0f0}.pill:disabled,.seg:disabled{cursor:not-allowed}.combo,.combo-box{position:relative}.combo-input{padding-right:34px}.combo-caret{color:#aaa;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.combo-caret svg{width:100%;height:100%;display:block}.combo-list{z-index:30;border-radius:var(--radius-field);background:#161616;border:1px solid #ffffff24;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.combo-item{color:#ddd;cursor:pointer;padding:9px 14px;font-size:14px}.combo-item:hover{color:#fff;background:#ffffff14}.combo-item.selected{color:#fff;background:#ffffff0d}.color-row{align-items:center;gap:4px;display:flex}.swatch{border:1px solid var(--line);border-radius:var(--radius-field);cursor:pointer;flex-shrink:0;width:42px;height:42px;overflow:hidden;box-shadow:inset 0 0 8px 4px #0000000f}.swatch input[type=color]{cursor:pointer;background:0 0;border:none;width:200%;height:200%;margin:-25%;padding:0}.hex{min-width:0;font-family:var(--font-mono);text-transform:lowercase;flex:1;font-size:14px}.setup-foot{flex-direction:column;align-items:center;gap:10px;padding-top:4px;display:flex}.foot-logo{width:auto;height:30px;display:block}.foot-tag{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--text);font-size:15px;font-weight:500}.stage{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.preview{border:1px solid var(--card-border);border-radius:var(--radius-card);background-color:#101411;background-image:url(https://leetify.com/assets/images/maps/de_anubis.jpg);background-position:50%;background-size:cover;flex:1;min-height:340px;position:relative;overflow:hidden}.preview-body{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.preview-body .widget{transform-origin:50%;will-change:transform}.preview-body .name{max-width:320px}.preview-prompt{background:var(--pill-dark);border:2px solid var(--line);max-width:90%;font-family:var(--font-ui);letter-spacing:-.02em;text-align:center;color:var(--text);border-radius:20px;padding:30px 56px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040}.preview-banner[hidden]{display:none}.preview-banner{z-index:5;color:#f56767;font-family:var(--font-ui);text-align:center;background:#4b1616;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:700;display:flex;position:absolute;top:16px;left:16px;right:16px}.preview-banner svg{flex-shrink:0;width:22px;height:22px}.exportbar{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);align-items:flex-end;gap:16px;padding:16px;display:flex}.exportbar.is-empty .export-url,.exportbar.is-empty .export-zip{opacity:.24;pointer-events:none}.export-url{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.url-box{background:var(--input-bg);border-radius:var(--radius-field);align-items:center;gap:12px;height:46px;padding:0 17px;display:flex}.url-input{min-width:0;color:var(--text);font-family:var(--font-ui);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:700;transition:color .18s}.url-input::placeholder{color:#7e7e7e;font-weight:400}.url-box.copied .url-input{color:#6fce72}.icon-btn{color:#cfcfcf;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:20px;height:20px;padding:0;transition:color .12s;position:relative}.icon-btn:hover{color:#fff}.icon-copy,.icon-check{transition:opacity .18s,transform .18s;display:block;position:absolute;inset:0}.icon-btn svg{width:100%;height:100%;display:block}.icon-copy{opacity:1;transform:scale(1)}.icon-check{opacity:0;color:#6fce72;transform:scale(.5)}.url-box.copied .icon-copy{opacity:0;transform:scale(.5)}.url-box.copied .icon-check{opacity:1;transform:scale(1)}.export-zip{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.se-logo{display:inline-flex}.se-logo svg{flex-shrink:0;width:auto;height:18px}.zip-btn{border:1px solid var(--line);border-radius:var(--radius-field);height:46px;color:var(--text);font-family:var(--font-ui);letter-spacing:-.02em;cursor:pointer;background:#131315;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;transition:filter .15s;display:flex}.zip-btn svg{flex-shrink:0;width:18px;height:18px}.zip-btn:hover:not(:disabled){filter:brightness(1.3)}.zip-btn:disabled{cursor:not-allowed}@media (width<=820px){#app{padding:16px}.shell{flex-direction:column}.setup{width:100%;max-width:100%;max-height:none;overflow-y:visible}.stage{min-height:60vh}.exportbar{flex-direction:column;align-items:stretch}.export-zip .zip-btn{width:100%}}