:root{--bg:#090c11;--panel:#111720;--panel2:#151c26;--line:#27313d;--text:#f5f7fa;--muted:#94a0af;--accent:#baff59}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.navbar{background:rgba(9,12,17,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navbar-brand,.nav-link{color:#fff!important}.fw-black{font-weight:850;letter-spacing:-.04em}.accent{color:var(--accent)}
.hero,.page-head{background:radial-gradient(circle at 80% 10%,rgba(186,255,89,.09),transparent 30%),linear-gradient(180deg,#101721,var(--bg));border-bottom:1px solid var(--line)}
.kicker{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:var(--accent)}.muted{color:var(--muted)!important}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#11170b;font-weight:800}.btn-accent:hover{background:#a8ed4e;border-color:#a8ed4e;color:#11170b}
.ts-card,.tool-box,.info-box,.quick-box{background:var(--panel);border:1px solid var(--line);border-radius:.8rem}
.ts-card{display:block;text-decoration:none;color:#fff;height:100%;padding:1.5rem;transition:.18s}.ts-card:hover{color:#fff;transform:translateY(-3px);border-color:#59683e;background:var(--panel2)}
.idx{font:700 .72rem ui-monospace,monospace;color:#657181}.tool-box{padding:1.25rem}.tool-input,.tool-output,.tool-option{width:100%;background:#080b10;border:1px solid #2a3542;color:#eef2f6;border-radius:.5rem;padding:1rem;outline:none}
.tool-input,.tool-output{min-height:220px;resize:vertical;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.tool-input:focus,.tool-option:focus{border-color:#6c813f;box-shadow:0 0 0 .2rem rgba(186,255,89,.08)}
.label{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}.error{display:none;background:#28161b;border:1px solid #75414a;color:#ffbec5;padding:.8rem 1rem;border-radius:.5rem}
.ad-slot{min-height:105px;border:1px dashed #303a47;border-radius:.6rem;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#667280;background:rgba(255,255,255,.01);margin:2rem auto}.ad-slot b{font-size:.62rem;letter-spacing:.18em}
.quick-row{display:flex;justify-content:space-between;padding:.85rem 0;border-top:1px solid var(--line);color:#fff;text-decoration:none}.quick-row:hover{color:var(--accent)}
footer{border-top:1px solid var(--line);color:var(--muted)}.stat{border:1px solid var(--line);background:var(--panel);border-radius:.65rem;padding:.65rem 1rem;font-weight:800}
@media(max-width:767px){.display-1{font-size:3.3rem}.display-3{font-size:2.7rem}.tool-input,.tool-output{min-height:170px}}

/* Workbench system */
.wb-shell{background:#0f151e;border:1px solid #27313d;border-radius:14px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.3)}
.wb-toolbar{padding:14px 16px;border-bottom:1px solid #27313d;background:#121a24;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wb-mode{border:1px solid #33404f;background:#0b1017;color:#c8d0da;border-radius:8px;padding:8px 13px;font-weight:700;font-size:.86rem}
.wb-mode.active,.wb-mode:hover{background:#baff59;border-color:#baff59;color:#11170b}
.wb-grid{display:grid;grid-template-columns:1fr 1fr;min-height:390px}
.wb-pane{padding:18px}.wb-pane+.wb-pane{border-left:1px solid #27313d}
.wb-editor{width:100%;height:315px;background:#080b10;border:1px solid #293543;color:#f2f5f8;border-radius:9px;padding:14px;resize:vertical;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}
.wb-editor:focus,.wb-control:focus{outline:0;border-color:#7b9747;box-shadow:0 0 0 3px rgba(186,255,89,.08)}
.wb-options{border-top:1px solid #27313d;background:#0c1118;padding:18px}
.wb-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wb-control{width:100%;background:#080b10;border:1px solid #293543;color:#eef2f6;border-radius:8px;padding:9px 11px}
.wb-check{display:flex;gap:8px;align-items:center;color:#aab4c1;font-size:.9rem}
.wb-actions{padding:14px 18px;border-top:1px solid #27313d;display:flex;gap:8px;flex-wrap:wrap}
.drop-overlay{position:fixed;inset:0;z-index:9999;background:rgba(8,12,16,.94);display:none;align-items:center;justify-content:center;border:5px dashed #baff59}
.drop-overlay.show{display:flex}.drop-card{text-align:center}.drop-icon{font-size:4rem}.file-chip{display:none;align-items:center;gap:10px;background:#17202b;border:1px solid #33404f;border-radius:8px;padding:9px 12px;margin-top:10px}.file-chip.show{display:flex}
.wb-note{font-size:.82rem;color:#8794a4}.wb-stat{background:#0b1017;border:1px solid #27313d;border-radius:8px;padding:10px 12px}
@media(max-width:900px){.wb-grid{grid-template-columns:1fr}.wb-pane+.wb-pane{border-left:0;border-top:1px solid #27313d}.wb-options-grid{grid-template-columns:1fr}}