:root{color-scheme:dark;--bg:#090a0b;--panel:#0e0f11;--border:#28292e;--muted:#93949d;--green:#22c995}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f7;font:16px Tahoma,Arial,sans-serif;line-height:1.7}button,input{font:inherit}button,a,input{outline-offset:5px}button{border:1px solid var(--border);background:#191a1e;color:inherit;border-radius:40px;padding:9px 20px;cursor:pointer;white-space:nowrap}button:hover{border-color:#6b6c74;background:#22242a}button:disabled{opacity:.4;cursor:not-allowed}.green{background:#0d342a;color:#55e2b6;border-color:#146348}.green:hover{background:#164b3d}.quiet{background:transparent;color:var(--muted)}.danger:hover{color:#ff9f9f;border-color:#7d4040}input{border:1px solid var(--border);border-radius:40px;background:#0b0c0e;color:#f5f5f7;padding:13px 21px;min-width:0;width:100%}input::placeholder{color:#70717b}label{display:block;color:var(--muted);font-size:14px;margin-bottom:9px}header{max-width:1250px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202125}.brand{display:flex;gap:12px;align-items:center;color:var(--green);text-decoration:none;font-size:27px}.brand b{color:white}.brand span{font-size:12px;color:var(--muted);border-right:1px solid var(--border);padding-right:16px;margin-right:8px}main{max-width:1170px;margin:auto;padding:42px 28px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}small{color:var(--green)}h1{font-size:36px;letter-spacing:-1px;margin:8px 0}h1 span{color:var(--green)}p{color:var(--muted)}.intro p{margin:6px 0}.mobile{display:none}.connection{display:flex;align-items:center;gap:9px;font-size:13px;color:#b5b6be}.dot{width:8px;height:8px;background:#e9b95d;border-radius:50%}#notice{background:#131918;border:1px solid #263c35;border-radius:14px;padding:10px 16px;font-size:13px;margin-bottom:17px;color:#b3d4c8}#notice.error{background:#271717;border-color:#793e3e;color:#ffbaba}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px;background:#151619;border:1px solid var(--border);border-radius:22px;margin-bottom:22px;font-size:12px}.toolbar button{font-size:12px;padding:7px 13px}.tag{color:var(--green);border:1px solid #14583f;padding:5px 11px;border-radius:30px}#saveState{color:var(--muted)}.spacer{flex:1}.card{border:1px solid var(--border);border-radius:30px;padding:32px;background:var(--panel)}.file-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.file-heading>div{width:100%;max-width:600px}#fileTitle{font-size:25px;font-weight:bold;background:transparent;border-color:transparent;padding:5px 0;border-radius:6px}#fileTitle:hover,#fileTitle:focus{border-color:var(--border)}.sheetIcon{color:var(--green);font-size:43px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stats>div{border:1px solid var(--border);border-radius:20px;background:#151619;padding:18px;text-align:center;display:flex;flex-direction:column;gap:3px}.stats b{font-size:30px}.stats span{font-size:13px;color:var(--muted)}.section{border-top:1px solid #242529;padding-top:26px;margin-top:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:21px;margin:0}.step{color:#62666e;font-size:12px;border:1px solid var(--border);border-radius:8px;padding:1px 7px}.tabs{display:flex;gap:10px;overflow:auto;margin:20px 0}.tabs button.active{background:#f4f4f5;color:#111;font-weight:bold}.inline{display:flex;gap:10px;margin-top:15px}.inline input{flex:1}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:36px}.hint{font-size:13px;line-height:1.9}.column-row{display:flex;align-items:center;gap:9px;margin:12px 0}.column-row input{padding:9px 15px}.column-row button{padding:7px 14px;background:transparent;color:var(--muted)}.column-row span{background:#1d1e22;border-radius:10px;padding:5px 12px;color:var(--muted);font-size:13px}#fields label{margin-top:16px}#fields input{padding:10px 17px}.full{width:100%}.results{display:flex;align-items:center;justify-content:space-between;margin:18px 0;color:var(--muted);font-size:13px}.results button{font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-size:14px;color:#c7c8cc}td,th{padding:17px 13px;border-bottom:1px solid var(--border)}td{font-size:15px;color:#bfc0c6}td button{font-size:16px;padding:4px 13px;background:transparent;margin-left:5px}.empty{padding:40px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0;color:#797c86;font-size:12px}footer>div{display:flex;gap:8px;flex-wrap:wrap}footer button{font-size:12px}dialog{max-width:590px;width:calc(100% - 30px);border:1px solid #3b3e45;border-radius:24px;background:#141518;padding:25px;color:white;max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p,dialog ol{font-size:14px;line-height:1.9}dialog a{color:var(--green)}code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;background:#090a0b;padding:12px;border-radius:10px;color:#7bdfbb;font-size:12px}button[hidden]{display:none}@media(max-width:700px){header{padding:16px 20px}.brand span{display:none}header button{font-size:12px;padding:7px 14px}main{padding:25px 14px}.intro{display:block;margin-bottom:22px}h1{font-size:29px}.intro p{font-size:13px}.connection{margin-top:18px}.card{padding:22px 17px;border-radius:26px}.stats{gap:8px}.stats>div{padding:17px 5px;border-radius:18px}.stats b{font-size:29px}.stats span{font-size:11px}.workspace{display:block}h2{font-size:20px}.section{margin-top:27px;padding-top:25px}.section-title .quiet{font-size:11px;padding:5px 0}.inline button{padding:10px 15px}.toolbar{gap:8px;padding:12px}.toolbar .spacer{display:none}.toolbar #saveState{flex:1}.toolbar button{flex:1}.toolbar .tag{font-size:11px}.file-heading{gap:12px}#fileTitle{font-size:25px}footer{display:block}footer>div{margin-top:15px}td,th{padding:15px 10px}#notice{font-size:12px}input{font-size:16px}.hint{font-size:12px}}
