.mega-menu-search[data-astro-cid-dmqpwcec]{position:relative;margin-bottom:24px;display:flex;align-items:center;max-width:480px;margin-left:auto;margin-right:auto}.mega-menu-search[data-astro-cid-dmqpwcec] svg[data-astro-cid-dmqpwcec]{position:absolute;left:14px;width:18px;height:18px;color:var(--text-muted);pointer-events:none}.mega-menu-search-input[data-astro-cid-dmqpwcec]{width:100%;padding:12px 14px 12px 42px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);font-family:inherit;font-size:.95rem;transition:all var(--transition)}.mega-menu-search-input[data-astro-cid-dmqpwcec]:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-glow)}.mega-menu-search-input[data-astro-cid-dmqpwcec]::placeholder{color:var(--text-muted)}.mega-menu-empty[data-astro-cid-dmqpwcec]{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:.9rem}[data-astro-cid-dmqpwcec][dir=rtl] .mega-menu-search[data-astro-cid-dmqpwcec] svg[data-astro-cid-dmqpwcec]{left:auto;right:14px}[data-astro-cid-dmqpwcec][dir=rtl] .mega-menu-search-input[data-astro-cid-dmqpwcec]{padding:12px 42px 12px 14px}:root{--bg: #fafafa;--bg-subtle: #f0f0f0;--surface: #ffffff;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .7);--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #dbeafe;--primary-glow: rgba(99, 102, 241, .15);--primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--accent: #ec4899;--accent-light: #ede9fe;--accent-glow: rgba(236, 72, 153, .15);--text: #0f172a;--text-secondary: #475569;--text-muted: #536175;--text-subtle: #64748b;--border: #e2e8f0;--border-hover: #cbd5e1;--border-light: rgba(255, 255, 255, .8);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--shadow-glow: 0 0 30px var(--primary-glow);--focus-ring: 0 0 0 3px rgba(99, 102, 241, .15);--success: #10b981;--success-bg: #ecfdf5;--error: #ef4444;--error-bg: #fef2f2;--warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 32px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg: #0a0a0f;--bg-subtle: #12121a;--surface: #16161f;--surface-elevated: #1e1e2a;--surface-glass: rgba(10, 10, 15, .8);--text: #f8fafc;--text-secondary: #94a3b8;--text-muted: #536175;--text-subtle: #64748b;--border: #2a2a3a;--border-hover: #3a3a4a;--border-light: rgba(255, 255, 255, .1);--primary-light: #1e3a5f;--accent-light: #2e1065;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 60px rgba(99, 102, 241, .2);--success-bg: #064e3b;--error-bg: #450a0a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;line-height:1.6;transition:background var(--transition),color var(--transition);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;height:600px;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--primary-glow),transparent),radial-gradient(ellipse 60% 40% at 80% 0%,var(--accent-glow),transparent);pointer-events:none;z-index:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:1000;border-radius:0 0 var(--radius-sm) 0;text-decoration:none;font-weight:500;font-size:.875rem}.skip-link:focus{top:0}header{position:sticky;top:0;z-index:1000}.top-nav{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}[data-theme=dark] .top-nav{background:#0a0a0fe6}.brand{font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;letter-spacing:-.02em}.nav-logo{width:36px;height:36px;border-radius:10px;box-shadow:var(--shadow-md)}.nav-actions{display:flex;align-items:center;gap:12px}.tools-trigger{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none}.tools-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.tools-trigger svg{width:18px;height:18px;transition:transform .3s ease}.tools-trigger.active svg{transform:rotate(45deg)}.tools-trigger.mobile-only{display:none}.tools-trigger.desktop-only{display:flex}@media(max-width:600px){.top-nav{padding:0 16px}.brand span{display:none}.nav-actions{gap:8px}.tools-trigger.mobile-only{display:flex;padding:8px 10px}.tools-trigger.mobile-only .btn-text,.tools-trigger.desktop-only{display:none}}.lang-dropdown{position:relative;flex-shrink:0}.lang-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:8px;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.lang-trigger:hover,.lang-dropdown.open .lang-trigger{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.lang-trigger .lang-chevron{width:12px;height:12px;transition:transform .2s}.lang-dropdown.open .lang-chevron{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:var(--surface-elevated, var(--surface));border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:200}.lang-dropdown.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background .15s,color .15s;border:none;background:none;width:100%;font-family:inherit;text-align:left}.lang-option:hover{background:var(--bg-subtle);color:var(--text)}.lang-option.active{color:var(--primary);font-weight:600}.lang-option .lang-flag{display:inline-flex;align-items:center;flex-shrink:0}.lang-flag img{border-radius:3px;box-shadow:0 0 0 1px #0000001f;vertical-align:middle;object-fit:cover;display:block}@media(max-width:600px){.lang-trigger{padding:0 6px;height:36px;gap:4px}.lang-trigger #langCode{display:none}.lang-trigger .lang-chevron{width:10px;height:10px}.lang-menu{right:-8px;min-width:150px}}button.icon-only,.theme-toggle{width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}button.icon-only:hover,.theme-toggle:hover{border-color:var(--primary);color:var(--primary);transform:rotate(15deg)}button.icon-only svg,.theme-toggle svg{width:20px;height:20px}.mega-menu-wrapper{position:absolute;top:100%;left:0;right:0;z-index:999;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);max-height:0;overflow-y:auto;transition:max-height .3s ease-in-out;visibility:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.mega-menu-wrapper::-webkit-scrollbar{width:6px}.mega-menu-wrapper::-webkit-scrollbar-track{background:transparent}.mega-menu-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mega-menu-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mega-menu-wrapper.open{max-height:calc(90vh - 70px);visibility:visible}[data-theme=dark] .mega-menu-wrapper{background:var(--surface-elevated)}.mega-menu-inner{max-width:1400px;margin:0 auto;padding:32px}.mega-menu-content{display:flex;gap:32px;margin-bottom:8px;align-items:stretch;min-height:380px}.mega-menu-sidebar{display:flex;flex-direction:column;width:260px;flex-shrink:0;border-right:1px solid var(--border);padding-right:20px;gap:6px}[dir=rtl] .mega-menu-sidebar{border-right:none;border-left:1px solid var(--border);padding-right:0;padding-left:20px}.sidebar-cat-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;transition:all var(--transition);width:100%}[dir=rtl] .sidebar-cat-btn{text-align:right}.sidebar-cat-btn:hover{background:var(--bg-subtle);color:var(--text)}.sidebar-cat-btn.active{background:var(--bg-subtle);color:var(--primary);border-color:var(--border-hover)}.sidebar-cat-btn .cat-emoji{font-size:1.1rem;display:flex;align-items:center}.sidebar-cat-btn .cat-label{flex:1}.sidebar-cat-btn .cat-count{font-size:.72rem;font-weight:700;background:var(--border);color:var(--text-secondary);padding:2px 7px;border-radius:12px;min-width:24px;text-align:center;transition:all var(--transition)}.sidebar-cat-btn.active .cat-count{background:var(--primary);color:#fff}.mega-menu-grid{flex:1;min-width:0}.category-pane{width:100%}.category-pane .menu-category-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:1100px){.category-pane .menu-category-links{grid-template-columns:1fr}}@media(max-width:768px){.mega-menu-content{flex-direction:column;gap:20px}.mega-menu-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:16px;flex-direction:row;overflow-x:auto;padding-left:0}[dir=rtl] .mega-menu-sidebar{border-left:none;padding-left:0}.sidebar-cat-btn{width:auto;white-space:nowrap}}.menu-tool-link{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all var(--transition);background:transparent}.menu-tool-link:hover{background:var(--bg-subtle);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.menu-tool-link .tool-icon-wrap{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.menu-tool-link:hover .tool-icon-wrap{background:var(--primary);color:#fff}.menu-tool-link .tool-icon-wrap svg{width:16px;height:16px}.menu-tool-link .tool-details{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-tool-link .tool-title{font-size:.85rem;font-weight:600;color:var(--text);transition:color var(--transition)}.menu-tool-link:hover .tool-title{color:var(--primary)}.menu-tool-link .tool-desc{font-size:.72rem;color:var(--text-muted);line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-category-header{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0 0 10px;margin-bottom:12px;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:6px}.menu-category-header.transform{border-color:#6366f1;color:#6366f1}.menu-category-header.extract{border-color:#10b981;color:#10b981}.menu-category-header.clean{border-color:#ec4899;color:#ec4899}.menu-category-header.count{border-color:#3b82f6;color:#3b82f6}.menu-category-header.developer{border-color:#f59e0b;color:#f59e0b}.menu-category-header.generator{border-color:#8b5cf6;color:#8b5cf6}.menu-category-header.utility{border-color:#fbbf24;color:#fbbf24}.menu-cat-emoji{font-size:.85rem}.tool-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-subtle);border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none;color:var(--text);transition:all var(--transition)}.tool-card:hover{background:var(--surface);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-card-icon svg{width:20px;height:20px;color:#fff}.tool-card-icon.transform{background:linear-gradient(135deg,#818cf8,#6366f1)}.tool-card-icon.extract{background:linear-gradient(135deg,#34d399,#10b981)}.tool-card-icon.clean{background:linear-gradient(135deg,#f472b6,#ec4899)}.tool-card-icon.count{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.tool-card-icon.utility,.tool-card-icon.developer{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.tool-card-icon.generator{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.tool-card-content{flex:1;min-width:0}.tool-card-name{font-weight:600;font-size:.9rem;margin-bottom:2px}.tool-card-desc{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-menu-footer{display:flex;gap:24px;padding-top:24px;margin-top:24px;border-top:1px solid var(--border)}.mega-menu-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:.85rem;font-weight:500;transition:color var(--transition)}.mega-menu-link:hover{color:var(--primary)}.mega-menu-link svg{width:16px;height:16px}main,#main{position:relative;z-index:1;flex:1;max-width:1200px;width:100%;margin:0 auto;padding:40px 24px 80px}.page-header{text-align:center;margin-bottom:32px}.page-header h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:8px;color:var(--text);font-family:Space Grotesk,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.page-header p{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-bottom:0;align-items:center}.toolbar-group{display:flex;gap:4px;align-items:center}.toolbar-divider,.tool-divider{width:1px;height:24px;background:var(--border);margin:0 8px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none}button:hover,.btn:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--border-hover);transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0) scale(.98)}button:focus-visible,.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button.primary,.btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border:none;box-shadow:0 2px 8px var(--primary-glow)}button.primary:hover,.btn.primary:hover{box-shadow:0 4px 16px var(--primary-glow);transform:translateY(-2px)}button.danger,.btn.danger{color:var(--error)}button.danger:hover,.btn.danger:hover{background:var(--error-bg);border-color:var(--error)}button:disabled,.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}button svg,.btn svg{width:16px;height:16px;flex-shrink:0}.editor-wrapper{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:border-color var(--transition),box-shadow var(--transition);margin-bottom:32px}.toolbar+.editor-wrapper{border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;margin-top:-1px}.toolbar:has(+.editor-wrapper:focus-within){border-color:var(--primary)}.editor-wrapper:focus-within{border-color:var(--primary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.toolbar+.editor-wrapper:focus-within{border-color:var(--primary);border-top:none}.editor-wrapper.drag-over,.editor-section.drag-over{border-color:var(--primary);background:var(--primary-glow)}.editor-container{position:relative;min-height:350px;max-height:600px;display:flex;border:none;outline:none}.editor-container:focus-within{outline:none;border:none}.line-numbers{display:none;padding:20px 0;background:var(--bg-subtle);border-right:1px solid var(--border);font-family:JetBrains Mono,SF Mono,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9rem;line-height:1.65;color:var(--text-muted);text-align:right;user-select:none;min-width:50px;overflow-y:scroll;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.line-numbers::-webkit-scrollbar{display:none}.line-numbers.visible{display:block}.line-numbers span{display:block;padding:0 12px;height:1.65em}textarea,textarea#editor,#editor{flex:1;width:100%;min-height:350px;max-height:600px;border:none;padding:20px 180px 20px 24px;resize:none;background:transparent;color:var(--text);font-family:JetBrains Mono,SF Mono,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9rem;line-height:1.65;outline:none;tab-size:4;overflow-y:auto}textarea:focus,textarea#editor:focus,#editor:focus{outline:none;box-shadow:none}textarea::placeholder,#editor::placeholder{color:var(--text-secondary)}.editor-actions{position:absolute;top:16px;right:16px;display:flex;gap:10px;z-index:10}.editor-container .editor-actions{position:absolute;top:16px;right:16px}.editor-action-btn{height:42px;border-radius:var(--radius-md);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition);font-family:inherit;font-size:.8rem;font-weight:600}.editor-action-btn.paste-btn{width:42px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.editor-action-btn.paste-btn:hover{background:var(--bg-subtle);color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.editor-action-btn.copy-btn{padding:0 20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.editor-action-btn.copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.editor-action-btn.copy-btn.copied{background:var(--success);box-shadow:0 4px 12px #10b98166}.editor-action-btn.download-btn{width:42px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.editor-action-btn.download-btn:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.editor-action-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.editor-action-btn.copy-btn svg{stroke:#fff;color:#fff}.editor-action-btn.download-btn svg{stroke:var(--text-secondary);color:var(--text-secondary)}.editor-action-btn.download-btn:hover svg{stroke:var(--text);color:var(--text)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-subtle);border-top:1px solid var(--border);border-radius:0 0 var(--radius-xl) var(--radius-xl);font-size:.75rem;color:var(--text-secondary);gap:12px}.status-bar .stats,.status-stats{display:flex;gap:16px;align-items:center}.status-bar .stat{display:flex;align-items:center;gap:4px}.status-actions{display:flex;align-items:center;gap:8px}.status-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all var(--transition);font-family:inherit}.status-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border-hover)}.status-btn:disabled{opacity:.35;cursor:not-allowed}.status-btn.danger:hover{color:var(--error);border-color:var(--error);background:var(--error-bg)}.status-btn svg{width:14px;height:14px}.status-toggles,.toggles{display:flex;align-items:center;gap:8px}.toggle-btn{padding:4px 10px;border-radius:100px;font-size:.7rem;font-weight:500;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-family:inherit}.toggle-btn:hover{border-color:var(--text-muted);color:var(--text)}.toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.toggle-btn.active{background:#4338ca;border-color:#4338ca;color:#fff}.history-wrap{position:relative;display:inline-block}#historyMenu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:260px;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:200;overflow:hidden}#historyMenu.open{display:block}.history-item{padding:10px 14px;font-size:.82rem;color:var(--text-secondary);cursor:pointer;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,monospace}.history-item:hover{background:var(--bg-subtle);color:var(--text)}.history-clear{padding:8px 14px;font-size:.8rem;color:#ef4444;cursor:pointer;text-align:center;font-weight:600}.history-clear:hover{background:#ef444414}.info-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px}.info-box h2{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:var(--text);letter-spacing:-.02em}.info-box p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.info-box p:last-child{margin-bottom:0}.info-box strong{color:var(--primary);font-weight:600}.privacy-note{background:var(--success-bg);border-radius:var(--radius-md);padding:16px;margin-top:16px}.privacy-note p{margin:0;color:var(--success);font-size:.85rem}[data-theme=dark] .privacy-note{background:var(--success-bg)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--text);color:var(--bg);padding:12px 24px;border-radius:100px;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;align-items:center;gap:8px}#toast.show{transform:translate(-50%) translateY(0);opacity:1}#toast.success{background:var(--success);color:#fff}#toast.error{background:var(--error);color:#fff}footer,.footer{text-align:center;padding:32px 24px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;background:transparent;margin-top:auto}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--primary)}#loading{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:9999}.loading-content{background:var(--surface);padding:32px 48px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}#loadingText{color:var(--text-secondary);font-size:.9rem}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition);z-index:50}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text);cursor:pointer;transition:background var(--transition);text-decoration:none}.dropdown-item:hover,.dropdown-item:focus{background:var(--bg-subtle);outline:none}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item svg{width:16px;height:16px;color:var(--text-muted)}.shortcuts-modal{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.shortcuts-modal.show{display:flex}.shortcuts-content{background:var(--surface);border-radius:var(--radius-lg);padding:24px;max-width:420px;width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shortcuts-content h3{font-size:1.1rem;font-weight:700;margin:0}.shortcuts-close,.share-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);padding:0}.shortcuts-close:hover,.share-close:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--border-hover)}.shortcuts-section{margin-bottom:20px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-secondary)}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{display:flex;gap:4px}.shortcut-key{background:var(--bg-subtle);padding:4px 8px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text);border:1px solid var(--border)}.shortcuts-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);text-align:center;font-size:.8rem;color:var(--text-muted)}.share-modal{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.share-modal.show{display:flex}.share-content{background:var(--surface);border-radius:var(--radius-lg);padding:24px;max-width:360px;width:100%;box-shadow:var(--shadow-lg)}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.share-content h3{font-size:1.1rem;font-weight:700;margin:0}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--transition)}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn.twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-btn.linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.share-btn.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-btn.whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.share-btn.email:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.share-btn.copy-link:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.share-btn svg{width:18px;height:18px;flex-shrink:0}.mobile-tools-btn{display:none;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer}.mobile-tools-btn svg{width:18px;height:18px}@media(max-width:768px){.mobile-tools-btn{display:flex}}.confetti{position:fixed;pointer-events:none;z-index:9999}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confetti-fall 1s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(200px) rotate(720deg);opacity:0}}@media(max-width:1200px){.menu-categories{gap:16px}}@media(max-width:768px){.top-nav{padding:0 16px}.menu-categories{gap:12px}.mega-menu-inner{padding:20px}.mega-menu-footer{flex-wrap:wrap;gap:12px}}@media(max-width:600px){.mega-menu-wrapper{display:none!important}}@media(max-width:900px){.top-nav{padding:0 16px;height:60px}.nav-logo{width:32px;height:32px}main,#main{padding:20px 16px 60px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}.toolbar{padding:12px;gap:8px;overflow-x:auto;flex-wrap:nowrap;border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:flex-start;background:linear-gradient(to right,var(--bg-subtle) 20%,transparent),linear-gradient(to left,var(--bg-subtle) 20%,transparent),linear-gradient(to right,rgba(0,0,0,.1),transparent 20%),linear-gradient(to left,rgba(0,0,0,.1),transparent 20%);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:40px 100%,40px 100%,20px 100%,20px 100%;background-attachment:local,local,scroll,scroll}.toolbar-divider,.tool-divider{display:none}button,.btn{padding:10px 14px;font-size:.8rem;min-height:44px}button svg,.btn svg{width:18px;height:18px}.editor-container{min-height:280px;max-height:400px}textarea,textarea#editor,#editor{padding:60px 16px 16px;min-height:280px;max-height:400px;font-size:.85rem}.editor-actions{top:10px;right:10px;gap:8px}.editor-action-btn{height:38px}.editor-action-btn.copy-btn{padding:0 14px;font-size:.75rem}.editor-action-btn.download-btn{width:38px}.status-bar{flex-wrap:wrap;gap:10px;padding:12px;justify-content:center}.status-btn{padding:8px 14px;font-size:.75rem;min-height:44px}.toggle-btn{padding:8px 14px;font-size:.7rem;min-height:44px}.info-box{padding:20px;border-radius:var(--radius-md)}.info-box h2{font-size:1rem}.info-box p{font-size:.85rem}footer{padding:24px 16px}.footer-links{gap:20px}.dual-editor,.dual-input{grid-template-columns:1fr;gap:16px}.results-grid{grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:480px){.top-nav{padding:0 12px;height:56px}button.icon-only,.theme-toggle{width:36px;height:36px}main,#main{padding:16px 12px 50px}.page-header{margin-bottom:20px}.page-header h1{font-size:1.3rem}.page-header p{font-size:.85rem}.toolbar{padding:10px;gap:6px}.toolbar button span,.toolbar .btn span{display:none}.toolbar button.primary span,.toolbar .btn.primary span{display:inline}button,.btn{padding:8px 10px;font-size:.75rem;min-height:40px}.editor-container{min-height:250px;max-height:350px}textarea,textarea#editor,#editor{padding:55px 14px 14px;min-height:250px;max-height:350px;font-size:.8rem}.editor-actions{top:8px;right:8px;gap:6px}.editor-action-btn{height:34px}.editor-action-btn.copy-btn{padding:0 12px;font-size:.7rem}.editor-action-btn.download-btn{width:34px}.editor-action-btn svg{width:16px;height:16px}.status-bar{flex-direction:column;gap:10px;padding:12px;align-items:stretch}.status-bar>span:first-child{text-align:center}.status-actions,.toggles,.status-toggles{width:100%;justify-content:center}.info-box{padding:16px}.info-box h2{font-size:.95rem}.info-box p{font-size:.8rem}.privacy-note{padding:12px}.privacy-note p{font-size:.8rem}.results-grid{grid-template-columns:1fr;gap:12px}.result-card-header{padding:10px 12px}.result-content{max-height:150px;padding:10px 12px;font-size:.75rem}.result-actions{padding:10px 12px}.result-btn{padding:8px 10px;font-size:.7rem}.options-bar{flex-direction:column;gap:12px;padding:14px}.option-group{width:100%;justify-content:center}.panel-header{padding:10px 12px}.panel-title{font-size:.85rem}.panel-badge{font-size:.7rem;padding:3px 8px}footer{padding:20px 12px}.footer-links{gap:16px;font-size:.8rem}footer p{font-size:.75rem}#toast{padding:10px 20px;font-size:.8rem;max-width:calc(100vw - 24px)}}@media(max-width:360px){.page-header h1{font-size:1.2rem}.toolbar button,.toolbar .btn{padding:8px}.editor-actions{flex-direction:column;gap:4px}.editor-action-btn{height:32px!important}.editor-action-btn.copy-btn{padding:0 10px!important;font-size:.65rem!important}.editor-action-btn.download-btn,.editor-action-btn.paste-btn{width:32px!important}.footer-links{flex-wrap:wrap;gap:12px 20px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.content-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px}.content-section h2{font-size:1.3rem;font-weight:700;margin-bottom:16px;color:var(--text)}.content-section h3{font-size:1.1rem;font-weight:600;margin:20px 0 12px;color:var(--text)}.content-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.content-section ul{color:var(--text-secondary);line-height:1.7;margin:12px 0;padding-left:24px}.content-section li{margin-bottom:8px}@media(max-width:600px){.content-section{padding:20px 16px;border-radius:var(--radius-md)}.content-section h2{font-size:1.1rem}.content-section h3{font-size:1rem}.content-section p,.content-section li{font-size:.9rem}}.content-section table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.content-section th,.content-section td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.content-section th{background:var(--bg-subtle);font-weight:600;color:var(--text)}.content-section td{color:var(--text-secondary)}.content-section tr:hover td{background:var(--bg-subtle)}.faq-item{border-bottom:1px solid var(--border);padding:20px 0}.faq-item:first-of-type{padding-top:0}.faq-item:last-of-type{border-bottom:none;padding-bottom:0}.faq-question{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:8px;display:flex;align-items:flex-start;gap:10px}.faq-question:before{content:"Q";background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px;flex-shrink:0}.faq-answer{color:var(--text-secondary);line-height:1.7;padding-left:32px}@media(max-width:600px){.faq-item{padding:16px 0}.faq-question{font-size:.9rem;gap:8px}.faq-question:before{font-size:.65rem;padding:2px 6px}.faq-answer{padding-left:0;margin-top:8px;font-size:.85rem}}.related-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.related-tool-link{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-weight:500;font-size:.9rem;transition:all var(--transition)}.related-tool-link:hover{border-color:var(--primary);background:var(--surface);transform:translate(4px)}.related-tool-link svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.options-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.options-table th,.options-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.options-table th{background:var(--bg-subtle);font-weight:600;color:var(--text)}.options-table td{color:var(--text-secondary)}.options-table tr:hover td{background:var(--bg-subtle)}.options-table code{background:var(--bg-subtle);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85rem}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .skip-link{left:auto;right:0;border-radius:0 0 0 var(--radius-sm)}[dir=rtl] .lang-menu{right:auto;left:0}[dir=rtl] .lang-option{text-align:right}[dir=rtl] .mega-menu-link svg{transform:scaleX(-1)}[dir=rtl] .toolbar{border-radius:var(--radius-xl) var(--radius-xl) 0 0}[dir=rtl] textarea,[dir=rtl] textarea#editor,[dir=rtl] #editor{padding-right:24px!important;padding-left:180px!important;text-align:right!important}[dir=rtl] .editor-actions,[dir=rtl] .editor-container .editor-actions{right:auto!important;left:16px!important}[dir=rtl] .faq-question{text-align:right}[dir=rtl] .faq-answer{padding-left:0;padding-right:32px}[dir=rtl] .related-tool-link:hover{transform:translate(-4px)}[dir=rtl] .history-item{text-align:right}[dir=rtl] .line-numbers.visible{border-right:none;border-left:1px solid var(--border);text-align:left}[dir=rtl] .cs h2,[dir=rtl] .cs h3,[dir=rtl] .cs p,[dir=rtl] .cs li,[dir=rtl] .el-card h2,[dir=rtl] .el-card p,[dir=rtl] .el-head{text-align:right}[dir=rtl] .cs ul{padding-left:0;padding-right:20px;text-align:right;list-style-position:inside}[dir=rtl],[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] .p-btn,[dir=rtl] .dl-btn,[dir=rtl] .s-btn,[dir=rtl] .vp-use-btn,[dir=rtl] .key-save-btn,[dir=rtl] .key-rm-btn,[dir=rtl] .vp-search,[dir=rtl] .v-sel,[dir=rtl] .page-header h1,[dir=rtl] .toolbar,[dir=rtl] .section-title,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:Readex Pro,Segoe UI,Tahoma,sans-serif!important}[dir=rtl] .page-header{text-align:right}[dir=rtl] .page-header p{margin:0 0 0 auto}[dir=rtl] .dual-editor{direction:rtl}[dir=rtl] .bt-action-bar{margin-left:0;margin-right:auto}[dir=rtl] .bt-panel-header{direction:rtl}[dir=rtl] .bt-textarea{text-align:right;direction:rtl;padding-left:18px!important;padding-right:18px!important}[dir=rtl] .bt-mode-bar{direction:rtl}[dir=rtl] .bt-action-btn svg{transform:scaleX(-1)}[dir=rtl] .morse-visual{direction:ltr}[dir=rtl] .morse-speed-bar{direction:rtl}[dir=rtl] .cron-builder{direction:rtl;text-align:right}[dir=rtl] .cron-preset-row{direction:rtl}[dir=rtl] .cron-field-label span{margin-left:0;margin-right:6px}[dir=rtl] .cron-field-options,[dir=rtl] .cron-field-inputs{direction:rtl}[dir=rtl] .cron-output-card{direction:rtl;text-align:right}[dir=rtl] .cron-output,[dir=rtl] .cron-manual-input{direction:ltr;text-align:center}[dir=rtl] .cron-description{text-align:center}[dir=rtl] .cron-next-runs li{direction:ltr}[dir=rtl] .emoji-tool-wrapper,[dir=rtl] .emoji-search-wrap{direction:rtl}[dir=rtl] .emoji-search-icon{left:auto;right:14px}[dir=rtl] .emoji-search{padding:12px 42px 12px 16px;text-align:right}[dir=rtl] .emoji-categories,[dir=rtl] .emoji-skin-tone-bar{direction:rtl}[dir=rtl] .emoji-recent{direction:rtl;text-align:right}[dir=rtl] .emoji-grid{direction:ltr}[dir=rtl] .art-tabs{direction:rtl}[dir=rtl] .art-search{text-align:right;direction:rtl}[dir=rtl] .art-categories,[dir=rtl] .art-gallery{direction:rtl}[dir=rtl] .art-card pre{direction:ltr;text-align:left}[dir=rtl] .art-card .copy-art-btn{right:auto;left:8px}[dir=rtl] .fancy-text-input{text-align:right;direction:rtl}[dir=rtl] .fancy-text-row{direction:rtl}[dir=rtl] .fancy-text-output{direction:ltr;text-align:left}[dir=rtl] .kaomoji-cat-title{text-align:right}[dir=rtl] .kaomoji-grid{direction:rtl}[dir=rtl] .kaomoji-btn{direction:ltr}[dir=rtl] .prefix-suffix-controls{direction:rtl}[dir=rtl] .prefix-suffix-controls input,[dir=rtl] .prefix-suffix-controls label{text-align:right}[dir=rtl] .repeater-controls{direction:rtl}[dir=rtl] .repeater-controls input,[dir=rtl] .repeater-controls label{text-align:right}[dir=rtl] .reverser-modes,[dir=rtl] .notepad-toolbar{direction:rtl}[dir=rtl] .notepad-stats{text-align:right}[dir=rtl] .toolbar,[dir=rtl] .toolbar-group,[dir=rtl] .related-tools{direction:rtl}[dir=rtl] .related-tool-link svg{margin-left:8px;margin-right:0}[dir=rtl] .cron-preset-label,[dir=rtl] .cron-field-label,[dir=rtl] .cron-option-btn,[dir=rtl] .cron-copy-btn,[dir=rtl] .bt-mode-btn,[dir=rtl] .bt-action-btn,[dir=rtl] .bt-panel-label,[dir=rtl] .art-tab,[dir=rtl] .art-search,[dir=rtl] .art-cat-btn,[dir=rtl] .fancy-text-input,[dir=rtl] .fancy-text-label,[dir=rtl] .fancy-copy-btn,[dir=rtl] .kaomoji-cat-title,[dir=rtl] .emoji-search,[dir=rtl] .emoji-skin-tone-label,[dir=rtl] .emoji-recent-label,[dir=rtl] .emoji-cat-btn,[dir=rtl] p,[dir=rtl] span,[dir=rtl] label,[dir=rtl] .faq-item,[dir=rtl] .faq-answer,[dir=rtl] .content-section{font-family:Readex Pro,Segoe UI,Tahoma,sans-serif!important}.palette-overlay{position:fixed;inset:0;background:#0a0a0f66;backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;z-index:10000;padding:60px 20px 20px}.palette-overlay.open{display:flex;animation:modalFadeIn .2s ease}.palette-container{background:var(--surface-glass, rgba(255, 255, 255, .7));backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:580px;box-shadow:var(--shadow-lg),0 20px 40px #00000026;overflow:hidden;animation:modalSlideIn .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}[data-theme=dark] .palette-container{background:var(--surface-glass, rgba(30, 30, 40, .75));border-color:#ffffff14}.palette-input-wrap{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);gap:12px}.palette-input-wrap svg{color:var(--text-muted);flex-shrink:0}#paletteSearch{flex:1;background:transparent;border:none;color:var(--text);font-size:1rem;font-family:inherit;outline:none;padding:0}#paletteSearch::placeholder{color:var(--text-muted)}.palette-results{max-height:360px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.palette-item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;user-select:none}.palette-item.selected{background:var(--primary-glow);color:var(--primary)}[data-theme=dark] .palette-item.selected{background:#6366f126;color:#a5b4fc}.palette-item-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:all .15s ease}.palette-item.selected .palette-item-icon{background:var(--primary);border-color:var(--primary);color:#fff}.palette-item-icon svg{width:14px;height:14px}.palette-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.palette-item-title{font-size:.875rem;font-weight:600;color:var(--text)}.palette-item.selected .palette-item-title{color:inherit}.palette-item-desc{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-item-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);flex-shrink:0}.palette-item.selected .palette-item-badge{border-color:transparent;background:#fff3;color:inherit}.palette-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:.875rem}.palette-footer{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-subtle);border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted)}.palette-footer kbd{font-family:monospace;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:.65rem;color:var(--text);margin-right:4px}#detectionBannerWrap{width:100%;margin-bottom:12px}.detection-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--surface-glass, rgba(255, 255, 255, .75));backdrop-filter:blur(10px);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:slideDownIn .25s cubic-bezier(.16,1,.3,1);font-size:.85rem;color:var(--text-secondary)}[data-theme=dark] .detection-banner{background:var(--surface-glass, rgba(30, 30, 45, .8));border-color:#ffffff14;border-left-color:var(--primary)}.banner-info{display:flex;align-items:center;gap:8px}.banner-icon{font-size:1.1rem;flex-shrink:0}.banner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.banner-action-btn{padding:6px 12px;font-size:.75rem;font-weight:600;border-radius:6px;background:var(--primary-glow);color:var(--primary);border:1px solid transparent;cursor:pointer;transition:all .15s ease;min-height:auto}.banner-action-btn:hover{background:var(--primary);color:#fff}[data-theme=dark] .banner-action-btn{background:#6366f126;color:#a5b4fc}[data-theme=dark] .banner-action-btn:hover{background:var(--primary);color:#fff}.banner-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s ease}.banner-close:hover{color:var(--text)}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.detection-banner{flex-direction:column;align-items:flex-start;gap:10px}.banner-close{position:absolute;top:10px;right:10px}}.palette-trigger-btn{display:inline-flex;align-items:center;gap:8px;background:var(--surface-glass, rgba(255, 255, 255, .7));border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);height:36px;margin-right:8px;font-family:inherit;outline:none}.palette-trigger-btn:hover{border-color:var(--primary);background:var(--surface);color:var(--primary)}.palette-trigger-btn:hover svg{color:var(--primary)}.palette-trigger-btn svg{color:var(--text-muted);transition:color var(--transition)}.palette-trigger-text{font-weight:500}.palette-trigger-kbd{font-family:monospace;font-size:.65rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:1px 4px;color:var(--text-muted)}.editor-wrapper{position:relative}.editor-wrapper.loading{pointer-events:none}.editor-wrapper.loading:after{content:"";position:absolute;inset:0;background:#fff9;backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:var(--radius-md)}[data-theme=dark] .editor-wrapper.loading:after{background:#0a0a0f99}.editor-wrapper.loading:before{content:"";position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;z-index:101}@keyframes spin{to{transform:rotate(360deg)}}