@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Inter:wght@400;500;600;700&family=Sora:wght@600;700&display=swap";*{box-sizing:border-box}:root{--bg:#f8fafc;--bg-glow:#dbeafe;--surface:#ffffffd9;--surface-strong:#fff;--text:#0f172a;--text-soft:#64748b;--line:#e2e8f0;--top-bar-h:72px}html,body,#app{height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0, var(--bg-glow), transparent 42%), var(--bg);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.app-shell.dark{--bg:#0f172a;--bg-glow:#1e3a8a;--surface:#1e293be6;--surface-strong:#1e293b;--text:#f8fafc;--text-soft:#94a3b8;--line:#334155}.main-layout,.content-layout{height:100vh;background:0 0!important}.content-layout{flex-direction:column;min-height:0;display:flex}.logo{height:var(--top-bar-h);letter-spacing:.3px;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:18px;font-weight:700;display:flex}.sider{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh;overflow:hidden;background:var(--surface)!important}.sider .ant-layout-sider-children{flex-direction:column;height:100%;min-height:0;display:flex}.sider-search{padding:0 12px 8px}.quick-section{padding:6px 12px}.quick-section+.quick-section{margin-top:4px}.quick-title{color:var(--text-soft);margin-bottom:6px;font-size:12px}.quick-link{background:var(--surface-strong);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:2px 8px;font-size:12px;text-decoration:none}.quick-link.muted{opacity:.8}.menu-scroll{flex:1;min-height:0;margin-top:8px;overflow:hidden auto}.group-list{padding:10px 0 12px}.group-block+.group-block{margin-top:4px}.group-title{color:var(--text-soft);margin:4px 0;padding:0 16px;font-size:12px}.menu{padding:4px 6px;background:0 0!important;border-inline-end:0!important}.menu .ant-menu-item{border-radius:10px;margin-inline-start:0!important;margin-inline-end:0!important}.menu-item-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ant-layout-header.header{min-height:var(--top-bar-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:12px;height:auto;padding:14px 24px;display:flex;background:var(--surface)!important;color:var(--text)!important}.ant-layout-header.header.header-actions-only{justify-content:flex-end}.app-shell.compact{--top-bar-h:60px}.app-shell.compact .ant-layout-header.header{padding:10px 16px}.title-wrap{flex-direction:column;gap:4px;display:flex}.title-wrap h1{color:var(--text);margin:0;font-family:Sora,sans-serif;font-size:20px;font-weight:700;line-height:1.25}.title-wrap p{color:var(--text-soft);margin:0;font-size:13px}.header-actions{align-items:center;gap:8px;display:flex}.theme-btn{border-radius:10px}.content{flex:1;min-height:0;padding:24px;overflow:hidden;background:var(--bg)!important}.content,.menu-scroll,.sider,.md-preview-wrap{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.content::-webkit-scrollbar{width:10px;height:10px}.menu-scroll::-webkit-scrollbar{width:10px;height:10px}.sider::-webkit-scrollbar{width:10px;height:10px}.md-preview-wrap::-webkit-scrollbar{width:10px;height:10px}.content::-webkit-scrollbar-track{background:#f8fafc}.menu-scroll::-webkit-scrollbar-track{background:#f8fafc}.sider::-webkit-scrollbar-track{background:#f8fafc}.md-preview-wrap::-webkit-scrollbar-track{background:#f8fafc}.content::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:999px}.menu-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:999px}.sider::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:999px}.md-preview-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:999px}.app-shell.dark .content,.app-shell.dark .menu-scroll,.app-shell.dark .sider,.app-shell.dark .md-preview-wrap{scrollbar-color:#475569 #0f172a}.app-shell.dark .content::-webkit-scrollbar-track{background:#0f172a}.app-shell.dark .menu-scroll::-webkit-scrollbar-track{background:#0f172a}.app-shell.dark .sider::-webkit-scrollbar-track{background:#0f172a}.app-shell.dark .md-preview-wrap::-webkit-scrollbar-track{background:#0f172a}.app-shell.dark .content::-webkit-scrollbar-thumb{background:#475569;border-color:#0f172a}.app-shell.dark .menu-scroll::-webkit-scrollbar-thumb{background:#475569;border-color:#0f172a}.app-shell.dark .sider::-webkit-scrollbar-thumb{background:#475569;border-color:#0f172a}.app-shell.dark .md-preview-wrap::-webkit-scrollbar-thumb{background:#475569;border-color:#0f172a}.app-shell.compact .content{padding:14px}.content>*{width:100%;height:100%;min-height:0;overflow:hidden}.ant-input-textarea textarea{resize:none!important}.tool-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:100%;max-width:none;box-shadow:0 8px 24px #0f172a0f}.app-shell.compact .tool-card{border-radius:10px}.app-shell.compact .ant-card-head{min-height:44px;padding:0 14px}.app-shell.compact .ant-card-body{padding:14px}.app-shell.dark .tool-card{box-shadow:0 10px 24px #00000040}.result{white-space:pre-wrap;word-break:break-word;margin-top:12px}@media (max-width:992px){.ant-layout-header.header{padding:10px 12px}.header-actions{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-end;gap:6px;width:100%;overflow:auto hidden}.header-actions::-webkit-scrollbar{display:none}.header-actions>*{flex:none}.content{padding:12px}.app-shell.compact .content{padding:10px}}@media (max-width:640px){.app-shell{--top-bar-h:52px}.logo{padding-inline-start:10px;padding-inline-end:10px;font-size:15px}.sider-search{padding:0 10px 6px}.group-title{padding:0 12px}.menu{padding:2px 4px}.header-actions{justify-content:flex-start;gap:6px}.theme-btn{padding-inline-start:10px;padding-inline-end:10px}.theme-btn-text{display:none}.header-actions .ant-tag{margin-inline-end:0}.content{padding:10px}}