.gen-tool .gen-action{justify-self:start}.gen-tool .gen-number{width:min(100%,190px)}.gen-tool .gen-entries{gap:6px;min-width:0;display:grid}.gen-tool .gen-note{color:var(--muted);font-size:13px}.gen-drawing{animation:.38s ease-out both draw-in}@keyframes draw-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.gen-tool .gen-error{color:#7b3425;font-size:13px;font-weight:650}.gen-tool .gen-types{border:0;flex-wrap:wrap;gap:5px 13px;min-width:0;margin:0;padding:0;display:flex}.gen-tool .gen-types legend{padding:0;font-size:14px;font-weight:700}.gen-tool .gen-types .check{min-height:34px}.gen-tool .gen-types input{margin-inline:0}.gen-tool .gen-panel{border-left:1px solid var(--line);background:#eef0df;align-content:start;justify-items:start;gap:12px;min-width:0;padding:25px;display:grid}.gen-tool .gen-result{width:100%;min-width:0}.gen-tool .gen-empty{color:var(--muted);font-size:14px}.gen-tool .gen-password{background:var(--surface);border:1px solid var(--line);font:650 clamp(16px, 2.3vw, 21px)/1.55 var(--mono);overflow-wrap:anywhere;border-radius:7px;padding:13px 14px;display:block}.gen-tool .gen-list{max-height:330px;margin:0;padding:1px 0 1px 26px;overflow-y:auto}.gen-tool .gen-list li{overflow-wrap:anywhere;padding:6px 4px}.gen-tool .gen-list li+li{border-top:1px solid var(--line)}.gen-tool .gen-list li::marker{color:var(--muted);font:650 12px var(--mono)}.gen-tool .gen-teams{gap:10px;max-height:340px;display:grid;overflow-y:auto}.gen-tool .gen-teams>div{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 12px}.gen-tool .gen-teams h3{margin:0 0 3px;font-size:14px}.gen-tool .gen-teams ul{overflow-wrap:anywhere;padding-inline-start:17px}.gen-tool .gen-ladder-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gen-tool .gen-ladder-panel{border-left:0;border-top:1px solid var(--line)}.gen-tool .gen-board-scroll{width:100%;overflow-x:auto}.gen-tool .gen-board{min-width:var(--board-min);padding-block:4px}.gen-tool .gen-lanes{grid-template-columns:repeat(var(--lanes), minmax(0, 1fr));display:grid}.gen-tool .gen-lane{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:7px;align-items:center;min-width:0;min-height:42px;margin-inline:3px;padding:4px 5px;font-size:13px;display:grid}.gen-tool .gen-lane span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gen-tool .gen-lane[aria-pressed=true],.gen-tool .gen-destination{background:var(--lime);color:var(--lime-dark);border-color:#9cae6f;font-weight:750}.gen-tool .gen-ladder-chart{width:100%;height:clamp(150px,32vw,300px);display:block}.gen-tool .gen-ladder-chart line{stroke:#9aa693;stroke-width:1.3px}.gen-tool .gen-trail{fill:none;stroke:#4b6e33;stroke-width:3px;stroke-linejoin:round}.gen-tool .gen-tracing{fill:none;stroke:#fff;stroke-width:10px;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:.8s linear both ladder-trace}@keyframes ladder-trace{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.gen-tool .gen-tracing{animation-duration:1ms}}.gen-tool .gen-selection{overflow-wrap:anywhere;font-size:18px;font-weight:750}.gen-tool .gen-wheel-panel{text-align:center;justify-items:center}.gen-tool .gen-wheel-status{width:100%}.gen-tool .gen-wheel{aspect-ratio:1;width:min(100%,275px);margin-block:7px 3px;position:relative}.gen-tool .gen-rotor svg{width:100%;height:auto;display:block}.gen-tool .gen-rotor path{stroke:var(--surface);stroke-width:1.6px}.gen-tool .gen-rotor text{fill:var(--ink);font:750 11px var(--sans)}.gen-tool .gen-wheel-rim{fill:none;stroke:var(--lime-dark);stroke-width:2.5px}.gen-tool .gen-wheel-hub{fill:var(--surface);stroke:var(--lime-dark);stroke-width:1.7px}.gen-tool .gen-wheel-pin{fill:var(--lime-dark)}.gen-tool .gen-wheel-pointer{background:var(--lime-dark);clip-path:polygon(0 0,100% 0,50% 100%);width:23px;height:27px;position:absolute;inset:-4px auto auto 50%;transform:translate(-50%)}@media (max-width:850px){.gen-tool .gen-panel{padding:17px}}@media (max-width:650px){.gen-tool .gen-panel{border-left:0;border-top:1px solid var(--line)}}.wheel-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.team-mixer{isolation:isolate;width:100%;height:142px;position:relative}.team-jar{z-index:1;background:#dce7c8;border:2px solid #738566;border-radius:7px 7px 24px 24px;position:absolute;inset:57px calc(50% - 50px) 12px}.team-jar:before{content:"";background:var(--surface);border:2px solid #738566;border-radius:8px;height:10px;position:absolute;inset:-7px -5px auto}.team-ticket{text-align:center;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);background:var(--surface);z-index:2;border-radius:3px;width:68px;padding:3px;font-size:12px;position:absolute;top:9px;left:calc(50% - 34px);overflow:hidden}@media (prefers-reduced-motion:no-preference){.team-ticket{animation:.42s cubic-bezier(.23,1,.32,1) both ticket-drop;animation-delay:calc(var(--ticket-index) * 52ms)}.team-jar{animation:.56s cubic-bezier(.77,0,.175,1) .65s both jar-shake}@keyframes ticket-drop{0%{transform:translateX(calc((var(--ticket-index) - 2) * 23px)) rotate(calc((var(--ticket-index) - 2) * 7deg));opacity:0}25%{opacity:1}to{opacity:0;transform:translateY(65px)scale(.9)}}@keyframes jar-shake{0%,to{transform:rotate(0)}20%,60%{transform:translate(-5px)rotate(-9deg)}40%,80%{transform:translate(5px)rotate(9deg)}}}
.text-tool .tool-fields,.text-tool-result{align-content:start;gap:11px;min-width:0;padding:18px;display:grid}.text-tool .field textarea{font-size:13px;line-height:1.5}.text-tool .field textarea::placeholder{color:var(--muted)}.text-tool-result{border-left:1px solid var(--line);background:#eef0e6}.text-tool-result h2{font-size:14px}.text-tool-result .button{justify-self:start}.text-tool-note{color:var(--muted);font-size:13px}.text-tool-mode{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;font-weight:700;display:flex}.text-tool-mode select{border:1px solid var(--line);background:var(--surface);min-width:0;max-width:100%;min-height:42px;color:inherit;font:inherit;border-radius:7px;padding:4px 7px}.text-tool-counts{margin:0}.text-tool-counts>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.text-tool-counts dt{font-size:13px}.text-tool-counts dd{font:650 14px/1.5 var(--mono);margin:0}.text-tool-frequency{border:1px solid var(--line);background:var(--surface);border-radius:7px;max-height:232px;overflow:auto}.text-tool-frequency table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.text-tool-frequency th,.text-tool-frequency td{border-bottom:1px solid var(--line);text-align:start;overflow-wrap:anywhere;padding:4px 8px}.text-tool-frequency thead{background:var(--surface);position:sticky;top:0}.text-tool-frequency tbody tr:last-child td{border-bottom:0}.text-tool-frequency th:last-child,.text-tool-frequency td:last-child{text-align:right;white-space:nowrap}.text-tool-frequency td:last-child{font-family:var(--mono)}@media (max-width:650px){.text-tool .tool-fields,.text-tool-result{padding:13px}.text-tool-result{border-left:0;border-top:1px solid var(--line)}.text-tool .field .text-tool-input{font-size:14px}}
.color-tools{--color-gutter:clamp(12px, 2vw, 20px)}.color-fields{padding:var(--color-gutter);gap:12px;display:grid}.color-value-field{width:100%;max-width:260px}.color-value-inputs{grid-template-columns:47px minmax(0,1fr);gap:6px;display:grid}.color-tools .field input[type=text]{font:500 14px/1.45 var(--mono)}.color-tools input[type=color]{cursor:pointer}.color-tools .field input[aria-invalid=true]{border-color:#a95043}.color-tools :is(input,button):focus-visible{outline-offset:-3px}.color-error,.color-note{font-size:13px;font-weight:500}.color-error{color:#8b382c}.color-note{color:var(--muted)}.color-toolbar{padding:11px var(--color-gutter);border-top:1px solid var(--line);background:#eef0e6;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.color-toolbar .palette-random{margin-right:auto}.color-strip{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:0;list-style:none;display:grid}.color-strip li{background:var(--surface);grid-template-rows:42px 1fr;min-width:0;display:grid}.color-strip li+li{border-left:1px solid var(--line)}.color-strip .color-sample{border-bottom:1px solid #21312924;display:block}.color-strip .button.primary{width:100%;color:var(--ink);font:600 12px/1.4 var(--mono);overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;gap:4px;padding-inline:4px}.color-strip .button.primary:hover:not(:disabled){background:#edf1e4}.palette-strip li{grid-template-rows:clamp(132px,23vw,235px) 1fr}.harmony-list{border-top:1px solid var(--line)}.harmony-row{padding:11px var(--color-gutter);grid-template-columns:minmax(115px,.8fr) minmax(0,2fr);align-items:center;gap:12px;display:grid}.harmony-row+.harmony-row{border-top:1px solid var(--line)}.harmony-row h2{font-size:15px}.harmony-row .color-strip{border:1px solid var(--line);border-radius:7px;overflow:hidden}.harmony-list>.color-note{padding:0 var(--color-gutter) var(--color-gutter)}.converter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-fields .color-error{grid-column:1/-1}.converter-sample{border-top:1px solid var(--line);background-color:var(--paper);min-height:clamp(100px,19vw,175px)}.contrast-fields{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:start}.contrast-fields .color-value-field{max-width:none}.contrast-fields .button{min-height:44px;margin-top:27px}.contrast-sample{min-height:140px;padding:var(--color-gutter);border-block:1px solid var(--line);align-content:center;display:grid}.contrast-sample strong{font-size:clamp(24px,4vw,36px);line-height:1.2}.contrast-sample p{margin-top:4px}.contrast-results{padding:var(--color-gutter);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;display:grid}.contrast-score h2{color:var(--muted);font-size:13px}.contrast-score output{font-variant-numeric:tabular-nums;font:500 clamp(38px,5vw,56px)/1.1 Georgia,serif;display:block}.contrast-score output span{color:var(--muted);font:650 14px/1 var(--mono)}.contrast-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.contrast-table th,.contrast-table td{border-bottom:1px solid var(--line);padding:6px 8px}.contrast-table th[scope=row]{font-family:var(--mono)}.contrast-table span{border-radius:4px;padding:2px 6px;font-weight:700;display:inline-block}.contrast-pass{color:#294627;background:#e4ecd5}.contrast-fail{color:#78382d;background:#f4dfd6}.contrast-results .color-note{margin-top:7px}@media (max-width:550px){.harmony-row,.contrast-results{grid-template-columns:minmax(0,1fr);gap:8px}.palette-strip{grid-auto-flow:row}.palette-strip li{grid-template:1fr/minmax(0,1fr) minmax(92px,27%)}.palette-strip li+li{border-left:0;border-top:1px solid var(--line)}.palette-strip .color-sample{border-bottom:0;border-right:1px solid #21312924}}@media (max-width:430px){.converter-fields{grid-template-columns:minmax(0,1fr)}.contrast-fields{grid-template-columns:minmax(0,1fr) auto}.contrast-fields .color-value-field{grid-column:1}.contrast-fields .button{grid-area:1/2/3/3;align-self:center;margin-top:0}}.converter-fields .converter-picker{grid-column:1/-1;align-items:center;gap:8px;display:flex}.converter-fields .converter-picker input[type=color]{width:52px}
.investment-surface{min-width:0}.investment-top{display:grid}.investment-result{align-content:start;gap:18px;display:grid}.investment-cards{gap:12px;min-width:0;margin:0;display:grid}.investment-cards>div{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-width:0;padding:12px}.investment-cards dt{color:var(--muted);font-size:13px;font-weight:700}.investment-cards dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(18px,3vw,28px);font-weight:750}.investment-details{border-top:1px solid var(--line);gap:12px;min-width:0;padding:20px;display:grid}.investment-table-wrap{min-width:0;max-height:420px;overflow:auto}.investment-table-wrap table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.investment-table-wrap caption{text-align:left;padding-bottom:12px;font-weight:750}.investment-table-wrap th,.investment-table-wrap td{border-bottom:1px solid var(--line);text-align:right;overflow-wrap:anywhere;padding:10px 6px}.investment-table-wrap th:first-child{text-align:left;width:18%}.investment-table-wrap thead{background:var(--surface);position:sticky;top:0}@media (max-width:480px){.investment-details{padding:17px}.investment-table-wrap table{font-size:12px}.investment-table-wrap th,.investment-table-wrap td{padding:9px 4px}}
