.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}.cookie-banner[data-astro-cid-fzbxxtek]{position:fixed;bottom:20px;left:20px;right:20px;max-width:960px;margin:0 auto;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #0003,0 0 1px #0000001a;border-radius:var(--radius-lg);padding:16px 24px;z-index:99999;animation:cookieSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-content[data-astro-cid-fzbxxtek]{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-text[data-astro-cid-fzbxxtek]{flex:1;min-width:280px}.cookie-text[data-astro-cid-fzbxxtek] p[data-astro-cid-fzbxxtek]{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.cookie-text[data-astro-cid-fzbxxtek] strong[data-astro-cid-fzbxxtek]{color:var(--text)}.cookie-text[data-astro-cid-fzbxxtek] a[data-astro-cid-fzbxxtek]{color:var(--primary);text-decoration:underline}.cookie-actions[data-astro-cid-fzbxxtek]{display:flex;align-items:center;gap:10px;flex-shrink:0}.cookie-btn[data-astro-cid-fzbxxtek]{padding:8px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.cookie-btn-accept[data-astro-cid-fzbxxtek]{background:var(--primary);color:#fff;border:1px solid var(--primary)}.cookie-btn-accept[data-astro-cid-fzbxxtek]:hover{background:var(--primary-hover);transform:translateY(-1px)}.cookie-btn-reject[data-astro-cid-fzbxxtek]{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border)}.cookie-btn-reject[data-astro-cid-fzbxxtek]:hover{background:var(--surface);color:var(--text);border-color:var(--border-hover)}@media(max-width:640px){.cookie-banner[data-astro-cid-fzbxxtek]{bottom:12px;left:12px;right:12px;padding:14px 16px}.cookie-text[data-astro-cid-fzbxxtek]{min-width:0!important}.cookie-actions[data-astro-cid-fzbxxtek]{width:100%;justify-content:flex-end}.cookie-btn[data-astro-cid-fzbxxtek]{flex:1;text-align:center}}:root{--bg: #fafafa;--bg-subtle: #f0f0f0;--surface: #ffffff;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .7);--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #e0e7ff;--primary-glow: rgba(79, 70, 229, .15);--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #4338ca 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: #94a3b8;--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;will-change:transform;contain:strict}.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-header-links{display:flex;align-items:center;gap:22px;margin-left:28px}.nav-header-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:600;transition:all var(--transition);padding:6px 4px}.nav-header-link:hover{color:var(--primary)}@media(max-width:960px){.nav-header-links{display:none!important}}.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}.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,.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border:1px solid var(--primary);box-shadow:0 2px 8px var(--primary-glow)}button.primary:hover,.btn.primary:hover,.btn-primary:hover{border-color:var(--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:hidden;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.line-numbers::-webkit-scrollbar{display:none}.line-numbers.visible{display:flex;flex-direction:column}.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)}textarea,textarea#editor,#editor,.palette-results,.shortcuts-grid,.toolbar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}textarea::-webkit-scrollbar,#editor::-webkit-scrollbar,.palette-results::-webkit-scrollbar,.shortcuts-grid::-webkit-scrollbar,.toolbar::-webkit-scrollbar{width:6px;height:6px}textarea::-webkit-scrollbar-track,#editor::-webkit-scrollbar-track,.palette-results::-webkit-scrollbar-track,.shortcuts-grid::-webkit-scrollbar-track,.toolbar::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb,#editor::-webkit-scrollbar-thumb,.palette-results::-webkit-scrollbar-thumb,.shortcuts-grid::-webkit-scrollbar-thumb,.toolbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}textarea::-webkit-scrollbar-thumb:hover,#editor::-webkit-scrollbar-thumb:hover,.palette-results::-webkit-scrollbar-thumb:hover,.shortcuts-grid::-webkit-scrollbar-thumb:hover,.toolbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}textarea::-webkit-scrollbar-corner,#editor::-webkit-scrollbar-corner,.palette-results::-webkit-scrollbar-corner,.shortcuts-grid::-webkit-scrollbar-corner,.toolbar::-webkit-scrollbar-corner{background:transparent}.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}.toggle-btn.undo-btn,.toggle-btn.redo-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:600}.toggle-btn.undo-btn svg,.toggle-btn.redo-btn svg{width:11px;height:11px;flex-shrink:0}.toggle-btn:disabled,.toggle-btn.disabled,.toggle-btn[disabled]{opacity:.38!important;cursor:not-allowed!important;pointer-events:none!important;background:transparent!important;border-color:var(--border)!important;color:var(--text-muted)!important}.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}#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)}.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)}.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}}@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}.desktop-only{display:none!important}.toolbar{justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}textarea,textarea#editor,#editor{padding:60px 16px 16px;min-height:280px;max-height:400px;font-size:16px!important}.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:space-between}.status-bar .toggles{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px}.status-btn{padding:8px 14px;font-size:.75rem;min-height:40px}.toggle-btn{padding:6px 12px;font-size:.7rem;min-height:36px;flex-shrink:0}.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:16px!important}.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)}}.content-section table,.case-table,.ref-table,.pattern-table,.options-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:360px){.page-header h1{font-size:1.2rem}.toolbar button,.toolbar .btn{padding:8px}.editor-actions{flex-direction:row;gap:4px;top:6px;right:6px}.editor-action-btn{height:30px!important;padding:0 6px!important;font-size:.65rem!important}.editor-action-btn.copy-btn{padding:0 8px!important}.editor-action-btn.download-btn,.editor-action-btn.paste-btn{width:30px!important}textarea,textarea#editor,#editor{padding-top:46px!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}@media(max-width:900px){[dir=rtl] textarea,[dir=rtl] textarea#editor,[dir=rtl] #editor{padding-left:16px!important;padding-right:16px!important;padding-top:60px!important}[dir=rtl] .editor-actions{left:10px!important;right:auto!important;top:10px!important}}@media(max-width:480px){[dir=rtl] textarea,[dir=rtl] textarea#editor,[dir=rtl] #editor{padding-left:14px!important;padding-right:14px!important;padding-top:55px!important}[dir=rtl] .editor-actions{left:8px!important;top:8px!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] #historyMenu,[dir=rtl] .dropdown-menu{left:auto;right:0}[dir=rtl] .detection-banner{border-left:1px solid var(--border);border-right:4px solid var(--primary)}[dir=rtl] .line-numbers.visible{border-right:none;border-left:1px solid var(--border);text-align:left}[dir=rtl],[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[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.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)}}.shortcuts-container{max-width:580px;padding:0;overflow:hidden}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.shortcuts-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;color:var(--text)}.shortcuts-close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:0 4px;transition:color var(--transition)}.shortcuts-close:hover{color:var(--text)}.shortcuts-grid{display:flex;flex-direction:column;padding:12px 16px;gap:8px;max-height:60vh;overflow-y:auto}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-elevated, var(--surface));border:1px solid var(--border);font-size:.88rem}.shortcut-action{color:var(--text);font-weight:500}.shortcut-keys{display:flex;align-items:center;gap:4px;font-size:.75rem}.shortcut-keys kbd{display:inline-block;padding:3px 7px;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1;color:var(--text);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;box-shadow:0 1px #0003}.shortcuts-footer{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-subtle);font-size:.75rem;color:var(--text-muted);text-align:center;font-weight:500}.pinned-dock-fab{position:fixed;left:18px;bottom:20px;z-index:990;width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:50%;color:#f59e0b;cursor:pointer;box-shadow:0 4px 14px #0000001f;opacity:.85;transition:all var(--transition)}.pinned-dock-fab:hover{border-color:#f59e0b;opacity:1;transform:scale(1.08) translateY(-2px);box-shadow:0 6px 20px #f59e0b40}.pinned-dock-fab svg{color:#f59e0b;width:20px;height:20px;transition:transform var(--transition)}.pinned-dock-fab:hover svg{transform:rotate(15deg)}.pinned-dock-fab .fab-badge{position:absolute;top:-3px;right:-3px;background:#f59e0b;color:#000;font-size:.65rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--surface);box-shadow:0 2px 4px #0003}@media(max-width:640px){.pinned-dock-fab{left:14px;bottom:16px;width:38px;height:38px}.pinned-dock-fab svg{width:18px;height:18px}}.pinned-dock-drawer{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:995;display:flex;opacity:0;pointer-events:none;transition:opacity .25s ease}.pinned-dock-drawer.open{opacity:1;pointer-events:auto}.pinned-dock-panel{width:320px;max-width:85vw;height:100%;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1)}.pinned-dock-drawer.open .pinned-dock-panel{transform:translate(0)}.pinned-dock-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.pinned-dock-title{display:flex;align-items:center;gap:8px}.pinned-dock-title .star-icon{color:#f59e0b;font-size:1.1rem}.pinned-dock-title h3{margin:0;font-size:.95rem;font-weight:700;color:var(--text)}.pinned-count-pill{padding:2px 7px;background:var(--primary-light);border:1px solid var(--primary);border-radius:9999px;font-size:.72rem;font-weight:700;color:var(--primary)}.pinned-dock-close{background:transparent;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition)}.pinned-dock-close:hover{color:var(--text);background:var(--surface)}.pinned-dock-actions{padding:12px 16px;border-bottom:1px solid var(--border)}.btn-pin-current{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-pin-current:hover{background:var(--primary-hover)}.btn-pin-current.active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b}.pinned-dock-list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.dock-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition)}.dock-item:hover{border-color:var(--border-hover);background:var(--surface);transform:translate(2px)}.dock-item.active{border-color:var(--primary);background:var(--primary-light)}.dock-item-link{display:inline-flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-size:.85rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-item-star{color:#f59e0b;font-size:.85rem}.dock-active-tag{font-size:.68rem;padding:2px 6px;border-radius:4px;background:var(--primary);color:#fff;margin-left:6px}.dock-item-del{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:4px 6px;border-radius:3px;transition:all var(--transition)}.dock-item-del:hover{color:var(--error);background:var(--error-bg)}.dock-empty-state{text-align:center;padding:40px 16px;color:var(--text-muted)}.dock-empty-icon{font-size:2rem;color:#f59e0b;opacity:.5;margin-bottom:10px}.dock-empty-state h4{margin:0 0 6px;color:var(--text);font-size:.95rem}.dock-empty-state p{font-size:.8rem;line-height:1.5;color:var(--text-secondary)}.pinned-dock-footer{padding:10px 16px;background:var(--bg-subtle);border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);text-align:center}.pinned-dock-footer kbd{padding:2px 5px;background:var(--surface);border:1px solid var(--border);border-radius:3px;font-size:.72rem;font-family:inherit}.pin-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.pin-tool-btn:hover{border-color:#f59e0b;color:#f59e0b;transform:scale(1.05)}.pin-tool-btn.active{border-color:#f59e0b;color:#f59e0b;background:#f59e0b1a}@keyframes hotkeyPulse{0%{transform:scale(1);box-shadow:0 0 #4f46e566}50%{transform:scale(.97);box-shadow:0 0 0 8px #4f46e500}to{transform:scale(1);box-shadow:0 0 #4f46e500}}.hotkey-pulse{animation:hotkeyPulse .3s cubic-bezier(.34,1.56,.64,1)}@media print{body{background:#fff!important;color:#000!important;font-size:12pt}header,footer,nav,.top-nav,.nav-actions,.toolbar,.editor-actions,.status-bar,.related-tools-section,.cookie-banner,.palette-overlay,.palette-trigger-btn,.lang-dropdown,ins.adsbygoogle,#toast{display:none!important}main,#main,.tool-container,.editor-container,.blog-body{max-width:100%!important;padding:0!important;margin:0!important;border:none!important;box-shadow:none!important;background:transparent!important}textarea,pre,code{border:1px solid #ccc!important;background:#fafafa!important;color:#000!important;white-space:pre-wrap!important;word-wrap:break-word!important;box-shadow:none!important;height:auto!important;max-height:none!important}a{color:#000!important;text-decoration:underline!important}}.content-section code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px;color:var(--text);white-space:nowrap}.content-section pre{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 18px;line-height:1.6}.content-section pre code{background:none;border:none;padding:0;white-space:pre;font-size:.85rem}.example-io{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin:0 0 18px}.example-io>div{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;min-width:0}.example-io .io-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.example-io pre,.example-io code{background:none;border:none;padding:0;margin:0;font-size:.85rem;white-space:pre-wrap;word-break:break-word}.example-io .io-arrow{align-self:center;color:var(--primary);font-weight:700;font-size:1.1rem;padding:0 2px}@media(max-width:640px){.example-io{grid-template-columns:1fr}.example-io .io-arrow{transform:rotate(90deg);justify-self:center;padding:2px 0}}[dir=rtl] .example-io .io-arrow{transform:rotate(180deg)}@media(max-width:640px){[dir=rtl] .example-io .io-arrow{transform:rotate(90deg)}}.callout{border-left:4px solid var(--primary);background:var(--primary-glow);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:14px 18px;margin:0 0 18px}.callout p:last-child{margin-bottom:0}.callout strong{color:var(--text)}.callout--warn{border-left-color:var(--error);background:var(--error-bg)}.callout--tip{border-left-color:var(--success);background:var(--success-bg)}[dir=rtl] .callout{border-left:none;border-right:4px solid var(--primary);border-radius:var(--radius-md) 0 0 var(--radius-md)}[dir=rtl] .callout--warn{border-right-color:var(--error)}[dir=rtl] .callout--tip{border-right-color:var(--success)}.quick-answer{font-size:1.02rem;color:var(--text);background:var(--surface-elevated, var(--bg-subtle));border:1px dashed var(--border-hover, var(--border));border-radius:var(--radius-md);padding:12px 16px;margin:0 0 18px}select.styled-select,.styled-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 38px 10px 14px;border:1px solid var(--border);border-radius:var(--radius-md, 10px);background-color:var(--surface-elevated, var(--bg-subtle));color:var(--text);font-family:inherit;font-size:.95rem;font-weight:500;line-height:1.4;cursor:pointer;outline:none;max-width:100%;box-shadow:var(--shadow-sm);transition:border-color var(--transition, .15s ease),box-shadow var(--transition, .15s ease),background-color var(--transition, .15s ease);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b95a5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.styled-select:hover{border-color:var(--border-hover);background-color:var(--surface)}.styled-select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.styled-select:disabled{opacity:.55;cursor:not-allowed}.styled-select option,.styled-select optgroup{background:var(--surface-elevated, #fff);color:var(--text)}.styled-select optgroup{font-weight:700}[dir=rtl] .styled-select{padding:10px 14px 10px 38px;background-position:left 13px center}@media(max-width:640px){.styled-select{width:100%;min-height:44px;font-size:16px}}@media(pointer:coarse){.styled-select{min-height:44px}}