.page-wrapper{display:flex;flex-direction:column;min-height:100vh;padding-top:var(--header-height)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:#0a0a0acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky)}.header-left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.header-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text);font-weight:700;font-size:var(--text-lg)}.header-logo-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center}.header-logo-icon svg{width:18px;height:18px;stroke:#fff}.header-search{position:relative;width:320px;margin-left:var(--space-xl)}.header-search-input{width:100%;padding:8px 14px 8px 36px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.header-search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a;background:var(--color-bg-elevated)}.header-search-input::placeholder{color:var(--color-text-tertiary)}.header-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-tertiary);pointer-events:none}.header-search-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:2px 6px;font-size:11px;font-family:var(--font-sans);color:var(--color-text-tertiary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:4px;pointer-events:none}.header-right{display:flex;align-items:center;gap:var(--space-md);justify-content:flex-end;min-width:0;max-width:100%}.header-nav-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:8px 12px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:600;transition:all var(--transition-fast)}.header-nav-link:hover{color:var(--color-text);border-color:#f9731659;background:#f9731614}.header-nav-link.active{color:#fdba74;border-color:#f9731673;background:#f973161f}.header-nav-link-feature{border:1px solid rgba(16,185,129,.35);background:#10b9811f;color:#34d399}.header-nav-link-feature:hover{background:#10b98133;border-color:#10b98199;color:#6ee7b7}.header-nav-link-feature.active{color:#34d399;border-color:#10b98199;background:#10b9812e;box-shadow:0 0 0 2px #10b98140}.header-menu-btn{display:none;padding:8px;background:transparent;border:none;color:var(--color-text);cursor:pointer}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));overflow-y:auto;background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--space-md) 0;z-index:var(--z-dropdown);transition:transform var(--transition-base),left var(--transition-base),visibility var(--transition-base)}.sidebar-section{margin-bottom:var(--space-sm)}.sidebar-section-title{padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-lg);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);border-left:2px solid transparent}.sidebar-link:hover{color:var(--color-text);background:var(--color-surface)}.sidebar-link.active{color:var(--color-accent);background:#3b82f60d;border-left-color:var(--color-accent)}.sidebar-link-feature{color:#34d399}.sidebar-link-feature:hover{background:#10b98114}.sidebar-link-feature.active{color:#34d399;background:#10b9811f;border-left-color:#10b981}.sidebar-link-feature-tag{margin-left:auto;font-size:10px;line-height:1;font-weight:700;color:#34d399;background:#10b98124;border:1px solid rgba(16,185,129,.35);padding:3px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.sidebar-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-link-count{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-surface-2);padding:1px 6px;border-radius:var(--radius-full)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--space-xl) var(--space-xl);max-width:100%;min-width:0}.main-content-full{margin-left:0}.footer{margin-left:var(--sidebar-width);padding:var(--space-2xl) var(--space-xl);border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--text-sm)}.footer-inner{max-width:var(--max-content);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer-links{display:flex;gap:var(--space-lg);flex-wrap:wrap;max-width:100%;min-width:0}.footer-contact{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-contact a{color:var(--color-text-secondary);font-weight:500;text-decoration:underline;text-decoration-color:#ffffff1a;text-underline-offset:4px;transition:all var(--transition-fast)}.footer-contact a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.footer-links a{color:var(--color-text-tertiary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-secondary)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-lg)}.breadcrumbs a{color:var(--color-text-secondary)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs-separator{color:var(--color-text-tertiary);font-size:var(--text-xs)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:400px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:none}.search-results.visible{display:block;animation:slideDown var(--transition-fast) ease}.search-result-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);text-decoration:none}.search-result-item:hover,.search-result-item.highlighted{background:var(--color-surface-hover)}.search-result-category{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}@media(max-width:1500px){.header{padding:0 var(--space-md)}.header-right{gap:var(--space-sm)}.header-nav-link{padding:8px 10px}.header-dropzone-hint{display:none}}@media(max-width:1024px){.header-search{width:240px}}@media(max-width:768px){.header-search,.header-right .header-nav-link,.header-right .header-dropzone-wrapper{display:none}.header-menu-btn{display:flex}.sidebar{display:none;left:calc(-1 * var(--sidebar-width) - 2px);transform:none;visibility:hidden;pointer-events:none}.sidebar.open{display:block;left:0;visibility:visible;pointer-events:auto}.main-content{margin-left:0;padding:var(--space-md)}.footer{margin-left:0;padding:var(--space-lg) var(--space-md)}}@media(max-width:480px){.header{padding:0 var(--space-md)}.header-logo span{display:none}.footer-links{gap:var(--space-sm) var(--space-md)}}.actions-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.actions-bar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.actions-bar-btn:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-border-hover)}.actions-bar-btn.active,.actions-bar-btn.favorited{color:#facc15;border-color:#facc154d}.actions-bar-btn.copied{color:var(--color-success);border-color:#22c55e4d}.actions-bar-spacer{flex:1}.keyboard-shortcuts-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.keyboard-shortcuts-overlay.visible{opacity:1;visibility:visible}.keyboard-shortcuts-modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform var(--transition-base)}.keyboard-shortcuts-overlay.visible .keyboard-shortcuts-modal{transform:scale(1)}.keyboard-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border)}.keyboard-shortcuts-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.keyboard-shortcuts-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.keyboard-shortcuts-close:hover{color:var(--color-text);background:var(--color-surface-hover)}.keyboard-shortcuts-body{padding:var(--space-md) var(--space-lg) var(--space-lg)}.keyboard-shortcuts-group{margin-bottom:var(--space-lg)}.keyboard-shortcuts-group:last-child{margin-bottom:0}.keyboard-shortcuts-group-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.keyboard-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.keyboard-shortcut-row:last-child{border-bottom:none}.keyboard-shortcut-desc{font-size:var(--text-sm);color:var(--color-text)}.keyboard-shortcut-keys{display:flex;align-items:center;gap:4px}.keyboard-shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 6px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-surface-2)}.keyboard-shortcut-plus{font-size:var(--text-xs);color:var(--color-text-tertiary)}.my-toolkit-section,.recent-tools-section{margin-bottom:var(--space-xl)}.my-toolkit-section .section-header,.recent-tools-section .section-header{margin-bottom:var(--space-md)}.my-toolkit-grid,.recent-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.sidebar-favorites{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.sidebar-favorites .sidebar-section-title{display:flex;align-items:center;gap:6px;color:#facc15}.install-banner{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%) translateY(100px);z-index:var(--z-toast);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:90%;max-width:480px;padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-base) cubic-bezier(.34,1.56,.64,1)}.install-banner.visible{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.install-banner-content{display:flex;align-items:center;gap:var(--space-sm)}.install-banner-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-accent)}.install-banner-text{display:flex;flex-direction:column}.install-banner-text strong{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.install-banner-text p{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.install-banner-actions{display:flex;align-items:center;gap:var(--space-xs)}.command-palette-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,160px);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.command-palette-overlay.visible{opacity:1;visibility:visible}.command-palette{width:100%;max-width:640px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a;overflow:hidden;transform:translateY(-12px) scale(.98);transition:transform var(--transition-base)}.command-palette-overlay.visible .command-palette{transform:translateY(0) scale(1)}.command-palette-input-wrap{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.command-palette-input-wrap .cp-search-icon{flex-shrink:0;color:var(--color-text-tertiary);display:flex}.command-palette-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:500;color:var(--color-text);caret-color:var(--color-accent)}.command-palette-input::placeholder{color:var(--color-text-tertiary);font-weight:400}.command-palette-kbd{flex-shrink:0;display:flex;align-items:center;gap:2px;color:var(--color-text-tertiary);font-size:var(--text-xs)}.command-palette-kbd kbd{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:2px 5px;font-family:var(--font-sans);font-size:11px;line-height:1}.command-palette-body{max-height:420px;overflow-y:auto;padding:var(--space-xs) 0;scroll-behavior:smooth}.cp-section-label{padding:var(--space-sm) var(--space-lg);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.cp-result{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;text-decoration:none;color:var(--color-text);transition:background var(--transition-fast);border-left:3px solid transparent}.cp-result:hover,.cp-result.highlighted{background:var(--color-surface-hover)}.cp-result.highlighted{border-left-color:var(--color-accent)}.cp-result-icon{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.cp-result-text{flex:1;min-width:0}.cp-result-title{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-result-title mark{background:transparent;color:var(--color-accent);font-weight:700}.cp-result-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.cp-result-badge{flex-shrink:0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-tertiary)}.command-palette-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary)}.cp-footer-shortcuts{display:flex;align-items:center;gap:var(--space-md)}.cp-footer-shortcuts span{display:flex;align-items:center;gap:4px}.cp-footer-shortcuts kbd{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:1px 4px;font-family:var(--font-sans);font-size:10px}.cp-empty{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}.cp-empty-icon{margin-bottom:var(--space-sm);opacity:.4}@media(max-width:680px){.command-palette-overlay{padding-top:0;align-items:flex-start}.command-palette{max-width:100%;border-radius:0;height:100vh;max-height:100vh}.command-palette-body{max-height:calc(100vh - 120px)}.command-palette-kbd{display:none}}