:root{--md-sys-color-primary: #4F46E5;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #E0E7FF;--md-sys-color-on-primary-container: #1E1B4B;--md-sys-color-secondary: #7C3AED;--md-sys-color-surface: #FAFAFA;--md-sys-color-surface-variant: #F3F4F6;--md-sys-color-on-surface: #111827;--md-sys-color-on-surface-variant: #6B7280;--md-sys-color-outline: #D1D5DB;--md-sys-color-outline-strong: #9CA3AF;--md-sys-color-error: #EF4444;--md-sys-color-success: #10B981;--md-elevation-1: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--md-elevation-2: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--md-elevation-3: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--md-type-display-large: 400 3.5rem/1.2 "Inter", system-ui, sans-serif;--md-type-headline-medium: 500 1.75rem/1.2 "Inter", system-ui, sans-serif;--md-type-title-large: 500 1.375rem/1.2 "Inter", system-ui, sans-serif;--md-type-body-large: 400 1rem/1.5 "Inter", system-ui, sans-serif;--md-type-label-large: 500 .875rem/1.2 "Inter", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shape-xs: 4px;--shape-sm: 8px;--shape-md: 12px;--shape-lg: 16px;--shape-xl: 24px;--shape-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--md-type-body-large);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);line-height:var(--md-type-body-large-line-height, 1.5);-webkit-font-smoothing:antialiased}h1{font-family:var(--md-type-display-large);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-4);text-wrap:balance}@media(min-width:600px){h1{font-size:2.5rem}}h2{font-family:var(--md-type-headline-medium);margin-bottom:var(--space-6);text-align:center}h3{font-family:var(--md-type-title-large);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4);color:var(--md-sys-color-on-surface-variant)}a{color:var(--md-sys-color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--md-sys-color-on-primary-container)}button,input,select{font-family:inherit}.elevation-1{box-shadow:var(--md-elevation-1)}.elevation-2{box-shadow:var(--md-elevation-2)}.elevation-3{box-shadow:var(--md-elevation-3)}.header{position:sticky;top:0;z-index:100;background-color:#fafafae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--md-sys-color-outline);transition:box-shadow .3s ease}.header.scrolled{box-shadow:var(--md-elevation-1)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:600;color:var(--md-sys-color-primary)}.desktop-nav{display:none}@media(min-width:600px){.desktop-nav{display:flex;gap:var(--space-6);font-weight:500}.mobile-nav-toggle{display:none}}.hero{padding:var(--space-16) var(--space-6);text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-subtitle{font-size:1.125rem;margin-bottom:var(--space-8);text-wrap:balance}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.badge{display:flex;align-items:center;gap:var(--space-2);background:var(--md-sys-color-surface-variant);padding:var(--space-2) var(--space-4);border-radius:var(--shape-full);font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface-variant)}.badge .material-symbols-outlined{font-size:18px}.hero-animation-container{margin-top:var(--space-4);height:120px;opacity:.8}.signature-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 5s infinite}@keyframes draw{0%{stroke-dashoffset:1000}40%{stroke-dashoffset:0}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.md-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-6);height:40px;border-radius:var(--shape-full);font-weight:500;cursor:pointer;border:none;background:transparent;transition:all .2s ease;position:relative;overflow:hidden}.md-btn:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:currentColor;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .3s,opacity .3s}.md-btn:active:after{transform:translate(-50%,-50%) scale(2);opacity:.12;transition:0s}.md-btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-btn-primary:hover{background-color:var(--md-sys-color-secondary);box-shadow:var(--md-elevation-1)}.md-btn-outlined{border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary)}.md-btn-outlined:hover{background-color:var(--md-sys-color-primary-container)}.tool-section{max-width:900px;margin:0 auto var(--space-16);padding:0 var(--space-4)}.tool-card{background:var(--md-sys-color-surface);border-radius:var(--shape-xl);overflow:hidden;border:1px solid var(--md-sys-color-outline)}.md-tab-bar{display:flex;border-bottom:1px solid var(--md-sys-color-outline);position:relative;background:var(--md-sys-color-surface-variant)}.md-tab{flex:1;background:none;border:none;padding:var(--space-4);font-weight:500;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:color .2s}.md-tab:hover{color:var(--md-sys-color-on-surface);background:#00000005}.md-tab-active{color:var(--md-sys-color-primary)}.md-tab-indicator{position:absolute;bottom:0;left:0;height:3px;width:33.333%;background:var(--md-sys-color-primary);border-radius:3px 3px 0 0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.tab-panels{padding:var(--space-6)}.tab-panel[hidden]{display:none}.controls-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.controls-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:600px){.controls-grid{grid-template-columns:1fr 1fr}}.md-input-field{position:relative;width:100%}.md-input-field input{width:100%;height:56px;padding:16px 16px 0;border-radius:var(--shape-xs) var(--shape-xs) 0 0;border:none;border-bottom:1px solid var(--md-sys-color-outline-strong);background:var(--md-sys-color-surface-variant);font-size:1rem;transition:border-bottom-color .2s}.md-input-field input:focus{outline:none;border-bottom:2px solid var(--md-sys-color-primary)}.md-input-field label{position:absolute;top:18px;left:16px;font-size:1rem;color:var(--md-sys-color-on-surface-variant);transition:.2s ease all;pointer-events:none}.md-input-field input:focus~label,.md-input-field input:not(:placeholder-shown)~label{top:8px;font-size:.75rem;color:var(--md-sys-color-primary)}.md-select-field{display:flex;flex-direction:column;gap:var(--space-1)}.md-select-field label,.color-picker-group label{font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface-variant)}.md-select-field select{height:48px;border-radius:var(--shape-xs);border:1px solid var(--md-sys-color-outline-strong);padding:0 var(--space-4);font-size:1rem;background:var(--md-sys-color-surface);cursor:pointer}.swatches{display:flex;gap:var(--space-2);height:48px;align-items:center}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-surface),0 0 0 4px var(--md-sys-color-primary)}.native-color{width:32px;height:32px;padding:0;border:none;border-radius:50%;cursor:pointer;background:none}.md-slider-field{display:flex;flex-direction:column;gap:var(--space-2)}.slider-header{display:flex;justify-content:space-between;font-size:.875rem;color:var(--md-sys-color-on-surface-variant);font-weight:500}input[type=range]{width:100%;cursor:pointer;accent-color:var(--md-sys-color-primary)}.canvas-container{width:100%;border-radius:var(--shape-sm);background:#fff;border:1px solid var(--md-sys-color-outline);overflow:hidden;position:relative;margin-bottom:var(--space-6);min-height:200px}.canvas-container canvas{width:100%;height:auto;display:block;touch-action:none}.canvas-container.has-lines{background-image:linear-gradient(#e5e7eb 1px,transparent 1px);background-size:100% 40px;background-position:0 40px}.bg-paper-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' fill='%23fdfbf7'/%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.25' style='mix-blend-mode:multiply;'/%3E%3C/svg%3E")}.bg-paper-2{background-color:#fdfbf7;background-image:linear-gradient(#e5e7eb 1px,transparent 1px),linear-gradient(90deg,#e5e7eb 1px,transparent 1px);background-size:20px 20px;background-position:0 0}.bg-paper-3{background-color:#fdfbf7;background-image:linear-gradient(#e5e7eb 1px,transparent 1px);background-size:100% 40px;background-position:0 40px}.bg-paper-4{background-size:100px 100px;background-color:#fcfbf9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E")}.bg-toggle{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--shape-sm);padding:4px;cursor:pointer;color:var(--md-sys-color-on-surface-variant)}.draw-overlay-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--md-sys-color-outline-strong);pointer-events:none;font-size:1.25rem;transition:opacity .3s}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4)}.spacer{flex:1}.draw-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center}.thickness-group{display:flex;gap:var(--space-2)}.md-chip{background:var(--md-sys-color-surface-variant);border:1px solid transparent;width:40px;height:40px;border-radius:var(--shape-full);display:grid;place-items:center;cursor:pointer;transition:.2s}.md-chip.chip-active{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.chip-dot{background:var(--md-sys-color-on-surface);border-radius:50%;display:block}.chip-dot.thin{width:4px;height:4px}.chip-dot.med{width:8px;height:8px}.chip-dot.thick{width:12px;height:12px}.calligraphy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.cal-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--shape-md);overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative}.cal-card:hover{transform:translateY(-2px);box-shadow:var(--md-elevation-2)}.cal-card.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.cal-card canvas{width:100%;height:80px;display:block;background:#fff}.cal-card .cal-name{padding:var(--space-2);font-size:.75rem;text-align:center;color:var(--md-sys-color-on-surface-variant);border-top:1px solid var(--md-sys-color-outline)}.shimmer{animation:shimmer 1.5s infinite linear;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.calligraphy-preview-dialog{background:var(--md-sys-color-surface);padding:var(--space-6);border-radius:var(--shape-md);border:1px solid var(--md-sys-color-outline);margin-top:var(--space-6);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.icon-btn{background:none;border:none;cursor:pointer;color:var(--md-sys-color-on-surface-variant);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;transition:background .2s}.icon-btn:hover{background:var(--md-sys-color-surface-variant)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.how-grid,.features-grid{display:grid;gap:var(--space-6);max-width:1000px;margin:0 auto;padding:0 var(--space-6)}@media(min-width:768px){.how-grid,.features-grid{grid-template-columns:repeat(3,1fr)}}.how-card{background:var(--md-sys-color-surface-variant);padding:var(--space-6);border-radius:var(--shape-lg);text-align:center}.how-icon{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);width:64px;height:64px;border-radius:50%;margin:0 auto var(--space-4);display:grid;place-items:center;font-size:32px}.feature-item{text-align:center;padding:var(--space-4)}.feature-item .material-symbols-outlined{font-size:40px;color:var(--md-sys-color-primary);margin-bottom:var(--space-2)}.faq-section{max-width:800px;margin:var(--space-16) auto;padding:0 var(--space-6)}.faq-accordion details{background:var(--md-sys-color-surface-variant);border-radius:var(--shape-md);margin-bottom:var(--space-4);overflow:hidden}.faq-accordion summary{padding:var(--space-4);font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary:after{content:"expand_more";font-family:Material Symbols Outlined;transition:transform .3s}.faq-accordion details[open] summary:after{transform:rotate(180deg)}.faq-content{padding:0 var(--space-4) var(--space-4);color:var(--md-sys-color-on-surface-variant);line-height:1.6}.site-footer{background:var(--md-sys-color-surface-variant);padding:var(--space-10) var(--space-6) var(--space-4);margin-top:var(--space-16);border-top:1px solid var(--md-sys-color-outline)}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-8);max-width:1200px;margin:0 auto var(--space-8)}.footer-brand p{font-size:.875rem;margin-top:var(--space-2)}.footer-links{display:flex;gap:var(--space-6);flex-wrap:wrap}.footer-links a{color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.footer-bottom{border-top:1px solid var(--md-sys-color-outline);padding-top:var(--space-4);text-align:center;font-size:.75rem;color:var(--md-sys-color-outline-strong)}.toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--md-sys-color-on-surface);color:var(--md-sys-color-surface);padding:var(--space-3) var(--space-6);border-radius:var(--shape-sm);font-size:.875rem;min-width:250px;text-align:center;box-shadow:var(--md-elevation-2);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toast.hide{animation:fadeOut .3s forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(20px)}}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.guides-section{max-width:1100px;margin:var(--space-16) auto;padding:0 var(--space-6)}.guides-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-top:var(--space-8)}@media(min-width:768px){.guides-grid{grid-template-columns:repeat(2,1fr)}}.guide-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--shape-lg);padding:var(--space-6);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-decoration:none;color:inherit}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--md-elevation-2);border-color:var(--md-sys-color-primary)}.guide-card-tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;font-weight:600;color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);padding:4px 10px;border-radius:var(--shape-full);margin-bottom:var(--space-3);align-self:flex-start}.guide-card h3{font-size:1.25rem;line-height:1.4;margin-bottom:var(--space-2);color:var(--md-sys-color-on-surface)}.guide-card p{font-size:.9375rem;line-height:1.6;color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-4);flex-grow:1}.guide-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--md-sys-color-outline-strong);border-top:1px solid var(--md-sys-color-outline);padding-top:var(--space-3)}.guide-card-link{color:var(--md-sys-color-primary);font-weight:600;display:inline-flex;align-items:center;gap:4px}.guide-page-container{max-width:860px;margin:var(--space-8) auto var(--space-16);padding:0 var(--space-6)}.guide-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-6)}.guide-breadcrumbs a{color:var(--md-sys-color-primary);text-decoration:none}.guide-breadcrumbs a:hover{text-decoration:underline}.guide-article-header{margin-bottom:var(--space-8);border-bottom:1px solid var(--md-sys-color-outline);padding-bottom:var(--space-6)}.guide-article-header h1{font-size:2.25rem;line-height:1.25;margin-bottom:var(--space-4);text-wrap:balance}@media(min-width:768px){.guide-article-header h1{font-size:2.75rem}}.guide-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.guide-meta-item{display:inline-flex;align-items:center;gap:6px}.guide-toc{background:var(--md-sys-color-surface-variant);border-left:4px solid var(--md-sys-color-primary);padding:var(--space-5) var(--space-6);border-radius:var(--shape-sm);margin-bottom:var(--space-8)}.guide-toc h3{font-size:1.1rem;margin-bottom:var(--space-3);color:var(--md-sys-color-on-surface)}.guide-toc ol{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.guide-toc a{color:var(--md-sys-color-primary);font-size:.9375rem;text-decoration:none}.guide-toc a:hover{text-decoration:underline}.guide-article-body{font-size:1.0625rem;line-height:1.75;color:var(--md-sys-color-on-surface)}.guide-article-body h2{font-size:1.625rem;margin-top:var(--space-10);margin-bottom:var(--space-4);text-align:left;color:var(--md-sys-color-on-surface);border-bottom:2px solid var(--md-sys-color-primary-container);padding-bottom:var(--space-2)}.guide-article-body h3{font-size:1.25rem;margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--md-sys-color-on-surface)}.guide-article-body p{margin-bottom:var(--space-5);color:#374151}.guide-article-body ul,.guide-article-body ol{margin-bottom:var(--space-6);padding-left:var(--space-6);color:#374151}.guide-article-body li{margin-bottom:var(--space-2)}.guide-tip-box{background:#eef2ff;border-left:4px solid #4F46E5;padding:var(--space-4) var(--space-5);border-radius:var(--shape-sm);margin:var(--space-6) 0}.guide-tip-box strong{color:#312e81;display:block;margin-bottom:4px}.guide-warning-box{background:#fffbeb;border-left:4px solid #F59E0B;padding:var(--space-4) var(--space-5);border-radius:var(--shape-sm);margin:var(--space-6) 0}.guide-warning-box strong{color:#92400e;display:block;margin-bottom:4px}.guide-cta-card{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;padding:var(--space-8);border-radius:var(--shape-xl);margin:var(--space-10) 0;text-align:center;box-shadow:var(--md-elevation-3)}.guide-cta-card h3{color:#fff;font-size:1.75rem;margin-bottom:var(--space-2)}.guide-cta-card p{color:#c7d2fe;max-width:580px;margin:0 auto var(--space-6)}.guide-table-wrapper{overflow-x:auto;margin:var(--space-6) 0;border:1px solid var(--md-sys-color-outline);border-radius:var(--shape-md)}.guide-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9375rem}.guide-table th{background:var(--md-sys-color-surface-variant);padding:var(--space-3) var(--space-4);font-weight:600;color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline)}.guide-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}.guide-table tr:last-child td{border-bottom:none}.share-section{padding:var(--space-8) var(--space-6);max-width:900px;margin:var(--space-6) auto var(--space-10);text-align:center}.share-container{background:var(--md-sys-color-surface-container-low, #FAF8FF);border:1px solid var(--md-sys-color-outline-variant, #E2E8F0);border-radius:var(--shape-xl, 24px);padding:var(--space-8) var(--space-6);box-shadow:0 10px 30px -10px #4f46e514}.share-badge{display:inline-flex;align-items:center;gap:6px;background:#4f46e51a;color:var(--md-sys-color-primary, #4F46E5);font-size:.8125rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:var(--space-3)}.share-header h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-2);color:var(--md-sys-color-on-surface, #1E1B4B)}.share-header p{color:var(--md-sys-color-on-surface-variant, #64748B);font-size:1rem;max-width:540px;margin:0 auto var(--space-6)}.share-buttons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:.9375rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #0000000a}.share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.share-btn:active{transform:translateY(0)}.share-whatsapp{background:#25d366;color:#fff}.share-whatsapp:hover{background:#20bd5a}.share-telegram{background:#229ed9;color:#fff}.share-telegram:hover{background:#1d8cbf}.share-facebook{background:#1877f2;color:#fff}.share-facebook:hover{background:#1565c0}.share-x{background:#0f172a;color:#fff}.share-x:hover{background:#1e293b}.share-linkedin{background:#0a66c2;color:#fff}.share-linkedin:hover{background:#084e96}.share-copy{background:#eef2ff;color:#4f46e5;border:1px solid #C7D2FE}.share-copy:hover{background:#e0e7ff;color:#3730a3}.tool-share-bar{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);background:var(--md-sys-color-surface-container-low, #FAF8FF);border:1px solid var(--md-sys-color-outline-variant, #E2E8F0);border-radius:var(--shape-full, 50px);padding:8px 18px;max-width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 4px 14px #4f46e50d}.tool-share-label{font-size:.8125rem;font-weight:600;color:var(--md-sys-color-on-surface-variant, #64748B);text-transform:uppercase;letter-spacing:.5px}.share-icons-flex{display:flex;align-items:center;gap:8px}.icon-share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:6px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #0000000f}.icon-share-btn:hover{transform:scale(1.12);box-shadow:0 5px 12px #00000026}.icon-share-btn:active{transform:scale(.96)}.lang-selector-wrapper{position:relative;display:inline-block}.lang-selector-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;border:1px solid var(--md-sys-color-outline-variant, #CBD5E1);background:var(--md-sys-color-surface, #FFFFFF);color:var(--md-sys-color-on-surface, #1E1B4B);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.lang-selector-btn:hover{border-color:var(--md-sys-color-primary, #4F46E5);background:#eef2ff}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 12px 32px #0f172a26;padding:6px;z-index:1000;display:none;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.lang-dropdown.active{display:block;opacity:1;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:#1e293b;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s ease}.lang-option:hover{background:#f1f5f9;color:#4f46e5}.lang-option.active{background:#eef2ff;color:#4f46e5;font-weight:600}.lang-option .flag{font-size:1.1rem}[dir=rtl]{text-align:right}[dir=rtl] .header-container,[dir=rtl] .desktop-nav,[dir=rtl] .hero-content,[dir=rtl] .tool-card,[dir=rtl] .guides-grid{direction:rtl}[dir=rtl] .lang-dropdown{right:auto;left:0}[dir=rtl] .guide-breadcrumbs span.material-symbols-outlined{transform:rotate(180deg)}