*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-tertiary:#f0f2f5;--bg-input:#fff;--border-color:#e2e5eb;--border-hover:#c8cdd6;--text-primary:#1a1d2e;--text-secondary:#5c6370;--text-muted:#9ca3af;--accent:#6c63ff;--accent-hover:#5b52e6;--accent-glow:#6c63ff1a;--accent-light:#6c63ff0d;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Cascadia Code", "Fira Code", "JetBrains Mono", "Source Code Pro", Consolas, "Courier New", monospace;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014}[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#161822;--bg-tertiary:#1c1f2e;--bg-input:#1a1d2e;--border-color:#2a2d3e;--border-hover:#3d4157;--text-primary:#e4e6f0;--text-secondary:#8b8fa7;--text-muted:#5c6078;--accent:#6c63ff;--accent-hover:#7b73ff;--accent-glow:#6c63ff26;--accent-light:#6c63ff14;--success:#34d399;--error:#f87171;--warning:#fbbf24;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background .3s,color .3s}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--accent-glow);color:var(--text-primary)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{font-size:.8125rem;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:8px;padding:10px 16px;animation:.25s ease-out toast-in;display:flex}.toast-success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.toast-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.toast-info{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}[data-theme=dark] .toast-success{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}[data-theme=dark] .toast-error{color:#fca5a5;background:#ef444426;border-color:#ef44444d}[data-theme=dark] .toast-info{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast-message{white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.layout{min-height:100vh;display:flex}.layout-loading{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-backdrop{display:none}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;transition:width .25s,background .3s,border-color .3s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.open{width:240px}.sidebar.collapsed{width:60px}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:4px;min-height:52px;padding:12px;display:flex}.sidebar-logo{color:var(--text-primary);align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex;overflow:hidden}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent), #a78bfa);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo-text{letter-spacing:-.01em;white-space:nowrap;background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.sidebar-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.sidebar-close-mobile{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:none}.sidebar-close-mobile:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.sidebar-section{border-top:1px solid var(--border-color);margin-top:12px;padding-top:8px}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 4px;font-size:.6875rem;font-weight:600;display:block}.sidebar-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;width:100%;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);text-align:left;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;padding:8px 12px;text-decoration:none;transition:all .15s;display:flex}.sidebar.collapsed .sidebar-item{justify-content:center;padding:8px}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.sidebar-item.active{color:var(--accent);background:var(--accent-glow)}.sidebar-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.1rem;line-height:1}.sidebar-item-label{text-overflow:ellipsis;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-color);padding:8px}.sidebar-theme-btn{margin-bottom:4px}.sidebar-user{align-items:center;gap:10px;padding:8px 12px;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-user{justify-content:center;padding:8px}.sidebar-user-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.sidebar-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.sidebar-user-logout{color:var(--text-muted);cursor:pointer;font-size:.6875rem;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;transition:color .15s}.sidebar-user-logout:hover{color:var(--error)}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:background .3s;display:flex;overflow-y:auto}.mobile-menu-btn{display:none}.layout-footer{text-align:center;color:var(--text-muted);background:0 0;margin-top:auto;padding:16px 12px;font-size:.6875rem}.mobile-topbar{display:none}@media (width<=768px){.sidebar-backdrop{z-index:99;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.sidebar{z-index:100;height:100vh;box-shadow:none;transition:transform .25s,background .3s,border-color .3s;position:fixed;top:0;left:0;transform:translate(-100%);width:260px!important}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar.mobile-open .sidebar-item-label,.sidebar.mobile-open .sidebar-logo-text,.sidebar.mobile-open .sidebar-section-title,.sidebar.mobile-open .sidebar-user-info{display:flex!important}.sidebar.mobile-open .sidebar-item,.sidebar.mobile-open .sidebar-user{justify-content:flex-start;padding:8px 12px}.sidebar-toggle{display:none}.sidebar-close-mobile{display:flex}.mobile-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:50;align-items:center;gap:12px;height:48px;padding:0 12px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-menu-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.mobile-topbar-title{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:.9375rem;font-weight:700}.mobile-topbar-spacer{flex:1}.main-content{width:100%;padding-top:48px}}.home{max-width:960px;margin:0 auto;padding:40px}.home-hero{text-align:center;margin-bottom:48px;padding-top:24px}.home-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.home-subtitle{color:var(--text-secondary);font-size:1rem}.home-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.875rem;font-weight:600}.home-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.tool-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.tool-card-content{flex:1;min-width:0}.tool-card-name{margin-bottom:4px;font-size:.9375rem;font-weight:600}.tool-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.tool-card-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s,color .2s}.tool-card:hover .tool-card-arrow{color:var(--accent);transform:translate(2px)}@media (width<=600px){.home{padding:24px 16px}.home-title{font-size:1.5rem}.home-grid{grid-template-columns:1fr}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:560px;max-height:80vh;animation:.25s slideUp;display:flex;box-shadow:0 24px 48px #0000004d}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.modal-close{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{color:var(--text-secondary);flex:1;padding:20px 24px;font-size:.8125rem;line-height:1.7;overflow-y:auto}.modal-body h3{color:var(--text-primary);margin-top:16px;margin-bottom:6px;font-size:.875rem;font-weight:600}.modal-body h3:first-child{margin-top:0}.modal-body p{margin:0 0 8px}.modal-body ul{margin:4px 0 8px;padding-left:20px}.modal-body li{margin-bottom:4px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:16px 24px;display:flex}.modal-btn{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 24px;transition:background .2s,transform .1s}.modal-btn:hover{background:var(--accent-hover)}.modal-btn:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:32px}.auth-header{text-align:center;margin-bottom:28px}.auth-title{margin-bottom:4px;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:.8125rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-error{color:var(--error);border-radius:var(--radius-sm);background:#f8717114;border:1px solid #f8717133;padding:10px 14px;font-size:.8125rem}.auth-success{color:var(--success);border-radius:var(--radius-sm);background:#34d39914;border:1px solid #34d39933;padding:10px 14px;font-size:.8125rem}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.auth-input{font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-btn{font-size:.875rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:4px;padding:10px;transition:background .2s,transform .1s}.auth-btn:hover{background:var(--accent-hover)}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-terms{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.auth-terms-label{cursor:pointer;align-items:center;gap:6px;display:flex}.auth-terms-check{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.auth-terms-view{font-size:.75rem;font-family:var(--font-sans);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .15s}.auth-terms-view:hover{opacity:.8;text-decoration:underline}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:.8125rem}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-forgot-link{color:var(--text-secondary)!important;font-weight:400!important}.auth-forgot-link:hover{color:var(--accent)!important}.auth-footer-sep{color:var(--text-muted);margin:0 4px}.tutorial{max-width:800px;margin:0 auto;padding:24px 32px}.tutorial-header{margin-bottom:32px}.tutorial-title{margin-bottom:4px;font-size:1.25rem;font-weight:700}.tutorial-subtitle{color:var(--text-secondary);font-size:.8125rem}.tutorial-sections{flex-direction:column;gap:28px;display:flex}.tutorial-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.tutorial-section-icon{margin-bottom:8px;font-size:1.5rem}.tutorial-section-title{margin-bottom:16px;font-size:1rem;font-weight:600}.tutorial-steps{flex-direction:column;gap:14px;display:flex}.tutorial-step{align-items:flex-start;gap:14px;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:600;display:flex}.step-content h3{margin-bottom:2px;font-size:.875rem;font-weight:600}.step-content p{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.tutorial-tips{flex-direction:column;gap:10px;display:flex}.tutorial-tip{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:10px 14px}.tutorial-tip strong{margin-bottom:2px;font-size:.8125rem;display:block}.tutorial-tip p{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.5}@media (width<=600px){.tutorial{padding:16px 20px}}.curl-converter{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;padding:24px 32px;display:flex}.curl-header{margin-bottom:4px}.curl-title{margin-bottom:4px;font-size:1.25rem;font-weight:700}.curl-subtitle{color:var(--text-secondary);font-size:.8125rem}.converter{grid-template-columns:1fr 1fr;gap:20px;min-height:420px;display:grid}.panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .2s,background .3s,box-shadow .2s;display:flex;overflow:hidden}.panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.panel-header{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:12px 16px;transition:background .3s,border-color .3s;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:flex}.panel-icon{font-size:1rem}.btn-clear,.btn-copy{font-size:.75rem;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 10px;transition:all .2s;display:flex}.btn-clear:hover{color:var(--error);border-color:var(--error);background:#f8717114}.btn-copy:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.btn-copy.copied{color:var(--success);border-color:var(--success);background:#34d39914}.btn-copy:disabled{opacity:.4;cursor:not-allowed}.btn-copy:disabled:hover{color:var(--text-secondary);border-color:var(--border-color);background:0 0}.input-wrapper{flex:1;padding:0}.curl-input{width:100%;height:100%;min-height:360px;font-family:var(--font-mono);color:var(--text-primary);resize:none;tab-size:2;background:0 0;border:none;outline:none;padding:16px;font-size:.8125rem;line-height:1.7}.curl-input::placeholder{color:var(--text-muted)}.curl-input:focus{background:var(--accent-light)}.output-wrapper{flex:1;overflow:auto}.code-output{font-family:var(--font-mono);color:var(--text-primary);white-space:pre;tab-size:2;background:0 0;margin:0;padding:16px;font-size:.8125rem;line-height:1.7;overflow:auto}.code-output code{font-family:inherit;font-size:inherit}.empty-output{height:100%;min-height:360px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.875rem;display:flex}.empty-icon{margin-bottom:8px}.empty-sub{opacity:.6;font-size:.75rem}.error-bar{color:var(--error);background:#f871710f;border-top:1px solid #f8717126;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;display:flex}.lang-bar{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:var(--shadow-sm);transition:background .3s,border-color .3s;overflow:hidden}.lang-bar-inner{flex-wrap:wrap;gap:2px;padding:8px;display:flex}.lang-btn{font-size:.75rem;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:6px 12px;transition:all .15s;display:flex}.lang-btn:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-color)}.lang-btn.active{color:var(--accent);background:var(--accent-glow);border-color:#6c63ff4d}.lang-icon{font-size:.875rem;line-height:1}.lang-label{line-height:1}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d;font-style:italic}.token.punctuation{color:#24292e}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#d73a49}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#032f62}.token.operator,.token.entity,.token.url{color:#005cc5}.token.atrule,.token.attr-value,.token.keyword{color:#d73a49}.token.function,.token.class-name{color:#6f42c1}.token.regex,.token.important,.token.variable{color:#e36209}[data-theme=dark] .token.comment,[data-theme=dark] .token.prolog,[data-theme=dark] .token.doctype,[data-theme=dark] .token.cdata{color:#5c6370;font-style:italic}[data-theme=dark] .token.punctuation{color:#636d83}[data-theme=dark] .token.property,[data-theme=dark] .token.tag,[data-theme=dark] .token.boolean,[data-theme=dark] .token.number,[data-theme=dark] .token.constant,[data-theme=dark] .token.symbol,[data-theme=dark] .token.deleted{color:#e06c75}[data-theme=dark] .token.selector,[data-theme=dark] .token.attr-name,[data-theme=dark] .token.string,[data-theme=dark] .token.char,[data-theme=dark] .token.builtin,[data-theme=dark] .token.inserted{color:#98c379}[data-theme=dark] .token.operator,[data-theme=dark] .token.entity,[data-theme=dark] .token.url{color:#56b6c2}[data-theme=dark] .token.atrule,[data-theme=dark] .token.attr-value,[data-theme=dark] .token.keyword{color:#c678dd}[data-theme=dark] .token.function,[data-theme=dark] .token.class-name{color:#61afef}[data-theme=dark] .token.regex,[data-theme=dark] .token.important,[data-theme=dark] .token.variable{color:#d19a66}@media (width<=900px){.curl-converter{padding:16px 20px}.converter{grid-template-columns:1fr;min-height:auto}.curl-input,.empty-output{min-height:200px}}@media (width<=600px){.lang-btn{padding:5px 8px;font-size:.6875rem}.lang-label{display:none}.lang-icon{font-size:1.1rem}}.http-request{flex-direction:column;gap:16px;max-width:1000px;margin:0 auto;padding:24px 32px;display:flex}.http-header{margin-bottom:4px}.http-title{margin-bottom:4px;font-size:1.25rem;font-weight:700}.http-subtitle{color:var(--text-secondary);font-size:.8125rem}.http-url-bar{align-items:stretch;gap:8px;display:flex}.method-select{font-size:.8125rem;font-weight:600;font-family:var(--font-mono);color:var(--accent);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;outline:none;min-width:90px;padding:0 12px;transition:border-color .2s}.method-select:focus{border-color:var(--accent)}.url-input{font-size:.875rem;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.url-input::placeholder{color:var(--text-muted)}.url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.send-btn{font-size:.875rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:10px 24px;transition:background .2s,transform .1s}.send-btn:hover{background:var(--accent-hover)}.send-btn:active{transform:scale(.97)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.http-tabs{border-bottom:1px solid var(--border-color);gap:2px;padding-bottom:0;display:flex}.http-tab{font-size:.8125rem;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;transition:all .15s}.http-tab:hover{color:var(--text-primary)}.http-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.http-tab-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;overflow:hidden}.kv-editor{flex-direction:column;gap:6px;padding:12px;display:flex}.kv-header-row{border-bottom:1px solid var(--border-color);align-items:center;gap:6px;margin-bottom:4px;padding:0 0 4px;display:flex}.kv-col-check{flex-shrink:0;width:16px}.kv-col-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem;font-weight:600}.kv-col-label:nth-child(2){flex-shrink:0;width:200px}.kv-col-label:nth-child(3){flex:1}.kv-col-action{flex-shrink:0;width:28px}.kv-add-btn{font-size:.75rem;font-weight:500;font-family:var(--font-sans);color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-sm);cursor:pointer;border:1px dashed #6c63ff66;justify-content:center;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:7px 14px;transition:all .15s;display:flex}.kv-add-btn:hover{border-color:var(--accent);background:#6c63ff26}.kv-row{align-items:center;gap:6px;display:flex}.kv-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.kv-key,.kv-value{font-size:.8125rem;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:7px 10px;transition:border-color .2s}.kv-key{flex-shrink:0;width:200px}.kv-value{flex:1;min-width:0}.kv-key:focus,.kv-value:focus{border-color:var(--accent)}.kv-remove{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.kv-remove:hover{color:var(--error);border-color:var(--error);background:#f871710f}.body-editor{flex-direction:column;display:flex}.body-type-bar{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);gap:2px;padding:8px 12px;display:flex}.body-type-btn{font-size:.75rem;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px 12px;transition:all .15s}.body-type-btn:hover{color:var(--text-primary);border-color:var(--border-color)}.body-type-btn.active{color:var(--accent);background:var(--accent-glow);border-color:#6c63ff4d}.body-textarea{width:100%;min-height:200px;font-family:var(--font-mono);color:var(--text-primary);resize:vertical;tab-size:2;background:0 0;border:none;outline:none;padding:12px;font-size:.8125rem;line-height:1.6}.body-textarea::placeholder{color:var(--text-muted)}.curl-parser{flex-direction:column;gap:10px;padding:12px;display:flex}.curl-parse-input{width:100%;min-height:120px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;tab-size:2;outline:none;padding:12px;font-size:.8125rem;line-height:1.6}.curl-parse-input::placeholder{color:var(--text-muted)}.curl-parse-input:focus{border-color:var(--accent)}.parse-btn{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#10b981;border:none;align-self:flex-start;padding:8px 20px;transition:background .2s,transform .1s}.parse-btn:hover{background:#059669}.parse-btn:active{transform:scale(.97)}.parse-btn:disabled{opacity:.5;cursor:not-allowed}.http-error{color:var(--error);border-radius:var(--radius-sm);background:#f871710f;border:1px solid #f8717126;align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;display:flex}.http-response{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.res-header{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.res-status{font-size:.875rem;font-weight:600;font-family:var(--font-mono)}.res-status.success{color:var(--success)}.res-status.warning{color:var(--warning)}.res-status.error{color:var(--error)}.res-meta{color:var(--text-muted);font-size:.75rem}.res-tabs{border-bottom:1px solid var(--border-color);gap:2px;padding:0 16px;display:flex}.res-tab{font-size:.8125rem;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;transition:all .15s}.res-tab:hover{color:var(--text-primary)}.res-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.res-body{font-family:var(--font-mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;max-height:500px;margin:0;padding:16px;font-size:.8125rem;line-height:1.6;overflow:auto}.res-headers{max-height:300px;padding:8px 16px;overflow-y:auto}.res-header-row{border-bottom:1px solid var(--border-color);gap:12px;padding:6px 0;font-size:.8125rem;display:flex}.res-header-row:last-child{border-bottom:none}.res-header-key{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;min-width:180px;font-weight:600}.res-header-val{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all}@media (width<=700px){.http-request{padding:16px 20px}.http-url-bar{flex-wrap:wrap}.method-select{min-width:80px}.url-input{order:3;width:100%}.kv-key{width:120px}}.wget-page{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;padding:24px 32px;display:flex}.wget-header{margin-bottom:4px}.wget-title{margin-bottom:4px;font-size:1.25rem;font-weight:700}.wget-subtitle{color:var(--text-secondary);font-size:.8125rem}.wget-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px;display:flex}.wget-url-bar{gap:8px;display:flex}.wget-url-input{font-size:.875rem;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.wget-url-input::placeholder{color:var(--text-muted)}.wget-url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.wget-btn{font-size:.875rem;font-weight:600;font-family:var(--font-sans);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;padding:10px 24px;transition:background .2s,transform .1s}.wget-btn:hover{background:#d97706}.wget-btn:active{transform:scale(.97)}.wget-btn:disabled{opacity:.5;cursor:not-allowed}.wget-options{flex-direction:column;gap:10px;display:flex}.wget-option{cursor:pointer;align-items:center;gap:8px;display:flex}.wget-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.wget-option-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.wget-option-hint{color:var(--text-muted);font-size:.75rem}.wget-max-pages{align-items:center;gap:8px;padding-left:24px;display:flex}.wget-max-label{color:var(--text-secondary);font-size:.8125rem}.wget-max-input{width:60px;font-size:.8125rem;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;outline:none;padding:5px 8px}.wget-max-input:focus{border-color:var(--accent)}.wget-max-hint{color:var(--text-muted);font-size:.75rem}.wget-progress{color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 14px;font-size:.8125rem;display:flex}.wget-spinner{border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.wget-error{color:var(--error);border-radius:var(--radius-sm);background:#f871710f;border:1px solid #f8717126;align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;display:flex}.wget-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.wget-info-title{margin-bottom:16px;font-size:.9375rem;font-weight:600}.wget-info-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.wget-info-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:10px;display:flex}.wget-info-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem;line-height:1}.wget-info-item strong{margin-bottom:2px;font-size:.8125rem;display:block}.wget-info-item p{color:var(--text-muted);margin:0;font-size:.6875rem;line-height:1.4}@media (width<=600px){.wget-page{padding:16px 20px}.wget-url-bar{flex-direction:column}.wget-info-grid{grid-template-columns:1fr}}.monitor-page{max-width:860px;margin:0 auto;padding:32px 24px}.monitor-header{margin-bottom:24px}.monitor-title{margin-bottom:6px;font-size:1.5rem;font-weight:700}.monitor-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.monitor-add{gap:10px;margin-bottom:16px;display:flex}.monitor-input{font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;flex:1;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.monitor-input::placeholder{color:var(--text-muted)}.monitor-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.monitor-add-btn{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 18px;transition:background .2s,transform .1s;display:flex}.monitor-add-btn:hover{background:var(--accent-hover)}.monitor-add-btn:active{transform:scale(.98)}.monitor-add-btn:disabled{opacity:.5;cursor:not-allowed}.monitor-meta{color:var(--text-secondary);gap:20px;margin-bottom:20px;font-size:.75rem;display:flex}.monitor-meta-item{align-items:center;gap:5px;display:flex}.monitor-list{flex-direction:column;gap:14px;display:flex}.monitor-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.monitor-empty p{margin-top:12px;font-size:.8125rem}.monitor-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px;transition:border-color .2s}.monitor-card:hover{border-color:var(--accent)}.monitor-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.monitor-card-url-wrap{align-items:center;gap:8px;min-width:0;display:flex}.monitor-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.monitor-status-dot.status-up{background:#34d399;box-shadow:0 0 6px #34d39980}.monitor-status-dot.status-warn{background:#fbbf24;box-shadow:0 0 6px #fbbf2480}.monitor-status-dot.status-down{background:#f87171;box-shadow:0 0 6px #f8717180}.monitor-status-dot.status-unknown{background:var(--text-muted)}.monitor-card-url{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.monitor-checking{color:var(--accent);background:var(--accent-glow);border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:.6875rem;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.monitor-remove-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.monitor-remove-btn:hover{color:#f87171;background:#f871711a;border-color:#f871714d}.monitor-card-stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);gap:12px;padding:12px 0;display:grid}.monitor-stat{flex-direction:column;gap:4px;display:flex}.monitor-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem}.monitor-stat-value{color:var(--text-primary);font-size:.8125rem;font-weight:600}.monitor-stat-value.status-up{color:#34d399}.monitor-stat-value.status-warn{color:#fbbf24}.monitor-stat-value.status-down{color:#f87171}.monitor-status-code{color:var(--text-secondary);margin-left:3px;font-size:.6875rem;font-weight:400}.latency-bar-wrap{align-items:center;gap:8px;display:flex}.latency-bar{background:var(--border-color);border-radius:3px;width:60px;height:6px;position:relative}.latency-value{color:var(--text-secondary);font-size:.75rem;font-weight:500}.latency-null{color:var(--text-muted);font-size:.8125rem}.monitor-card-history{border-top:1px solid var(--border-color);padding-top:12px}.monitor-history-toggle{width:100%;font-size:.75rem;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;transition:color .15s;display:flex}.monitor-history-toggle:hover{color:var(--text-primary)}.monitor-history-count{color:var(--text-muted);margin-left:auto;font-size:.6875rem;font-weight:400}.monitor-history-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.75rem}.monitor-history-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:6px 8px;font-size:.6875rem;font-weight:500}.monitor-history-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:7px 8px}.monitor-history-table tbody tr:last-child td{border-bottom:none}.monitor-history-table tbody tr:hover{background:var(--bg-hover)}.history-time{font-variant-numeric:tabular-nums;white-space:nowrap}.history-status{align-items:center;gap:5px;font-weight:500;display:inline-flex}.history-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.history-status-dot.status-up{background:#34d399}.history-status-dot.status-warn{background:#fbbf24}.history-status-dot.status-down{background:#f87171}.history-status-dot.status-unknown{background:var(--text-muted)}.history-status.status-up{color:#34d399}.history-status.status-warn{color:#fbbf24}.history-status.status-down{color:#f87171}.history-status-code{color:var(--text-muted);margin-left:2px;font-size:.625rem;font-weight:400}.history-latency{font-variant-numeric:tabular-nums;white-space:nowrap}.history-ip{font-variant-numeric:tabular-nums;font-family:var(--font-mono,monospace);font-size:.6875rem}@media (width<=640px){.monitor-card-stats{grid-template-columns:repeat(2,1fr)}.monitor-add{flex-direction:column}.monitor-meta{flex-direction:column;gap:6px}}.apic-page{max-width:960px;margin:0 auto;padding:32px 24px}.apic-header{margin-bottom:24px}.apic-title{margin-bottom:6px;font-size:1.5rem;font-weight:700}.apic-desc{color:var(--text-secondary);font-size:.8125rem}.apic-toolbar{gap:10px;margin-bottom:16px;display:flex}.apic-btn-primary{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;transition:background .2s;display:inline-flex}.apic-btn-primary:hover{background:var(--accent-hover)}.apic-btn-primary:disabled{opacity:.5;cursor:not-allowed}.apic-btn-sm{font-size:.75rem;font-weight:500;font-family:var(--font-sans);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:6px 12px;transition:background .15s}.apic-btn-sm:hover{background:var(--bg-hover)}.apic-btn-danger{color:#f87171;border-color:#f871714d}.apic-btn-danger:hover{background:#f871711a}.apic-btn-icon{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.apic-btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.apic-btn-icon.apic-btn-danger{color:#f87171;border-color:#f871714d}.apic-btn-icon.apic-btn-danger:hover{background:#f871711a}.apic-input{font-size:.8125rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:8px 12px;transition:border-color .2s}.apic-input:focus{border-color:var(--accent)}.apic-select{font-size:.8125rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:8px 12px}.apic-textarea{font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;outline:none;width:100%;padding:8px 12px}.apic-textarea:focus{border-color:var(--accent)}.apic-group-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.apic-group-input .apic-input{flex:1}.apic-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.apic-empty p{margin-top:12px;font-size:.8125rem}.apic-groups{flex-direction:column;gap:12px;display:flex}.apic-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.apic-group-header{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.apic-group-toggle{font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:.875rem;display:flex}.apic-group-name{font-weight:600}.apic-group-name-input{font-size:.875rem;font-weight:600;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;outline:none;padding:2px 6px}.apic-group-count{color:var(--text-muted);font-size:.6875rem;font-weight:400}.apic-group-actions{gap:4px;display:flex}.apic-group-body{border-top:1px solid var(--border-color)}.apic-group-empty{text-align:center;color:var(--text-muted);padding:20px 16px;font-size:.75rem}.apic-api{border-bottom:1px solid var(--border-color)}.apic-api:last-child{border-bottom:none}.apic-api-header{cursor:pointer;align-items:center;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.apic-api-header:hover{background:var(--bg-hover)}.apic-method{font-size:.625rem;font-weight:700;font-family:var(--font-mono,monospace);color:#fff;letter-spacing:.5px;border-radius:3px;flex-shrink:0;padding:2px 8px;display:inline-block}.apic-api-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.8125rem;font-weight:500;overflow:hidden}.apic-api-url{color:var(--text-muted);font-size:.6875rem;font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.apic-api-body{background:var(--bg-primary);padding:12px 16px 16px}.apic-api-note{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:10px;padding:6px 10px;font-size:.75rem}.apic-api-section{margin-bottom:10px}.apic-api-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.6875rem;display:block}.apic-code{font-size:.6875rem;font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-all;max-height:200px;margin:0;padding:10px 12px;line-height:1.5;overflow:auto}.apic-api-actions{gap:8px;margin-top:12px;display:flex}.apic-test-result{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.apic-test-meta{align-items:center;gap:12px;margin-bottom:8px;display:flex}.apic-test-status{border-radius:3px;padding:2px 8px;font-size:.75rem;font-weight:600}.apic-test-status.ok{color:#34d399;background:#34d3991a}.apic-test-status.err{color:#f87171;background:#f871711a}.apic-test-latency{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.apic-form-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.apic-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:560px;max-height:85vh;padding:24px;overflow-y:auto}.apic-form-title{margin-bottom:20px;font-size:1.125rem;font-weight:700}.apic-form-row{gap:12px;display:flex}.apic-form-field{flex:1;margin-bottom:14px}.apic-form-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.6875rem;display:block}.apic-form-field .apic-input,.apic-form-field .apic-select,.apic-form-field .apic-textarea{box-sizing:border-box;width:100%}.apic-form-field-sm{flex:0 0 120px}.apic-form-actions{gap:8px;margin-top:8px;display:flex}@media (width<=640px){.apic-form-row{flex-direction:column}.apic-form-field-sm{flex:1}.apic-api-name{max-width:120px}}.sys-page{max-width:860px;margin:0 auto;padding:32px 24px}.sys-header{margin-bottom:24px}.sys-header-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sys-refresh-btn{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;transition:background .2s,transform .1s;display:inline-flex}.sys-refresh-btn:hover{background:var(--accent-hover)}.sys-refresh-btn:active{transform:scale(.97)}.sys-title{margin-bottom:6px;font-size:1.5rem;font-weight:700}.sys-desc{color:var(--text-secondary);font-size:.8125rem}.sys-loading,.sys-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.sys-loading p,.sys-error p{color:var(--text-secondary);margin-top:12px;font-size:.875rem}.sys-error h2{color:#f87171;margin-top:12px;font-size:1.125rem}.sys-spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite sys-spin}@keyframes sys-spin{to{transform:rotate(360deg)}}.sys-btn{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:12px;padding:8px 20px;transition:background .2s}.sys-btn:hover{background:var(--accent-hover)}.sys-overview{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.sys-overview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-left:4px solid;align-items:center;gap:14px;padding:18px 20px;display:flex}.sys-overview-card.ok{border-left-color:#34d399}.sys-overview-card.err{border-left-color:#f87171}.sys-overview-card.neutral{border-left-color:var(--accent)}.sys-overview-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sys-overview-card.ok .sys-overview-icon{color:#34d399;background:#34d3991a}.sys-overview-card.err .sys-overview-icon{color:#f87171;background:#f871711a}.sys-overview-card.neutral .sys-overview-icon{background:var(--accent-glow);color:var(--accent)}.sys-overview-info{flex-direction:column;gap:2px;display:flex}.sys-overview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem}.sys-overview-value{color:var(--text-primary);font-size:.9375rem;font-weight:600}.sys-sections{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.sys-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.sys-section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:.9375rem;font-weight:600;display:flex}.sys-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sys-item{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.sys-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem}.sys-item-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.sys-db-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sys-db-status{align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:inline-flex}.sys-db-status.ok{color:#34d399}.sys-db-status.err{color:#f87171}.sys-db-dot{border-radius:50%;width:8px;height:8px}.sys-db-status.ok .sys-db-dot{background:#34d399;box-shadow:0 0 6px #34d39980}.sys-db-status.err .sys-db-dot{background:#f87171;box-shadow:0 0 6px #f8717180}.sys-db-latency{color:var(--text-muted);font-size:.75rem}.sys-db-error{text-align:center;padding:12px}.sys-db-error-msg{color:#f87171;margin-top:8px;font-size:.75rem}.sys-db-history{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.sys-db-history-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.6875rem;display:block}.sys-db-history-table{border-collapse:collapse;width:100%;font-size:.75rem}.sys-db-history-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:6px 8px;font-size:.6875rem;font-weight:500}.sys-db-history-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:7px 8px}.sys-db-history-table tbody tr:last-child td{border-bottom:none}.sys-db-history-table tbody tr:hover{background:var(--bg-hover)}.sys-db-history-time{font-variant-numeric:tabular-nums;white-space:nowrap}.sys-db-history-status{align-items:center;gap:5px;font-weight:500;display:inline-flex}.sys-db-history-status.ok{color:#34d399}.sys-db-history-status.err{color:#f87171}.sys-db-history-latency{font-variant-numeric:tabular-nums}.sys-mem-bar-wrap{background:var(--border-color);border-radius:5px;width:100%;height:10px;overflow:hidden}.sys-mem-bar{border-radius:5px;height:100%;transition:width .5s,background .3s}.sys-mem-info{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:.6875rem;display:flex}@media (width<=640px){.sys-overview,.sys-grid{grid-template-columns:1fr}}.ss-page{max-width:860px;margin:0 auto;padding:32px 24px}.ss-header{margin-bottom:24px}.ss-title{margin-bottom:6px;font-size:1.5rem;font-weight:700}.ss-desc{color:var(--text-secondary);font-size:.8125rem}.ss-input-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.ss-url-row{gap:10px;margin-bottom:14px;display:flex}.ss-url-input{font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.ss-url-input:focus{border-color:var(--accent)}.ss-btn{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;transition:background .2s;display:inline-flex}.ss-btn:hover:not(:disabled){background:var(--accent-hover)}.ss-btn:disabled{opacity:.5;cursor:not-allowed}.ss-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ss-spin;display:inline-block}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-options{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ss-option{align-items:center;gap:6px;display:flex}.ss-option label{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.ss-option-input{width:80px;font-size:.8125rem;font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:6px 10px}.ss-option-input:focus{border-color:var(--accent)}.ss-checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:6px;font-size:.8125rem;display:flex}.ss-checkbox-label input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.ss-result{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden}.ss-preview{background:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:center;max-height:500px;padding:16px;display:flex;overflow:auto}.ss-preview-img{border-radius:var(--radius-sm);max-width:100%;box-shadow:var(--shadow-md)}.ss-links{padding:16px 20px}.ss-link-item{margin-bottom:10px}.ss-link-item:last-child{margin-bottom:0}.ss-link-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.6875rem;display:block}.ss-link-row{align-items:center;gap:8px;display:flex}.ss-link-code{font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--accent);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:8px 12px;overflow:hidden}.ss-copy-btn{font-size:.75rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:6px 14px;transition:background .2s}.ss-copy-btn:hover{background:var(--accent-hover)}.ss-api-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.ss-api-toggle{width:100%;font-size:.875rem;font-weight:600;font-family:var(--font-sans);color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:14px 20px;transition:background .15s;display:flex}.ss-api-toggle:hover{background:var(--bg-hover)}.ss-api-doc{border-top:1px solid var(--border-color);padding:0 20px 20px}.ss-api-block{margin-top:16px}.ss-api-block h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.75rem}.ss-api-code{font-size:.6875rem;font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);white-space:pre;margin:0;padding:12px 14px;line-height:1.6;overflow-x:auto}.ss-api-params{margin-top:16px}.ss-api-params h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.75rem}.ss-api-table{border-collapse:collapse;width:100%;font-size:.75rem}.ss-api-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:6px 8px;font-size:.6875rem;font-weight:500}.ss-api-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:7px 8px}.ss-api-table tbody tr:last-child td{border-bottom:none}.ss-api-table code{font-family:var(--font-mono,monospace);color:var(--accent);background:var(--accent-light);border-radius:3px;padding:1px 4px;font-size:.6875rem}@media (width<=640px){.ss-url-row{flex-direction:column}.ss-options{flex-direction:column;align-items:flex-start}}