:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#182126;background:#f4f6f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f4f6f7;--surface: #ffffff;--surface-2: #f8faf9;--text: #182126;--muted: #66727a;--faint: #8b969d;--line: #dde4e3;--line-strong: #c7d2d0;--accent: #0f766e;--accent-2: #2563eb;--accent-soft: #e7f4f1;--amber: #b45309;--danger: #b42318;--danger-soft: #fff1ef;--shadow: 0 18px 50px rgba(21, 32, 37, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{border:0}.app-shell{min-height:100vh;background:linear-gradient(180deg,#ffffffb8,#f4f6f7eb 32%),var(--bg)}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(210px,280px) minmax(260px,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:12px 22px;border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark,.login-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#163c3a;border-radius:8px;box-shadow:0 10px 24px #0f766e33}.brand h1,.login-panel h1,.content-header h2,.modal-header h2,.confirm-panel h2,.empty-state h3{margin:0;letter-spacing:0}.brand h1{font-size:17px;font-weight:750;line-height:1.2}.brand span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.search-box{display:flex;align-items:center;gap:10px;min-width:0;height:44px;padding:0 12px;color:var(--muted);background:#f7f9f9;border:1px solid var(--line);border-radius:8px}.search-box:focus-within,.compact-search:focus-within,.field input:focus,.field textarea:focus,.field select:focus{border-color:#0f766e8c;box-shadow:0 0 0 3px #0f766e1f}.search-box input,.compact-search input{width:100%;min-width:0;color:var(--text);background:transparent;border:0;outline:0}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.outline-button,.primary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border-radius:8px;font-size:14px;font-weight:650;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.outline-button{color:#263238;background:var(--surface);border:1px solid var(--line)}.primary-button{color:#fff;background:var(--accent)}.danger-button{color:#fff;background:var(--danger)}.outline-button:hover,.primary-button:hover,.danger-button:hover,.gear-button:hover,.mini-icon:hover,.ghost-icon:hover{transform:translateY(-1px)}.outline-button:disabled,.primary-button:disabled,.danger-button:disabled,.gear-button:disabled,.manage-menu button:disabled{cursor:not-allowed;opacity:.55;transform:none}.full{width:100%}.compact{min-height:34px;padding:0 10px;font-size:13px}.gear-button,.mini-icon,.ghost-icon,.drag-handle,.tool-drag,.row-actions button,.card-actions button,.modal-header button,.toast button{display:inline-grid;place-items:center;width:38px;height:38px;color:#334247;background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer}.gear-button.active{color:#fff;background:#163c3a;border-color:#163c3a}.ghost-icon{width:30px;height:30px;background:transparent}.menu-wrap{position:relative}.manage-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:210px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.manage-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;color:#243239;background:transparent;border-radius:7px;cursor:pointer;text-align:left}.manage-menu button:hover{background:var(--surface-2)}.manage-menu button.danger{color:var(--danger)}.workspace{display:grid;grid-template-columns:258px minmax(0,1fr);gap:22px;max-width:1510px;margin:0 auto;padding:22px}.sidebar{align-self:start;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 12px;color:#48555b;font-size:13px;font-weight:750}.mini-icon{width:30px;height:30px}.category-list{display:grid;gap:8px}.category-item{display:flex;align-items:center;gap:7px;min-height:44px;background:transparent;border-radius:8px}.category-item.active{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),0 8px 24px #163c3a12}.category-item.dragging,.tool-card.dragging{opacity:.62;z-index:10}.category-main{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;padding:0 11px;color:#2d3a3f;background:transparent;border-radius:8px;cursor:pointer}.category-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.category-main em{min-width:24px;padding:2px 7px;color:var(--muted);background:#edf2f1;border-radius:999px;font-size:12px;font-style:normal;text-align:center}.row-actions,.card-actions{display:flex;gap:5px}.row-actions button,.card-actions button{width:30px;height:30px}.drag-handle{flex:0 0 auto;width:28px;height:34px;color:var(--faint);background:transparent;border-color:transparent;cursor:grab}.content{min-width:0}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.eyeline{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:800}.content-header h2{font-size:26px;font-weight:780;line-height:1.2}.header-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--muted);font-size:13px}.edit-badge{padding:5px 9px;color:#115e59;background:var(--accent-soft);border:1px solid #c9e7e1;border-radius:999px;font-weight:750}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.tool-card{position:relative;min-height:220px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer;box-shadow:0 10px 28px #141f230d;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tool-card:hover{border-color:var(--line-strong);box-shadow:0 16px 34px #141f2317;transform:translateY(-2px)}.tool-card.editable{cursor:default}.tool-drag{position:absolute;top:11px;left:11px;width:28px;height:28px;color:var(--faint);background:#f5f8f7;cursor:grab}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tool-icon{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;color:#1f5753;background:#eef7f5;border:1px solid #d8e9e6;border-radius:8px}.tool-card.editable .tool-icon{margin-left:24px}.tool-icon img{width:30px;height:30px;object-fit:contain}.fallback{color:#335b57}.external-cue{color:var(--faint)}.tool-card h3{margin:0 0 7px;overflow-wrap:anywhere;color:var(--text);font-size:17px;font-weight:760;line-height:1.25}.tool-url{margin:0 0 10px;overflow:hidden;color:var(--accent-2);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tool-description{display:-webkit-box;min-height:42px;margin:0 0 14px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span{max-width:100%;padding:4px 8px;overflow:hidden;color:#46555b;background:#f0f3f3;border-radius:999px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.card-category{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--muted);font-size:12px}.empty-state,.empty-inline{display:grid;place-items:center;min-height:360px;padding:34px;color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--line-strong);border-radius:8px}.empty-inline{min-height:160px}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:16px;color:var(--accent);background:var(--accent-soft);border-radius:8px}.empty-state h3{color:var(--text);font-size:20px}.empty-state p{max-width:430px;margin:10px 0 20px;font-size:14px;line-height:1.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:22px;background:#0e181d70}.modal-panel{width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.category-modal{width:min(680px,100%)}.tool-modal{width:min(780px,100%)}.confirm-panel{width:min(470px,100%);text-align:center}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-header h2,.confirm-panel h2{color:var(--text);font-size:20px;font-weight:760}.modal-header button{flex:0 0 auto}.form-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start}.fields-stack{display:grid;gap:13px}.field{display:grid;gap:7px;margin-bottom:14px;color:#3a464c;font-size:13px;font-weight:740}.field input,.field textarea,.field select{width:100%;min-height:42px;padding:10px 11px;color:var(--text);background:#fbfcfc;border:1px solid var(--line);border-radius:8px;outline:0}.field textarea{min-height:98px;resize:vertical;line-height:1.55}.selected-icon-row{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:650}.selected-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--accent);background:var(--accent-soft);border:1px solid #c9e7e1;border-radius:8px}.icon-picker{display:grid;gap:10px;padding:12px;background:#f8faf9;border:1px solid var(--line);border-radius:8px}.icon-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.compact-search{display:flex;align-items:center;gap:8px;min-width:190px;height:36px;padding:0 10px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px}.icon-tabs{display:flex;flex-wrap:wrap;gap:6px}.icon-tabs button{min-height:30px;padding:0 9px;color:#48555b;background:#fff;border:1px solid var(--line);border-radius:999px;cursor:pointer}.icon-tabs button.active{color:#fff;background:#163c3a;border-color:#163c3a}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-height:276px;overflow:auto;padding-right:2px}.icon-grid button{display:grid;place-items:center;gap:6px;min-height:70px;padding:8px;color:#34434a;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer}.icon-grid button.selected{color:var(--accent);border-color:#0f766e8c;box-shadow:0 0 0 3px #0f766e1a}.icon-grid span{max-width:100%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.icon-upload-block{display:grid;gap:10px}.upload-tile{display:grid;place-items:center;gap:8px;width:150px;aspect-ratio:1;color:var(--muted);background:#f7faf9;border:1px dashed var(--line-strong);border-radius:8px;cursor:pointer}.upload-tile:hover{color:var(--accent);border-color:#0f766e8c}.upload-tile img{width:52px;height:52px;object-fit:contain}.upload-tile span{color:inherit;font-size:13px;font-weight:750}.tag-editor{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:44px;padding:6px;background:#fbfcfc;border:1px solid var(--line);border-radius:8px}.tag-editor button{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:30px;padding:0 9px;overflow:hidden;color:#2d4946;background:var(--accent-soft);border-radius:999px;cursor:pointer;text-overflow:ellipsis}.tag-editor input{flex:1;min-width:170px;min-height:30px;padding:0 6px;background:transparent;border:0;outline:0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.confirm-icon{display:grid;place-items:center;width:56px;height:56px;margin:2px auto 15px;border-radius:8px}.confirm-icon.normal{color:var(--accent);background:var(--accent-soft)}.confirm-icon.danger{color:var(--danger);background:var(--danger-soft)}.confirm-panel p{margin:10px 0 18px;color:var(--muted);font-size:14px;line-height:1.65}.destructive-input{margin:16px 0 4px;text-align:left}.login-page{display:grid;place-items:center;min-height:100vh;padding:22px;background:linear-gradient(135deg,#0f766e14,#2563eb12),#f6f8f8}.login-panel{width:min(420px,100%);padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.login-mark{margin-bottom:18px}.login-panel h1{font-size:25px;font-weight:780}.login-panel p{margin:10px 0 22px;color:var(--muted);font-size:14px;line-height:1.7}.login-panel label{display:grid;gap:7px;margin-bottom:14px;color:#3a464c;font-size:13px;font-weight:740}.login-panel input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;outline:0}.form-error{margin-bottom:12px;padding:10px 12px;color:var(--danger);background:var(--danger-soft);border:1px solid #ffd1ca;border-radius:8px;font-size:13px}.loading-screen{display:grid;place-items:center;gap:12px;min-height:100vh;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 40px));padding:12px;color:#fff;background:#163c3a;border-radius:8px;box-shadow:var(--shadow)}.toast button{width:28px;height:28px;color:#fff;background:#ffffff24;border-color:#ffffff38}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.topbar{grid-template-columns:1fr auto}.search-box{grid-column:1 / -1;order:3}.workspace{grid-template-columns:1fr}.category-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.category-item{flex:0 0 min(260px,78vw)}}@media (max-width: 640px){.topbar{padding:12px}.brand h1{font-size:15px}.user-button{width:38px;padding:0}.user-button svg{margin:0}.user-button{font-size:0}.workspace{padding:16px 12px}.content-header{display:grid}.header-meta{justify-content:flex-start}.tool-grid,.form-grid{grid-template-columns:1fr}.upload-tile{width:100%;aspect-ratio:2.4}.modal-backdrop{padding:10px}.modal-panel{padding:16px}.modal-footer{display:grid}.modal-footer button{width:100%}}