:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}:root{--bg:#f4f7fb;--panel:#fff;--text:#111827;--muted:#667085;--border:#dfe5ef;--primary:#1677ff;--primary-soft:#eaf2ff;--danger:#d92d20;--success:#067647;--shadow:0 18px 40px #1d293914}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:var(--bg);margin:0;font-family:Inter,Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}#app,.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:42px;padding:0 32px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:0;background:0 0;border:0;padding:0;font-size:16px;font-weight:800}.brand span,.hero h1 span{color:var(--primary)}.nav{align-items:center;gap:28px;display:flex}.nav a{color:#1f2937;font-size:13px;text-decoration:none}.nav a:hover{color:var(--primary)}main{width:min(100%,900px);margin:0 auto;padding:48px 24px 32px}.hero{text-align:center;justify-items:center;gap:14px;padding:4px 0 74px;display:grid}.hero h1{color:#121826;letter-spacing:0;margin:0;font-size:clamp(30px,4vw,38px);font-weight:900;line-height:1.2}.hero p{color:#344054;margin:0 0 8px;font-size:14px}.search{width:min(100%,430px);height:36px;color:var(--text);background:#fff;border:1px solid #d0d7e2;border-radius:5px;outline:none;padding:0 16px}.search:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1677ff1f}.tool-section,.tag-panel,.workspace{margin-bottom:34px}.section-head{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}h2{color:var(--text);letter-spacing:0;margin:0;font-size:18px;font-weight:800}.section-head p,.workspace-title p{color:var(--muted);margin:0;font-size:13px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tool-card{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:7px;gap:10px;min-height:116px;padding:21px 18px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.tool-card:hover,.tool-card.active{box-shadow:var(--shadow);border-color:#1677ff70;transform:translateY(-2px)}.tool-icon{width:28px;height:28px;color:var(--primary);place-items:center;font-size:19px;font-weight:800;line-height:1;display:inline-grid}.tool-icon.large{float:left;background:var(--primary-soft);border-radius:6px;margin:3px 12px 0 0}.tool-card strong{color:#111827;font-size:14px;font-weight:800}.tool-card small{color:var(--muted);font-size:12px}.tag-panel,.workspace{background:var(--panel);border:1px solid #edf1f7;border-radius:8px;padding:24px}.tags{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.tag{color:#006bff;background:var(--primary-soft);border:1px solid #0000;border-radius:999px;min-height:26px;padding:4px 14px;font-size:13px}.tag.active{color:#fff;background:var(--primary)}.workspace{scroll-margin-top:58px}.workspace-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:16px;padding-bottom:18px;display:flex}.message{border-radius:6px;max-width:45%;padding:7px 10px;font-size:12px}.message.success{color:var(--success);background:#ecfdf3}.message.error{color:var(--danger);background:#fef3f2}.tool-panel{gap:14px;padding-top:18px;display:grid}textarea,input,select{width:100%;color:var(--text);background:#fff;border:1px solid #d0d7e2;border-radius:6px;outline:none}textarea{resize:vertical;min-height:170px;padding:13px 14px;font-family:JetBrains Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.55}textarea.short{min-height:76px}input,select{height:38px;padding:0 11px}label{color:#344054;gap:7px;font-size:13px;font-weight:700;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.compact{grid-template-columns:minmax(0,220px) minmax(0,220px)}.checkbox{align-self:end;align-items:center;gap:10px;height:38px;display:flex}.checkbox input{width:16px;height:16px}.actions,.segmented{flex-wrap:wrap;gap:10px;display:flex}.actions button,.segmented button{color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:6px;min-height:34px;padding:0 14px;font-size:13px;font-weight:700}.actions button:hover,.segmented button:hover{background:#0f66db}.actions button.ghost,.segmented button{color:#344054;background:#fff;border-color:#d0d7e2}.segmented button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.split{grid-template-columns:1fr 1fr;gap:14px;display:grid}footer{color:#7a8494;text-align:center;padding:10px 24px 22px;font-size:13px}@media (width<=900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:12px 16px}.nav{justify-content:space-between;gap:12px;width:100%}main{padding:34px 16px 24px}.hero{padding-bottom:42px}.tool-grid,.form-grid,.form-grid.compact,.split{grid-template-columns:1fr}.workspace-title{flex-direction:column}.message{max-width:100%}.tag-panel,.workspace{padding:18px}}