.auth-shell{background:var(--bg);justify-content:center;align-items:center;gap:clamp(32px,8vw,140px);min-height:100dvh;padding:40px 24px;display:flex}.auth-intro{max-width:400px}.auth-intro .brand{color:var(--ink);font-size:42px}.auth-intro .brand-cut{color:var(--lime)}.auth-intro p{margin:28px 0;font-size:24px;line-height:1.6}.auth-intro>span{letter-spacing:.16em;color:var(--placeholder);font-size:12px}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:440px;max-width:100%;padding:36px;box-shadow:0 12px 48px #0004}.auth-card h1{margin:0 0 12px;font-size:26px}.auth-card>p{margin-bottom:28px;font-size:14px;line-height:1.7}.auth-card form{gap:20px;display:grid}.auth-card label{gap:9px;font-size:14px;display:grid}.auth-card input{width:100%;min-height:48px}.auth-links{justify-content:space-between;gap:20px;margin-top:24px;display:flex}.auth-notice{background:var(--raised);color:var(--ink);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.8}.account-menu{position:relative}.account-menu summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-avatar{background:var(--raised);width:30px;height:30px;color:var(--green);border-radius:50%;place-items:center;font-size:14px;display:grid}.account-email{text-overflow:ellipsis;max-width:220px;font-size:13px;overflow:hidden}.account-popover{z-index:40;background:var(--surface);width:min(310px,85vw);color:var(--ink);border:1px solid var(--line);border-radius:12px;gap:10px;padding:20px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 8px 32px #0004}.account-popover strong{overflow-wrap:anywhere;font-size:14px}.account-popover .muted{color:var(--placeholder)}.account-popover button{text-align:left;color:var(--ink);border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;justify-content:flex-start;padding:10px}.account-popover button:hover{background:var(--raised)}.personal-presets{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.personal-presets h3{margin:0 0 12px;font-size:14px}.personal-preset-grid{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.personal-preset{position:relative}.personal-preset>button:first-child{border:1px solid var(--field-line);background:#14221a;border-radius:8px;width:66px;height:56px;position:relative}.personal-preset>button[aria-pressed=true]{outline-offset:2px;outline:2px solid #839e4d}.personal-preset svg{width:100%;height:100%;padding:8px;display:block}.personal-preset .preset-delete{background:var(--raised);color:var(--ink);border:1px solid var(--field-line);cursor:pointer;border-radius:50%;width:21px;height:21px;position:absolute;top:-7px;right:-4px}.preset-save{align-items:center;gap:10px;display:flex}.preset-save input{flex:1;min-width:0}@media (width<=760px){.auth-shell{flex-direction:column;gap:28px;padding:32px 16px}.auth-intro{text-align:center}.auth-intro .brand{justify-content:center;font-size:30px}.auth-intro p,.auth-intro>span{display:none}.auth-card{padding:26px}.account-email{display:none}}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#cdd5c4;font-synthesis:none;--bg:#0e1210;--surface:#161b17;--raised:#1d2420;--hover:#232b25;--line:#283029;--field-line:#3c493f;--placeholder:#8b9786;--ink:#cdd5c4;--muted:#677263;--lime:#d7f56d;--green:#8fbb50;--t-col:#e8a830;--ct-col:#4a9eff;--white:#fff;background:#0e1210;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.65}@font-face{font-family:CS2 Noto;src:url(/cs2/fonts/notosans-bold.ttf)format("truetype");font-weight:700;font-display:swap}.avatar{overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.player-cell{align-items:center;gap:10px;display:flex}.plan-grid>.panel{min-width:0}.plan-grid .preview-panel{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 310px;gap:28px;padding:24px;display:grid}.preview-panel .video-settings{border:0;margin:0;padding:0}.game-preview{align-self:start;min-width:0;margin:0}.preview-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.preview-heading span{color:var(--muted);font-size:11px}.preview-stage{aspect-ratio:1.6;contain:layout paint;background:#111915;border-radius:8px;position:relative;overflow:hidden}.preview-frame{background:#19201b;transition:width .24s,height .24s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 26px #0006}.preview-game{width:100%;transition:height .24s,top .24s;position:absolute;left:0;overflow:hidden}.preview-scene,.preview-blur{transition:opacity .18s;position:absolute;inset:0}.preview-scene img{object-fit:fill;transition:opacity .16s;position:absolute}.preview-blur{filter:blur(15px)brightness(.65);transform:scale(1.15)}.preview-blur img{object-fit:cover;width:100%;height:100%;transition:opacity .18s;position:absolute}.preview-ratio{letter-spacing:.08em;color:#afbcb2;font-size:10px;position:absolute;bottom:8px;left:12px}.preview-loading{color:#b3bfb7;justify-content:center;align-items:center;gap:15px;font-size:12px;display:flex;position:absolute;inset:0}.preview-spec{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin:13px 0 6px;font-size:12px;display:flex}.preview-spec strong{color:var(--ink);font-weight:500}.game-preview figcaption{color:var(--muted);font-size:11px;line-height:1.8}@media (width<=1100px){.plan-grid .preview-panel{grid-template-columns:minmax(0,1fr) 270px;gap:20px;padding:20px}}@media (width<=850px){.plan-grid .preview-panel{grid-template-columns:1fr}.game-preview{background:var(--surface);padding:10px 0}.preview-stage{max-height:330px}}@media (prefers-reduced-motion:reduce){.preview-frame,.preview-game,.preview-scene,.preview-scene img,.preview-blur,.preview-blur img{transition:none}}.death-notice{color:#e2e2e2;text-shadow:1px 1px #000;background:#14171cef;border:1px solid #df4b4b;border-radius:3px;align-items:center;gap:4px;width:max-content;max-width:100%;min-height:32px;padding:4px 8px;font-family:CS2 Noto,CS2 Noto SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:700;line-height:20px;display:inline-flex}.death-notice>span:not(.weapon-fallback){text-overflow:ellipsis;white-space:nowrap;max-width:125px;overflow:hidden}.death-notice .notice-team-2{color:#eabe54}.death-notice .notice-team-3{color:#6f9ce6}.death-notice-weapon,.death-notice-icon{object-fit:contain;flex:none;width:auto;height:19px}.death-notice-weapon{max-width:70px}.clip-notices{flex-direction:column;gap:4px;max-width:100%;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.clip-notices .death-notice{flex-shrink:0;max-width:none}.clip-weapons{background:#252c29;border-radius:4px;gap:10px;width:max-content;padding:6px 8px;display:flex}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;color:#1a1f1a;background:var(--lime);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}button:hover,.button:hover{filter:brightness(.95)}button:active{transform:translateY(1px)}button:disabled,.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #8fbb50}button svg{flex-shrink:0}input[type=checkbox]{accent-color:#8fbb50;flex-shrink:0;width:17px;height:17px}input:not([type=checkbox]):not([type=file]),select,textarea{border:1px solid var(--field-line);background:var(--raised);width:100%;min-height:43px;color:var(--ink);caret-color:var(--ink);border-radius:6px;padding:9px 11px;transition:background-color .15s,border-color .15s}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}select option,select optgroup{background:var(--raised);color:var(--ink)}input:-webkit-any(:autofill,:-webkit-autofill){box-shadow:0 0 0 1000px var(--raised) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}input:is(:autofill,:autofill){box-shadow:0 0 0 1000px var(--raised) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}label{display:block}select{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1.35}h2{font-size:19px;font-weight:700;line-height:1.5}h3{font-size:16px}p{margin:8px 0}small{font-size:12px}a{color:var(--green)}.small{font-size:12px}.muted{color:var(--muted)}.center{text-align:center}.primary{background:var(--lime);color:#1a1f1a}.secondary{background:var(--raised);border-color:var(--line);color:var(--ink)}.text-button,.back-link{color:var(--green);background:0 0;padding:5px 0;font-size:12px;font-weight:500}.icon-button{color:var(--muted);background:0 0;flex-shrink:0;padding:8px}.full{width:100%;margin-top:20px}.eyebrow{letter-spacing:2px;color:var(--muted);margin:0 0 14px;font-size:10px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.app-shell{min-height:100vh}.sidebar{color:#a0aa9a;z-index:30;border-right:1px solid var(--line);background:#0a0e0b;flex-direction:column;width:220px;padding:34px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:1px;color:#fff;align-items:center;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand-cut{color:var(--lime)}.brand-symbol{background:var(--lime);color:#0e1210;letter-spacing:-6px;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:11px;padding-right:5px;font-family:system-ui;font-size:25px;font-weight:900;display:flex;transform:skew(-5deg)}.brand-symbol span{font-size:27px}.sidebar-caption{letter-spacing:1.6px;color:#3d4f3a;margin-top:14px;font-family:Barlow Condensed,sans-serif;font-size:10px}.sidebar nav{gap:4px;margin-top:50px;display:grid}.sidebar nav button{color:#5a6657;background:0 0;border:0;border-radius:5px;justify-content:flex-start;gap:12px;padding:11px 14px;font-size:13px;font-weight:500}.sidebar nav button:hover{color:#9aaa8e;background:var(--raised)}.sidebar nav button.active{color:var(--lime);background:#1c2a18}.nav-arrow{margin-left:auto}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:25px}.mini-emblem{color:#3d5035;margin-bottom:16px}.sidebar-bottom strong{color:#7a8872;font-size:12px}.sidebar-bottom p{color:#3d4f3a;margin:8px 0 26px;font-size:11px;line-height:1.9}.sidebar-bottom>span{color:#2e3f2c;letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:10px}.content-shell{margin-left:220px}.topbar{border-bottom:1px solid var(--line);background:var(--surface);height:56px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 42px;font-size:12px;display:flex}.crumb{color:var(--ink);margin-left:12px}.topbar-tag{letter-spacing:1.5px;align-items:center;gap:8px;font-size:10px;display:flex}.status-dot{background:#8ba55d;border-radius:50%;width:5px;height:5px}main{max-width:1400px;margin:auto;padding:32px 42px 24px}.hero{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;min-height:200px;display:grid;overflow:hidden}.hero-copy{z-index:1;flex-direction:column;justify-content:center;padding:28px 32px;display:flex}.hero .eyebrow{color:var(--muted);align-items:center;gap:7px;margin-bottom:14px;display:flex}.hero .eyebrow>span{background:var(--green);width:14px;height:3px}.hero h1{letter-spacing:-1.2px;color:#e8eee2;font-size:32px;line-height:1.2}.hero h1>span{color:var(--green)}.hero-description{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.8}.hero-art{border-left:1px solid var(--line);background:#0a0e0b;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.hero-art:before{content:"";pointer-events:none;background:repeating-linear-gradient(120deg,#0000 0 65px,#2a3a2818 65px 66px);position:absolute;inset:0}.hero-notices{z-index:1;flex-direction:column;gap:6px;display:flex;position:relative}.art-bottom{letter-spacing:1.2px;color:#2e3f2c;align-items:center;gap:8px;font-family:monospace;font-size:8px;display:flex;position:absolute;bottom:14px;right:18px}.art-bottom i{background:var(--green);border-radius:50%;width:5px;height:5px}.steps{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,1fr);margin:18px 0 28px;padding:18px 28px;list-style:none;display:grid}.steps li{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.steps li>span{color:#3d4f3a;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700}.steps li>svg{color:#2e3f2c;margin-left:auto;margin-right:25px}.steps li.current{color:#c8d5b8}.steps li.current>span{color:var(--lime);background:#1c2a18;border-radius:4px;margin-left:-8px;padding:2px 8px}.steps strong{font-weight:500}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px;display:flex}.section-heading h2{font-size:19px}.section-heading p{color:#88917d;margin:5px 0 0;font-size:11px}.dropzone{background:var(--surface);border:1px dashed #2e3f2c;border-radius:8px;align-items:center;gap:24px;padding:32px;transition:background .2s;display:flex}.dropzone.dragging{border-color:var(--green);background:#131f12}.upload-emblem{background:var(--raised);border:1px solid var(--line);width:70px;height:70px;color:var(--muted);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.drop-copy{flex:1}.drop-copy h3{color:var(--ink);font-size:16px}.drop-copy p{color:var(--muted);margin:5px 0;font-size:11px}.drop-copy small{color:#3d4f3a;font-size:10px}.dropzone>button{padding:11px 21px;font-size:12px}.file-input{display:none}.creation-notes{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:34px;display:grid}.creation-notes>div+div{border-left:1px solid var(--line);padding-left:32px}.creation-notes span{letter-spacing:1.3px;color:#3d4f3a;font-family:Barlow Condensed,sans-serif;font-size:10px}.creation-notes h3{color:var(--ink);margin-top:10px;font-size:13px}.creation-notes p{color:var(--muted);max-width:260px;font-size:11px;line-height:1.9}.page-footer{border-top:1px solid var(--line);color:#a2aa97;letter-spacing:1px;justify-content:space-between;margin-top:40px;padding-top:18px;font-size:9px;display:flex}.list-toolbar{justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:12px;display:flex}.matches{gap:16px;display:grid}.match-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:23px}.match-card.selected{border-color:#3d5a28;box-shadow:0 0 0 1px #3d5a2840}.card-heading{align-items:center;gap:14px;display:flex}.match-title{flex:1;min-width:0}.match-title h2{color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:25px}.filename{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.badge{background:var(--raised);color:var(--muted);white-space:nowrap;border-radius:4px;padding:4px 9px;font-size:10px;font-weight:500;display:inline-block}.badge.success,.status-succeeded{color:#7aab4a;background:#162212}.status-failed{color:#c4714a;background:#2a1510}.status-running,.status-queued{color:#c4a830;background:#231e0a}.match-facts{align-items:center;gap:20px;margin:14px 0;display:flex}.match-facts strong{letter-spacing:1px;color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:23px}.match-facts>span{color:var(--muted);font-size:11px}details{margin-top:14px}summary{cursor:pointer;color:var(--green);font-size:12px;line-height:1.8}table{border-collapse:collapse;text-align:left;width:100%;margin-top:12px;font-size:12px}td,th{border-bottom:1px solid var(--line);padding:9px}th{color:var(--muted);font-weight:500}td:first-child{min-width:130px}.table-scroll{overflow-x:auto}.round-list{gap:8px;display:grid}.round-list>details{background:var(--raised);border-radius:5px;padding:10px 15px}.card-actions{align-items:center;gap:18px;margin-top:20px;display:flex}.card-actions button{font-size:12px}.error{color:#c4714a;overflow-wrap:anywhere;background:#1e0e09;border:1px solid #3a1a0e;border-radius:6px;padding:10px 14px;font-size:12px}.notice{color:#c4a830;overflow-wrap:anywhere;background:#1e1a08;border:1px solid #3a3012;border-radius:6px;padding:11px 15px;font-size:12px}.archive-imports{gap:12px;margin-top:18px;display:grid}.archive-import{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 20px}.archive-import-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.archive-import-heading strong{overflow-wrap:anywhere;min-width:0;font-size:14px}.archive-import p{overflow-wrap:anywhere}.archive-import progress{margin:12px 0 4px}progress{background:var(--raised);width:100%;height:4px;accent-color:var(--green);border:0;border-radius:4px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--raised);border-radius:4px}progress::-webkit-progress-value{background:var(--green);border-radius:4px}.upload-bar{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0e1210e8;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px 23px;display:flex;position:sticky;bottom:15px;box-shadow:0 4px 30px #000a}.upload-bar strong{color:var(--ink);font-size:13px}.upload-bar span{color:var(--muted);margin-top:2px;font-size:10px;display:block}.upload-bar button{font-size:12px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:12px 0 30px;display:flex}.page-heading .eyebrow{margin-bottom:12px}.page-heading p.muted{margin-top:12px;font-size:12px}.step-badge{color:#9caa89;font-family:Barlow Condensed,sans-serif;font-size:24px}.back-link{margin-bottom:12px}.context-strip{background:var(--raised);color:var(--ink);border-radius:7px;align-items:center;gap:14px;margin-bottom:24px;padding:15px 20px;font-size:12px;display:flex}.context-strip>span:not(.badge){color:#8b977e;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.composer-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.config-panel,.clips-panel{padding:28px}.summary-panel{padding:25px;position:sticky;top:20px}.summary-panel h2{font-size:17px}.section-title{align-items:center;gap:14px;margin-bottom:21px;display:flex}.section-title h2{font-size:16px}.section-title p{color:#929d85;margin:4px 0 0;font-size:11px}.section-number{color:#93a17d;border-right:1px solid var(--line);padding-right:14px;font-family:Barlow Condensed,sans-serif;font-size:23px}.separated{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.player-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.player-choice{text-align:left;background:var(--raised);color:var(--ink);border:1px solid var(--line);justify-content:flex-start;min-width:0;padding:11px;font-weight:400}.player-choice.active{border-color:var(--green);background:#1c2a18}.avatar{width:32px;height:34px;color:var(--t-col);background:#2a2010;border-radius:7px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.avatar.team-3{color:var(--ct-col);background:#0d1e2e}.player-choice>span:nth-child(2){flex:1;min-width:0}.player-choice strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;font-weight:500;display:block;overflow:hidden}.player-choice small{color:var(--muted);white-space:nowrap;font-size:9px}.radio-mark{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.active .radio-mark{background:var(--green);color:#0e1210;border-color:var(--green)}.choice-tabs{background:var(--raised);border-radius:6px;gap:4px;margin-bottom:17px;padding:4px;display:flex}.choice-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border-radius:4px;flex:1;padding:8px 10px;font-size:11px}.choice-tabs button[aria-pressed=true]{background:var(--hover);color:var(--green);box-shadow:0 1px 4px #0006}.music-auto{align-items:center;gap:17px;padding:20px 0;display:flex}.music-art{width:62px;height:68px;color:var(--green);background:repeating-linear-gradient(130deg,#1c2a1c,#1c2a1c 7px,#243322 7px 8px);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.music-auto strong{color:var(--ink);font-size:12px}.music-auto p{color:var(--muted);font-size:11px;line-height:1.9}.track-list{max-height:300px;overflow:auto}.track{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:4px 0;display:flex}.track.active{background:#131f12}.track-choice{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;justify-content:flex-start;padding:9px 8px;font-weight:400}.track-index{color:var(--muted);margin-right:7px;font-family:Barlow Condensed,sans-serif;font-size:15px}.track-choice strong{font-size:12px;font-weight:500}.track-choice small{color:var(--muted);font-size:10px;display:block}.track-duration{color:var(--muted);margin-left:auto;font-size:10px}.music-upload{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:25px 10px;display:flex}.music-upload strong{overflow-wrap:anywhere;font-size:12px}.music-upload p{margin:0;font-size:10px}.music-upload label{font-size:11px}.audio-preview{border-top:1px solid var(--line);padding-top:14px}.audio-preview>span{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.audio-preview audio{width:100%;height:35px}.richness-list{gap:9px;margin:24px 0;display:grid}.richness-list button{background:var(--raised);border:1px solid var(--line);text-align:left;color:var(--ink);padding:14px;display:block}.richness-list button:hover{background:var(--hover)}.richness-list button.active{background:#131f12;border-color:#3d5a28}.richness-list button>span{justify-content:space-between;align-items:center;display:flex}.richness-list strong{font-size:12px;font-weight:500}.richness-list em{color:var(--green);background:#1c2a18;border-radius:3px;padding:1px 7px;font-size:9px;font-style:normal}.richness-list small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.summary-panel>.muted{font-size:10px;line-height:1.9}.analyzing{text-align:center;padding:65px 30px}.pulse-icon{color:var(--green);margin:0 auto 24px;animation:2s infinite pulse}.analyzing progress{max-width:300px;margin:25px auto}.analyzing>p{margin:18px 0}.section-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.section-label h2{font-size:16px}.clip-list{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:24px;display:grid}.clip-row{border:1px solid var(--line);cursor:pointer;min-width:0;color:var(--ink);border-radius:6px;align-items:center;gap:12px;padding:14px 10px;display:flex}.clip-row.selected{background:#131f12;border-color:#3d5a28}.round-number{color:var(--muted);min-width:33px;font-family:Barlow Condensed,sans-serif;font-size:19px}.clip-info{flex:1;min-width:0}.clip-info strong{font-size:12px;font-weight:500}.clip-info small{color:var(--muted);letter-spacing:.5px;margin-top:4px;font-size:9px;display:block}.headshot{color:var(--t-col);margin-left:7px;font-size:9px}.clip-length{color:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:18px}.clip-length small{color:var(--green);text-align:right;font-family:system-ui;font-size:9px;display:block}.duration-display{color:var(--lime);margin:22px 0;font-family:Barlow Condensed,sans-serif;font-size:55px;font-weight:600;line-height:1.2}.duration-display span{color:var(--muted);margin-left:12px;font-family:system-ui;font-size:10px;font-weight:400;display:inline-block}.music-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--green);align-items:center;gap:12px;padding:16px 0;display:flex}.music-summary strong{color:var(--ink);overflow-wrap:anywhere;font-size:11px;display:block}.music-summary small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.video-settings{margin-top:23px}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.settings-grid label{color:var(--muted);font-size:10px}.settings-grid select{min-height:36px;margin-top:6px;padding:8px;font-size:11px}.hud-settings{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.hud-settings summary{font-size:11px}.hud-settings summary>span{margin-left:13px;font-size:9px;display:block}.hud-settings .choice-tabs{margin:15px 0 6px}.hud-settings .choice-tabs button{padding:6px;font-size:9px}.toggle-grid{gap:9px;margin-top:13px;display:grid}.toggle-grid label{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.toggle-grid input{width:14px;height:14px}.portrait-note{align-items:center;gap:12px;padding-top:12px;display:flex}.portrait-example{border:1px solid var(--line);background:var(--raised);border-radius:4px;flex-shrink:0;place-items:center;width:40px;height:65px;display:grid}.portrait-example>div{background:var(--hover);text-align:center;color:var(--muted);width:100%;padding:3px;font-size:5px}.portrait-note p{color:var(--muted);font-size:9px}.panel-footer{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.panel-footer p{font-size:10px}.works-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filter-tabs{gap:20px;display:flex}.filter-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0;font-size:12px}.filter-tabs button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green)}.empty-state{text-align:center;padding:70px 30px}.empty-state>svg{color:var(--muted);margin-bottom:20px}.empty-art{border:1px solid var(--line);background:var(--raised);width:100px;height:100px;color:var(--muted);border-radius:20px;place-items:center;margin:0 auto 25px;display:grid}.empty-state p{margin:15px 0 24px;font-size:12px}.job-list{gap:16px;display:grid}.job-card{align-items:center;gap:24px;padding:20px;display:flex}.job-cover{width:142px;height:135px;color:var(--green);background:linear-gradient(135deg,#1c2a18,#2e4020);border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:15px;display:flex;position:relative;overflow:hidden}.job-cover:after{content:"";pointer-events:none;background:repeating-linear-gradient(120deg,#0000 0 40px,#ffffff08 41px 42px);position:absolute;inset:-20px}.job-cover.analysis{color:var(--muted);background:linear-gradient(135deg,#1a1f1a,#232d22)}.cover-map{letter-spacing:1px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:19px}.job-cover>span:last-child{letter-spacing:1px;font-size:7px}.job-main{flex:1;min-width:0}.job-title{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.job-title h2{color:var(--ink);font-size:16px}.job-source{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.job-main .small{font-size:10px}.job-actions{flex-shrink:0}.job-actions button{font-size:11px}.job-progress{max-width:500px;margin-top:14px}.job-progress>div{color:var(--green);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.job-progress strong{font-weight:500}.load-more{margin:26px auto;display:flex}.help-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.help-card{padding:28px}.help-card>span{color:#3d5035;font-family:Barlow Condensed,sans-serif;font-size:32px}.help-card h2{color:var(--ink);margin-top:12px;font-size:17px}.help-card p{color:var(--muted);margin-top:12px;font-size:12px;line-height:2}.faq{margin-top:24px;padding:28px}.faq details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.faq p{color:var(--muted);font-size:12px;line-height:2}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:470px;max-width:100%;max-height:90vh;color:var(--ink);border-radius:12px;padding:35px;position:relative;overflow:auto;box-shadow:0 20px 100px #000a}.modal-close{position:absolute;top:14px;right:14px}.modal h2{color:var(--ink);font-size:23px}.modal>p{margin-top:12px;font-size:12px}.modal>label{margin-top:22px;font-size:12px}.modal>label input{margin-top:7px}.confirm-details{border-block:1px solid var(--line);margin:23px 0;padding:17px 0}.confirm-details>div{gap:20px;margin:9px 0;font-size:12px;display:flex}.confirm-details dt{color:var(--muted);flex-shrink:0}.confirm-details dd{text-align:right;overflow-wrap:anywhere;margin:0 0 0 auto}.video-modal{width:960px}.video-modal video{background:#000;border-radius:6px;width:100%;max-height:65vh;margin:20px 0 10px}.video-footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:25px;height:25px;margin:auto;animation:1s linear infinite spin}.empty-inline{color:var(--muted);text-align:center;padding:25px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.round-bars-wrap{margin-top:20px;position:relative}.round-bars{scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-items:flex-end;gap:4px;height:120px;padding:0 2px 4px;display:flex;overflow:auto visible}.round-bars::-webkit-scrollbar{height:4px}.round-bars::-webkit-scrollbar-track{background:0 0}.round-bars::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.round-bar-col{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;width:28px;height:100%;display:flex;position:relative}.round-check{cursor:pointer;flex-shrink:0;margin:0;width:12px!important;height:12px!important}.round-label{color:var(--muted);letter-spacing:.5px;font-family:Barlow Condensed,sans-serif;font-size:9px;line-height:1}.round-bar{cursor:default;background:var(--raised);border:1px solid var(--line);border-radius:3px 3px 2px 2px;justify-content:center;align-items:flex-end;width:100%;min-height:6px;padding-bottom:3px;transition:filter .12s,opacity .12s;display:flex;position:relative}.round-bar.side-t{background:#2a1e08;border-color:#4a3412}.round-bar.side-ct{background:#0d1e30;border-color:#1a3550}.round-bar.selected{filter:brightness(1.35)}.round-bar.partial{filter:brightness(1.15)}.round-bar-col.is-hover .round-bar{filter:brightness(1.25)}.bar-kills{color:#ffffffb3;align-items:center;gap:1px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;line-height:1;display:flex}.bar-kills svg{opacity:.8}.round-tooltip{z-index:200;pointer-events:none;background:#14171cef;border:1px solid #df4b4b;border-radius:4px;min-width:160px;max-width:340px;padding:8px 10px;position:fixed;box-shadow:0 8px 32px #0008}.tooltip-head{letter-spacing:.5px;color:#a0a8a0;margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:11px;display:block}.tooltip-kills{flex-direction:column;gap:4px;display:flex}.scoreboard{border:1px solid var(--line);background:var(--raised);border-radius:8px;margin-top:16px;overflow:hidden}.sb-header{border-bottom:1px solid var(--line);background:#0a0e0b;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 20px;display:grid}.sb-team-label{letter-spacing:1px;color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.sb-team-label.sb-ct{flex-direction:row-reverse;justify-content:flex-end}.sb-side-tag{letter-spacing:1px;border-radius:3px;padding:2px 7px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.sb-side-tag.t{color:var(--t-col);background:#2a1e08;border:1px solid #4a3412}.sb-side-tag.ct{color:var(--ct-col);background:#0d1e30;border:1px solid #1a3550}.sb-side-hint{color:var(--muted);letter-spacing:.5px;font-size:9px}.sb-score{justify-content:center;align-items:center;gap:6px;display:flex}.sb-score-num{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:700;line-height:1}.sb-score-num.t{color:var(--t-col)}.sb-score-num.ct{color:var(--ct-col)}.sb-score-sep{color:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:22px;line-height:1}.sb-col-heads{letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);background:#0d1210;grid-template-columns:1fr 44px 44px 44px 52px;padding:4px 16px;font-size:9px;display:grid}.sb-stat-head{text-align:right}.sb-teams{grid-template-columns:1fr 1px 1fr;display:grid}.sb-divider{background:var(--line)}.sb-team{padding:8px 0}.sb-team-header{letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:4px;padding:4px 16px 8px;font-size:9px;display:flex}.sb-player-row{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:0;grid-template-columns:32px 1fr 44px 44px 44px 52px;align-items:center;gap:6px;padding:5px 16px;font-weight:400;transition:background .1s;display:grid}.sb-player-row:hover{background:var(--hover)}.sb-player-row.active{background:#131f12}.sb-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.sb-stat{text-align:right;color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:14px}.sb-deaths{color:var(--muted)}.sb-dmg{font-size:12px}.sb-round-detail{border-top:1px solid var(--line);background:#0a0e0b;padding:16px 16px 12px}.sb-round-player-name{letter-spacing:.5px;color:var(--green);align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:13px;display:flex}.sb-round-player-name b{color:var(--muted);font-weight:400}.sb-half-labels{color:var(--muted);letter-spacing:.5px;justify-content:space-between;margin-top:8px;padding:0 2px;font-size:9px;display:flex}.sb-warning{color:var(--muted);border-top:1px solid var(--line);padding:6px 16px;font-size:10px}@media (width>=1600px){main{padding-top:40px}.hero{min-height:360px}.hero-copy{padding:40px 48px}.hero h1{font-size:44px}.art-title{font-size:94px;top:90px;left:80px}.hero-features{margin-top:28px}}@media (width<=1200px){.sidebar{width:190px;padding:30px 18px}.content-shell{margin-left:190px}main{padding:28px}.topbar{padding:0 28px}.hero-copy{padding:28px}.hero h1{font-size:32px}.art-title{font-size:66px;top:90px;left:25px}.hero-features{gap:10px;font-size:9px}.composer-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.config-panel,.clips-panel,.summary-panel{padding:20px}.player-grid{grid-template-columns:1fr}.job-card{gap:16px}.job-cover{width:110px}.job-title h2{font-size:14px}.job-actions button{padding:10px 12px}}@media (width<=960px){.sidebar{width:76px;padding:25px 14px}.brand{font-size:0}.brand-symbol{margin:0}.brand-cut,.sidebar-caption,.sidebar-bottom,.nav-arrow{display:none}.sidebar nav{margin-top:35px}.sidebar nav button{gap:0;padding:13px;font-size:0}.sidebar nav button svg{width:20px;min-width:20px}.content-shell{margin-left:76px}.hero-art{min-width:200px}.hero-copy{padding:27px}.hero h1{font-size:30px}.hero-description{font-size:11px}.hero-features{flex-wrap:wrap}.art-title{font-size:59px}.art-coordinate{font-size:7px}.hero{grid-template-columns:1.2fr 1fr;min-height:310px}.steps{padding:20px}.steps li{gap:7px;font-size:10px}.steps li>svg{margin-right:15px}.creation-notes{gap:20px}.creation-notes>div+div{padding-left:20px}.composer-grid{grid-template-columns:1fr}.player-grid{grid-template-columns:1fr 1fr}.summary-panel{position:static}.richness-list{grid-template-columns:repeat(3,1fr)}.summary-panel .settings-grid{grid-template-columns:repeat(4,1fr)}.summary-panel .hud-settings .settings-grid{grid-template-columns:1fr 1fr}.summary-panel .toggle-grid{grid-template-columns:1fr 1fr;gap:15px 30px}.job-card{flex-wrap:wrap}.job-actions{text-align:right;width:100%}.job-cover{width:120px;height:110px}.works-toolbar>.muted{display:none}}@media (width<=640px){:root{font-size:13px}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:63px;padding:12px 17px;bottom:auto}.brand{font-size:23px}.brand-cut{display:inline}.brand-symbol{width:26px;height:28px;margin-right:8px;font-size:19px}.brand-symbol span{font-size:22px}.sidebar nav{gap:4px;margin:0;display:flex}.sidebar nav button{padding:9px 11px}.sidebar nav button svg{width:18px;min-width:18px;height:18px}.content-shell{margin:63px 0 0}.topbar{height:48px;padding:0 19px;font-size:10px}.topbar-tag{letter-spacing:.6px;font-size:8px}.crumb{margin-left:7px}main{padding:20px 17px}.hero{min-height:300px;display:block;position:relative}.hero-copy{padding:27px 23px;position:relative}.hero h1{font-size:30px}.hero-art{opacity:.33;width:170px;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.art-title{font-size:56px;top:105px;left:5px;transform:rotate(-12deg)}.hero .eyebrow{margin-bottom:18px;font-size:8px}.hero-description{margin-bottom:21px;font-size:10px}.hero-features{gap:10px;font-size:8px}.steps{gap:7px;margin:15px 0 27px;padding:16px 13px}.steps li{font-size:9px;display:block}.steps li>span{margin-bottom:7px;font-size:14px;display:inline-block}.steps li.current>span{margin-left:0;padding:0 5px}.steps li strong{display:block}.steps li>svg{display:none}.section-heading{align-items:flex-start}.section-heading h2{font-size:17px}.section-heading p{font-size:10px}.section-heading .text-button{white-space:nowrap;gap:4px;font-size:9px}.section-heading .text-button svg{display:none}.dropzone{flex-wrap:wrap;gap:16px;padding:24px 20px}.upload-emblem{border-radius:8px;width:49px;height:51px}.drop-copy{min-width:160px}.drop-copy h3{font-size:14px}.drop-copy p{font-size:9px}.drop-copy small{font-size:8px}.dropzone>button{width:100%;font-size:11px}.creation-notes{grid-template-columns:1fr;gap:18px;margin-top:27px}.creation-notes>div+div{border-left:0;border-top:1px solid var(--line);padding-top:18px;padding-left:0}.creation-notes h3{margin:0 0 0 13px;font-size:12px;display:inline-block}.creation-notes span{letter-spacing:.6px;font-size:8px}.creation-notes p{max-width:100%;margin:8px 0 0;font-size:10px}.page-footer{letter-spacing:.3px;gap:10px;margin-top:30px;font-size:7px}.page-footer>span:last-child{white-space:nowrap}.card-heading{flex-wrap:wrap;gap:10px}.match-title h2{font-size:22px}.card-heading .badge{margin-left:28px}.match-card{padding:16px}.match-facts{gap:14px}.match-facts strong{font-size:20px}.card-actions{flex-wrap:wrap;gap:12px}.card-actions button{font-size:10px}.upload-bar{flex-direction:column;align-items:stretch;padding:15px;bottom:8px}.upload-bar>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.upload-bar span{text-align:right;max-width:150px;font-size:8px}.upload-bar strong{font-size:11px}.page-heading{gap:12px;margin-top:8px}.page-heading h1{font-size:25px}.page-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.page-heading p.muted{font-size:10px}.page-heading>button{white-space:nowrap;padding:9px 12px;font-size:10px}.context-strip{gap:9px;padding:12px}.context-strip>span:not(.badge){display:none}.context-strip>.badge{margin-left:auto}.player-choice{gap:7px;padding:9px}.player-choice strong{max-width:85px;font-size:10px}.player-choice small{font-size:8px}.avatar{width:26px;height:29px;font-size:11px}.radio-mark{display:none}.player-grid{gap:7px}.config-panel,.clips-panel,.summary-panel{padding:18px}.section-title h2{font-size:15px}.section-title p{font-size:10px}.richness-list{gap:7px}.richness-list button{padding:11px 9px}.richness-list strong{font-size:11px}.richness-list small{font-size:9px}.richness-list em{padding:1px 3px;font-size:7px}.choice-tabs button{padding:8px 6px;font-size:10px}.choice-tabs button svg{width:15px}.music-auto strong{font-size:11px}.music-auto p{font-size:10px}.summary-panel .settings-grid{grid-template-columns:1fr 1fr}.clip-row{gap:9px;padding:12px 8px}.clip-info strong{font-size:11px}.clip-info small{font-size:8px}.headshot{margin-left:4px;font-size:8px}.round-number{min-width:29px;font-size:17px}.section-label h2{font-size:14px}.section-label button{font-size:10px}.filter-tabs{gap:19px}.filter-tabs button{font-size:10px}.job-card{gap:13px;padding:15px}.job-cover{width:75px;height:95px;padding:10px}.cover-map{font-size:14px}.job-cover>span:last-child{letter-spacing:0;font-size:5px}.job-cover>svg{width:23px;height:23px}.job-title h2{font-size:12px}.job-title{gap:6px}.job-source{font-size:9px}.job-main .small{font-size:8px}.job-main .badge{padding:2px 5px;font-size:8px}.job-actions button{font-size:10px}.help-grid{grid-template-columns:1fr}.help-card,.faq{padding:23px}.help-card p,.faq p{font-size:11px}.modal-backdrop{padding:15px}.modal{padding:29px 23px}.modal h2{font-size:21px}.modal>p{font-size:11px}.video-modal{padding:30px 16px 20px}.video-footer{align-items:flex-start}.video-footer>.small{font-size:9px}.video-footer .button{padding:8px 12px;font-size:10px}.empty-state{padding:45px 22px}.empty-state h2{font-size:17px}.empty-state p{font-size:11px}}.step-badge{white-space:nowrap;flex-shrink:0}.music-credit{background:var(--raised);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;margin-top:15px;padding:12px 14px;font-size:11px}.music-credit strong{font-size:11px}.music-credit p{-webkit-user-select:all;user-select:all;font-size:11px}.video-settings .muted.small{font-size:11px}@media (width<=640px){.page-heading h1{font-size:23px}.page-heading .step-badge{font-size:18px}.page-heading p.muted,.summary-panel>.muted,.portrait-note p,.panel-footer p,.music-auto p,.clip-info small,.job-main .small{font-size:11px}.player-choice small{font-size:9px}.drop-copy small{font-size:10px}.creation-notes p{font-size:11px}}.editing-choice{gap:8px;margin:20px 0 10px;font-size:13px;display:grid}.editing-choice select{border:1px solid var(--field-line);background:var(--raised);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:10px 12px}.crosshair-detail{background:#303a32;border-radius:8px;flex-shrink:0;width:96px;height:96px}.custom-crosshair{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crosshair-presets{margin-bottom:12px}.preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.preset-choice{min-width:0;position:relative}.preset-choice button{aspect-ratio:1;cursor:pointer;background:#2e3830;border:2px solid #0000;border-radius:6px;width:100%;padding:3px;display:block}.preset-choice button:hover{background:#39453b}.preset-choice button:focus-visible{outline:2px solid var(--accent,#86a64f);outline-offset:3px}.preset-choice.is-selected button{border-color:#9bb957}.preset-choice svg{width:100%;height:100%;display:block}.preset-tooltip{z-index:40;color:#fff;white-space:nowrap;pointer-events:none;visibility:hidden;background:#17201a;border-radius:4px;padding:5px 8px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.preset-choice:hover .preset-tooltip{visibility:visible}.preset-choice:has(button:focus-visible) .preset-tooltip{visibility:visible}.preset-placeholder{align-items:center;gap:10px;min-height:52px;display:flex}.preset-source{min-height:18px;margin-top:7px;line-height:18px}.preset-source a{color:inherit;text-underline-offset:3px}@media (hover:none){.preset-choice.is-selected .preset-tooltip{visibility:visible}}.crosshair-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.crosshair-summary>div{gap:2px;font-size:13px;display:grid}.crosshair-summary>button{flex-shrink:0;padding:8px 12px;font-size:12px}.crosshair-modal{flex-direction:column;width:520px;max-height:calc(100dvh - 30px);padding:28px;display:flex;overflow:hidden}.crosshair-modal h2{flex-shrink:0;margin:0 32px 20px 0}.crosshair-modal-body{min-height:0;padding:3px;overflow-y:auto}.crosshair-selection-preview{align-items:center;gap:18px;margin-bottom:24px;display:flex}.crosshair-selection-preview strong{font-size:14px;font-weight:500}.crosshair-selection-preview p{margin:5px 0 0}.crosshair-default-tile{color:#d9e1d9;background:#303a32;border-radius:8px;flex-shrink:0;place-items:center;width:96px;height:96px;font-size:12px;display:grid}.crosshair-code-field{border-top:1px solid var(--line);padding-top:18px}.crosshair-code-field label{margin-bottom:8px;font-size:13px;display:block}.crosshair-code-field input{border:1px solid var(--field-line);width:100%;min-width:0;font:inherit;border-radius:8px;padding:11px;font-size:12px}.crosshair-code-field input[aria-invalid=true]{border-color:#bc483d}.crosshair-code-field p{margin:8px 0}.crosshair-modal-actions{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.crosshair-modal-actions button{min-width:88px}@media (width<=640px){.crosshair-modal{padding:24px 18px 18px}.crosshair-modal .preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crosshair-modal .preset-choice button{aspect-ratio:auto;height:60px}.crosshair-modal .preset-choice svg{width:44px;height:44px;margin:auto}}