@font-face{font-family:TE Collegiate;src:url(/gang-builder/fonts/collegeb.ttf) format("truetype");font-display:swap}@font-face{font-family:TE Interstate Black;src:url(/gang-builder/fonts/interstate-black.otf) format("opentype");font-display:swap}@font-face{font-family:Varsity Team;src:url(/gang-builder/fonts/VarsityTeam-Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:"Modern 12";src:url(/gang-builder/fonts/Modern12.ttf) format("truetype");font-display:swap}:root{--bg: #f2f3f5;--surface: #fff;--ink: #22242a;--muted: #6a6d76;--line: #dcdee3;--accent: #1776c8;--danger: #d33;--dark: #24262b}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}.center-note{padding:4rem;text-align:center;color:var(--muted)}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}header .sheet-name{width:180px}header .stats{margin-left:auto;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}input,select,button{font:inherit;padding:.35rem .55rem;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink)}button{cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button:disabled{opacity:.5;cursor:default}button.ghost{border:none;background:none;color:var(--muted);padding:.1rem .3rem}.toolbar{display:flex;align-items:center;gap:2px;background:var(--dark);padding:3px 8px;overflow-x:auto}.tb{background:none;border:none;color:#cfd2d8;font-size:1rem;padding:.3rem .5rem;border-radius:4px;line-height:1}.tb:hover:not(:disabled){background:#ffffff1f;color:#fff}.tb:disabled{opacity:.35}.tb-active{background:var(--accent);color:#fff}.tb-sep{width:1px;height:18px;background:#fff3;margin:0 6px}.tb-overlaps{color:#ffb02e;font-size:.8rem;margin-left:10px;white-space:nowrap}.cols{display:flex;flex:1;min-height:0}aside{width:320px;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:.75rem;display:flex;flex-direction:column;gap:.6rem;flex-shrink:0}.upload-btn{display:block;text-align:center;border:1.5px dashed var(--accent);color:var(--accent);border-radius:6px;padding:.7rem;cursor:pointer;font-weight:600}.text-btn{font-weight:600}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-icon svg{flex-shrink:0}.hint-line{margin:0;font-size:.72rem;color:var(--muted)}input[type=color]{padding:0;width:36px;height:28px;cursor:pointer}.panel{border:1px solid var(--line);border-radius:6px;padding:.55rem;display:grid;gap:.4rem}.panel-title{font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel .row,.bin-fields .row{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.panel input[type=number],.bin-fields input[type=number]{width:64px;padding:.2rem .3rem}.panel select{flex:1;min-width:0;padding:.2rem;font-size:.78rem}.bin-item{display:flex;gap:.5rem;border:1px solid var(--line);border-radius:6px;padding:.5rem}.bin-item>img{width:52px;height:52px;object-fit:contain;background:repeating-conic-gradient(#e6e6e6,#e6e6e6 25%,#fff 0%,#fff 50%) 0 0/12px 12px;border-radius:4px;flex-shrink:0}.bin-fields{flex:1;min-width:0;display:grid;gap:.3rem}.bin-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpi{font-size:.72rem;font-weight:700;padding:.1rem .4rem;border-radius:999px;color:#fff}.dpi-good{background:#22c55e}.dpi-warn{background:#eab308}.dpi-bad{background:#ef4444}.library{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.4rem}.library img{width:44px;height:44px;object-fit:contain;border:1px solid var(--line);border-radius:4px;cursor:pointer;background:#fff}.stage-scroll{flex:1;overflow:auto;background:#3a3d44}.swatch{width:26px;height:26px;border-radius:6px;padding:0;border:2px solid #3a4553;cursor:pointer}.swatch-active{border-color:var(--accent);box-shadow:0 0 0 2px #1776c866}.fx-val{min-width:2.4em;text-align:right;font-size:.8rem;color:#9fb0c0;font-variant-numeric:tabular-nums}.panel .row input[type=range]{flex:1;min-width:0}.ruler-h,.ruler-v{cursor:grab}.ruler-guide-v,.ruler-guide-h{position:absolute;z-index:5}.ruler-guide-v{top:0;bottom:0;width:7px;cursor:ew-resize;background:linear-gradient(to right,transparent 3px,#22d3ee 3px,#22d3ee 4px,transparent 4px)}.ruler-guide-h{left:0;right:0;height:7px;cursor:ns-resize;background:linear-gradient(to bottom,transparent 3px,#22d3ee 3px,#22d3ee 4px,transparent 4px)}.ruler-guide-v.ghost,.ruler-guide-h.ghost{opacity:.6;pointer-events:none}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;touch-action:none;-webkit-user-select:none;user-select:none}.crop-window{position:absolute;touch-action:none;cursor:move;border:2px solid var(--accent);box-shadow:0 0 0 100000px #0a10189e}.crop-window.crop-active{border-color:#5aa9e6}.crop-grid{position:absolute;background:#ffffff8c;pointer-events:none}.crop-handle{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;touch-action:none;pointer-events:auto}.crop-handle.crop-active{z-index:2}.crop-handle.crop-active span{transform:scale(1.25)}.crop-dot,.crop-pill-h,.crop-pill-v{pointer-events:none;display:block;background:#fff;border:2px solid var(--accent);box-shadow:0 1px 4px #0006;transition:transform .1s}.crop-dot{width:14px;height:14px;border-radius:3px}.crop-pill-h{width:24px;height:8px;border-radius:999px}.crop-pill-v{width:8px;height:24px;border-radius:999px}.crop-h-n{left:50%;top:-22px;transform:translate(-50%);cursor:ns-resize}.crop-h-s{left:50%;bottom:-22px;transform:translate(-50%);cursor:ns-resize}.crop-h-w{top:50%;left:-22px;transform:translateY(-50%);cursor:ew-resize}.crop-h-e{top:50%;right:-22px;transform:translateY(-50%);cursor:ew-resize}.crop-h-nw{left:-22px;top:-22px;cursor:nwse-resize}.crop-h-ne{right:-22px;top:-22px;cursor:nesw-resize}.crop-h-sw{left:-22px;bottom:-22px;cursor:nesw-resize}.crop-h-se{right:-22px;bottom:-22px;cursor:nwse-resize}.crop-bar{position:absolute;transform:translate(-50%);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;max-width:calc(100vw - 16px);background:#232b34;border:1px solid #3a4553;border-radius:8px;padding:.45rem;box-shadow:0 4px 16px #00000080}.bg-remove-modal{max-width:660px}.bg-compare{display:flex;gap:.8rem;margin:.6rem 0}.bg-compare figure{flex:1;margin:0;text-align:center;min-width:0}.bg-compare figcaption{font-size:.8rem;color:#9fb0c0;margin-top:.3rem}.bg-compare img,.bg-wait{width:100%;height:220px;object-fit:contain;background:repeating-conic-gradient(#2a333d,#2a333d 25%,#1f262e 0%,#1f262e 50%) 0 0 / 16px 16px;border-radius:6px}.bg-wait{display:flex;align-items:center;justify-content:center;color:#9fb0c0;font-size:.85rem;padding:.5rem;text-align:center}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#1776c82e;outline:4px dashed var(--accent);outline-offset:-8px}.drop-overlay-note{background:var(--accent);color:#fff;font-weight:600;padding:.8rem 1.4rem;border-radius:8px;font-size:1.05rem}.stage-grid{display:inline-grid}.ruler-corner{position:sticky;top:0;left:0;z-index:3;background:#2c2e33}.ruler-h{position:sticky;top:0;z-index:2;background:#2c2e33;line-height:0}.ruler-v{position:sticky;left:0;z-index:2;background:#2c2e33;line-height:0}.ruler line{stroke:#9a9da6}.ruler .tick-major{stroke:#cfd2d8}.ruler text{fill:#cfd2d8;font-family:ui-monospace,Menlo,monospace;font-size:9px}.sheet-bg{position:relative;background:#2c2e33 repeating-conic-gradient(#33363c,#33363c 25%,#2c2e33 0%,#2c2e33 50%) 0 0/16px 16px}.sheet-bg .printable{position:absolute;border:1px dashed rgba(255,255,255,.35);pointer-events:none;z-index:1}.statusbar{display:flex;align-items:center;gap:1rem;padding:.3rem .75rem;background:var(--surface);border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.statusbar .spacer{flex:1}.statusbar button{padding:.1rem .5rem}.statusbar select{padding:.1rem .2rem}.stat-bad{color:var(--danger);font-weight:700}.split-btn{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600;padding:.15rem .6rem}.queue-modal{width:min(680px,94vw)}.queue-modal .btn-link{padding:.2rem .5rem}.order-side{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--line);border-radius:6px;padding:.4rem .5rem}.order-side input[type=checkbox]{width:auto}.order-side img{width:44px;height:44px;object-fit:contain;background:repeating-conic-gradient(#e6e6e6,#e6e6e6 25%,#fff 0%,#fff 50%) 0 0/12px 12px;border-radius:4px}.order-side .side-label{flex:1;min-width:0;font-size:.82rem}.order-side .side-label em{color:var(--muted);font-style:normal;font-size:.74rem}.order-side input[type=number]{width:64px}.statusbar .hint{color:var(--line)}.export-bar{display:flex;gap:1rem;align-items:center;padding:.6rem .75rem;background:#eaf4ec;border-top:1px solid #2e7d43;font-size:.9rem}.export-bar a{color:var(--accent);font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:20}.modal-body{background:var(--surface);border-radius:8px;padding:1.25rem;width:min(560px,92vw);max-height:80vh;overflow-y:auto;display:grid;gap:.5rem}.modal-body h2{margin:0 0 .25rem;font-size:1.05rem}.hist-row{display:flex;gap:.75rem;font-size:.85rem;align-items:center;border-bottom:1px solid var(--line);padding:.3rem 0}.hist-row span{flex:1}.chip-exported{font-style:normal;font-size:.7rem;font-weight:700;color:#2e7d43}.check-row{cursor:pointer;-webkit-user-select:none;user-select:none}.check-row input{width:auto}.nn-modal{width:min(640px,94vw)}.nn-import input{flex:1;min-width:0}.nn-table{display:grid;gap:.3rem;max-height:40vh;overflow-y:auto}.nn-head,.nn-row{display:grid;grid-template-columns:2fr 1fr auto;gap:.4rem;align-items:center}.nn-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.nn-row input{width:100%}.shortcuts td{padding:.25rem .6rem .25rem 0;font-size:.85rem}kbd{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:.05rem .35rem;font-family:ui-monospace,Menlo,monospace;font-size:.78rem}.row-end{display:flex;gap:.5rem;justify-content:flex-end;align-items:center}.sheet-tabs{display:flex;align-items:center;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 .5rem;overflow-x:auto}.sheet-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.82rem;cursor:pointer;border-bottom:2px solid transparent;color:var(--muted);white-space:nowrap;max-width:200px;overflow:hidden}.sheet-tab.active{color:var(--ink);font-weight:650;border-bottom-color:var(--accent)}.tab-close{border:none;background:none;color:var(--muted);padding:0 .1rem;font-size:.9rem;line-height:1}.tab-close:hover{color:var(--danger)}.tab-add{border:none;background:none;color:var(--accent);font-size:.82rem;font-weight:600;padding:.35rem .5rem;white-space:nowrap}.tab-rename{font-size:.82rem;padding:.15rem .4rem;width:160px;margin:.15rem 0}.ctx-menu{position:fixed;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000002e;padding:.3rem;min-width:200px;display:grid}.ctx-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:none;background:none;text-align:left;padding:.4rem .6rem;border-radius:5px;font-size:.85rem;cursor:pointer}.ctx-item:hover{background:var(--bg)}.ctx-item.danger{color:var(--danger)}.ctx-item kbd{font-size:.68rem;color:var(--muted);background:none;border:none;padding:0}.ctx-sep{height:1px;background:var(--line);margin:.25rem .3rem}.export-preview{width:min(720px,94vw)}.preview-frame{background:repeating-conic-gradient(#d9d9d9,#d9d9d9 25%,#fff 0%,#fff 50%) 0 0/16px 16px;border:1px solid var(--line);border-radius:6px;padding:.5rem;display:grid;place-items:center;max-height:55vh;overflow:auto}.preview-frame img{max-width:100%;max-height:50vh;object-fit:contain}.btn-link{padding:.35rem .7rem;border:1px solid var(--line);border-radius:5px;color:var(--accent);font-weight:600;text-decoration:none}.primary-link{background:var(--accent);border-color:var(--accent);color:#fff}.fab{position:fixed;right:1rem;bottom:3.2rem;width:52px;height:52px;border-radius:50%;background:var(--accent);border:none;font-size:1.4rem;box-shadow:0 4px 14px #0000004d;z-index:15}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:16}.drawer{position:fixed;left:0;right:0;bottom:0;height:65vh;background:var(--surface);border-radius:14px 14px 0 0;display:flex;flex-direction:column;z-index:17}.drawer-handle{align-self:center;width:42px;height:5px;border-radius:3px;background:var(--line);margin:.5rem 0;flex-shrink:0;cursor:pointer}.drawer aside{width:100%;border-right:none;flex:1}@media(max-width:767px){header{gap:.35rem}header .sheet-name{width:110px}}.busy{position:fixed;top:0;left:0;right:0;background:var(--accent);color:#fff;text-align:center;padding:.4rem;font-size:.85rem;z-index:30}.toast{position:fixed;bottom:2.4rem;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;z-index:30}.tier-pick{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted);font-weight:600}.tier-pick select{font-variant-numeric:tabular-nums}.gear-wrap{position:relative;display:inline-flex}.gear-btn{display:inline-flex;align-items:center;padding:.42rem .5rem;color:var(--muted)}.gear-btn.gear-open,.gear-btn:hover{color:var(--ink);border-color:var(--accent)}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.settings-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:61;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #00000024;padding:.75rem;width:240px;display:grid;gap:.6rem}.settings-pop label{display:grid;gap:.25rem;font-size:.78rem;color:var(--muted);font-weight:600}.settings-pop label.check-row{display:flex;align-items:center;gap:.4rem}.settings-pop select,.settings-pop input[type=number]{width:100%;box-sizing:border-box}.price-tag{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;background:#eaf3fb;border:1px solid #c6def2;border-radius:6px;padding:.2rem .55rem}.autobuild-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;padding:.55rem;border-radius:6px}.autobuild-btn:disabled{opacity:.6}.account-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip .ghost{color:var(--accent)}.signin-modal{max-width:380px;display:grid;gap:.6rem}.signin-modal input{width:100%;box-sizing:border-box}.signin-modal .row{display:flex;gap:.5rem}.signin-modal .row input{flex:1}.signin-error{color:var(--danger);font-weight:600}