.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px;animation:slideUp .5s ease-out .05s backwards}.ctrl-grp{display:flex;flex-direction:column}.ctrl-lbl{font-size:10px;color:var(--mute);letter-spacing:.03em;margin-bottom:5px;font-weight:700;text-transform:uppercase}select{border:1.5px solid var(--line);border-radius:9px;background:var(--sheet);padding:9px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}select:hover,select:focus{border-color:var(--clay);box-shadow:0 4px 8px #d9775714;outline:none}.vs-row{display:flex;align-items:center;gap:6px;margin-top:6px}.vs{font-family:var(--display);font-weight:700;font-size:10px;color:var(--clay);letter-spacing:.04em}#compare{flex:1;font-size:11px;padding:7px 8px}#efforts{display:flex;flex-wrap:wrap;gap:4px}#efforts .tier-btn{padding:9px 10px;text-align:center}.ext-box{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:9px;border:1.5px solid var(--line);animation:slideUp .5s ease-out .1s backwards}.ext-box input{width:16px;height:16px;cursor:pointer}.ext-box.off{opacity:.5}.ext-box.off input{cursor:not-allowed}.ext-lbl{cursor:pointer;flex:1;margin:0}.ext-lbl div:first-child{font-size:12px;font-weight:700;font-family:var(--display)}.ext-lbl div:last-child{font-size:10px;color:var(--mute);margin-top:2px}.spec-box{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px;animation:slideUp .5s ease-out .12s backwards}.spec-title{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--mute);letter-spacing:.04em;margin-bottom:8px}.cap{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px}.cap-icon{font-size:13px;min-width:14px}.cap-bar{flex:1;height:5px;background:#e3e5ea;border-radius:2px;overflow:hidden}.cap-fill{height:100%;transition:width .3s}.cap-val{font-weight:700;color:var(--mute);min-width:28px;text-align:right;font-size:10px}#model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.mg{font-size:11px;padding:8px;background:linear-gradient(135deg,#f3f4f7,#e5e7eb);border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;gap:6px}.mg .dot{width:8px;height:8px;border-radius:50%;flex:none}.mg .prov{margin-left:auto;font-size:9px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.03em}.play-btn{width:100%;padding:11px;font-family:var(--display);font-weight:700;font-size:13px;background:#e5e7eb;color:#374151;border:none;border-radius:9px;cursor:pointer;transition:all .3s;margin-bottom:14px;animation:slideUp .5s ease-out .15s backwards}.play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.play-btn:disabled{opacity:.6;cursor:wait}.card{background:var(--sheet);border:1px solid var(--line);border-radius:10px;padding:12px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}.card-titles{flex:1}.card-title{font-size:13px;font-weight:700;font-family:var(--display);margin-bottom:4px}.card-meta{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;font-size:9px;font-weight:700;background:#f3f4f7;color:var(--mute);padding:3px 6px;border-radius:5px}#save-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:var(--display);font-weight:700;font-size:12px;padding:0;text-decoration:underline;opacity:.8;transition:opacity .3s}#save-btn:hover{opacity:1}.hidden-until-run{opacity:0;transition:opacity .3s}.card.ran .hidden-until-run{opacity:1}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}.metric{background:#f9fafb;border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center}.metric-lbl{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--mute);letter-spacing:.02em;margin-bottom:4px}.metric-val{font-size:20px;font-weight:700;font-family:var(--display);color:var(--ink)}.metric-sub{font-size:10px;color:var(--mute);margin-top:3px}.speed-bar{height:3px;background:#e3e5ea;border-radius:1.5px;margin-top:4px;overflow:hidden}.speed-fill{height:100%;width:0%;transition:width 1.5s ease-out;background:var(--ok)}.quality-badge{display:inline-block;margin-top:4px;padding:3px 6px;border-radius:5px;font-size:9px;font-weight:700}.quality-excellent{background:#dcfce7;color:#065f46}.quality-good{background:#dbeafe;color:#0c4a6e}.quality-fair{background:#fef3c7;color:#78350f}.output{background:#f9fafb;border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:10px}.output-lbl{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--mute);margin-bottom:4px}.output-txt{font-size:12px;color:var(--ink);line-height:1.5;font-style:italic}.insights{background:linear-gradient(135deg,#f3f4f7,#e5e7eb);border-radius:9px;padding:10px;margin-bottom:10px}.insights-lbl{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--mute);letter-spacing:.02em;margin-bottom:4px}.insights-txt{font-size:12px;color:var(--ink);line-height:1.5}.h2h{background:#f9fafb;border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:10px}.h2h-title{font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.h2h-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}.h2h-col{background:var(--sheet);border:1.5px solid var(--line);border-radius:8px;padding:9px 10px;transition:border-color .3s}.h2h-col.win{border-color:var(--clay);box-shadow:0 4px 12px #d977571f}.h2h-name{font-family:var(--display);font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px;margin-bottom:2px}.h2h-name .dot{width:8px;height:8px;border-radius:50%;flex:none}.h2h-name .win-badge{margin-left:auto;font-size:9px;background:#fde8df;color:#9a3e1f;padding:2px 6px;border-radius:5px;font-family:var(--body)}.h2h-prov{font-size:9px;color:var(--mute);font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.h2h-row{display:flex;justify-content:space-between;font-size:11px;color:var(--mute);margin-top:4px}.h2h-row b{font-family:var(--display);color:var(--ink);font-size:12px}.h2h-row.cost{padding-top:4px;margin-top:6px;border-top:1px dashed var(--line)}.h2h-row.cost b{color:var(--clay)}.h2h-vs{font-family:var(--display);font-weight:700;font-size:10px;color:var(--clay);align-self:center}.h2h-verdict{font-size:11px;line-height:1.5;margin-top:8px;color:var(--ink)}.tip{border-left:3px solid var(--warn);border-radius:8px;padding:10px;margin-bottom:10px;font-size:11px;line-height:1.5}.share-title{display:flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}.share-title svg{flex-shrink:0}.share-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;margin-bottom:14px;justify-items:center}.social-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.social-btn{--brand:var(--ink);width:54px;height:54px;border-radius:14px;border:1px solid transparent;background:#f3f4f6;color:var(--brand);cursor:pointer;transition:background-color .25s ease,color .25s ease,box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #14161a0d}.social-btn svg{display:block;width:22px;height:22px}.social-btn:hover{background:var(--brand);color:#fff;box-shadow:inset 0 0 0 1px #14161a0d,0 10px 20px -6px var(--brand);transform:translateY(-3px)}.social-btn:active{transform:translateY(-1px)}.social-btn:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.social-btn[data-brand=x],.social-btn[data-brand=twitter]{--brand:#0F1115;background:#eeeef0}.social-btn[data-brand=linkedin],.social-btn[data-brand=li]{--brand:#0A66C2;background:#e8f2fc}.social-btn[data-brand=facebook]{--brand:#1877F2;background:#e8f1fe}.social-btn[data-brand=whatsapp],.social-btn[data-brand=wa]{--brand:#25D366;background:#e7faee}.social-btn[data-brand=telegram]{--brand:#229ED9;background:#e6f6fc}.social-btn[data-brand=ig]{--brand:#E1306C;background:#fce8f0}.social-btn[data-brand=reddit]{--brand:#FF4500;background:#ffede3}.social-btn:not([data-brand]){--brand:var(--clay);background:#f3f4f6}.social-label{font-size:10px;font-weight:700;color:var(--mute);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}#settings-display{background:#f3f4f7;border-radius:9px;padding:10px;margin-bottom:12px;border:1px solid var(--line);font-size:11px}#settings-display>div:first-child{font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}#settings-display>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}#settings-display span:first-child{color:var(--mute);font-weight:600}#settings-display span:last-child{font-weight:700;color:var(--ink)}@media(max-width:640px){.controls,.metrics{grid-template-columns:1fr}.metric-val{font-size:18px}.share-row{grid-template-columns:repeat(3,1fr);gap:10px}.social-btn{width:48px;height:48px}.social-btn svg{width:18px;height:18px}.social-label{font-size:9px}.h2h-grid{grid-template-columns:1fr}.h2h-vs{justify-self:center}}