:root{--primary:#2563EB;--primary-dark:#1D4ED8;--secondary:#1E3A5F;--accent:#C2410C;--accent-dark:#9A3412;--bg:#F8FAFF;--card:#FFFFFF;--text:#1E293B;--subtext:#374151;--success:#059669;--error:#DC2626;--border:#E2E8F0;--shadow:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 3px 8px rgba(0,0,0,.10);--shadow-lg:0 6px 16px rgba(0,0,0,.12);--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:.2s ease;--theme-transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;--drawer-w:285px;--system-fonts:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';--alert-info-bg:rgba(37,99,235,.07);--alert-info-border:rgba(37,99,235,.18);--alert-info-text:#1d4ed8;--alert-success-bg:rgba(16,185,129,.07);--alert-success-border:rgba(16,185,129,.18);--alert-success-text:#059669;--alert-error-bg:rgba(239,68,68,.07);--alert-error-border:rgba(239,68,68,.18);--alert-error-text:#dc2626;--notice-bg:#fff1f2;--notice-border:#fecaca;--notice-text:#b91c1c}[data-theme="dark"]{--bg:#0f172a;--card:#1e293b;--text:#f1f5f9;--subtext:#94a3b8;--border:#334155;--shadow:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--alert-info-bg:rgba(37,99,235,.15);--alert-info-border:rgba(37,99,235,.3);--alert-info-text:#60a5fa;--alert-success-bg:rgba(16,185,129,.15);--alert-success-border:rgba(16,185,129,.3);--alert-success-text:#34d399;--alert-error-bg:rgba(239,68,68,.15);--alert-error-border:rgba(239,68,68,.3);--alert-error-text:#f87171;--notice-bg:rgba(220,38,38,.1);--notice-border:rgba(220,38,38,.3);--notice-text:#fca5a5}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:75px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body{font-family:var(--system-fonts);background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;transition:var(--theme-transition)}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}ul{list-style:none}button{cursor:pointer;font-family:var(--system-fonts);border:none;background:none}input,textarea,select{font-family:var(--system-fonts)}h1,h2,h3,h4,h5,h6{font-family:var(--system-fonts);color:var(--text);line-height:1.3;font-weight:700}h1{font-size:clamp(1.7rem,5vw,2.5rem)}h2{font-size:clamp(1.35rem,4vw,2rem)}h3{font-size:clamp(1.1rem,3vw,1.4rem)}p{color:var(--subtext);line-height:1.7}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.main-content{flex:1}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ccSlideUp{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes heroFadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes searchPulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.4)}50%{box-shadow:0 0 0 8px rgba(249,115,22,0)}}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-muted{color:var(--subtext)}.text-left{text-align:left}.fw-bold{font-weight:700}.mt-2{margin-top:8px}
.mt-12{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-24{margin-top:24px}.mt-36{margin-top:36px}.mt-40{margin-top:40px}.mb-0{margin-bottom:0!important}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:5px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px}.mb-18{margin-bottom:18px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.hidden{display:none!important}.pt-28{padding-top:28px}.py-20{padding-top:20px;padding-bottom:20px}.py-40{padding-top:40px;padding-bottom:40px}.py-60{padding-top:60px;padding-bottom:60px}.pb-20{padding-bottom:20px}.pb-80{padding-bottom:80px}.max-w-600{max-width:600px}.max-w-600-center{max-width:600px;margin:0 auto}.max-w-900{max-width:900px}.mx-auto{margin-left:auto;margin-right:auto}.fs-0-95{font-size:.95rem}.fs-1rem{font-size:1rem}.fs-1-1{font-size:1.1rem}.font-xs{font-size:.75rem}.font-sm{font-size:.85rem}.font-lg{font-size:1.1rem}.lh-1-6{line-height:1.6}.lh-1-7{line-height:1.7}.color-subtext{color:var(--subtext)}.text-text{color:var(--text)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-8{gap:8px}.gap-24{gap:24px}.flex-align-center{display:flex;align-items:center}.justify-center{justify-content:center}.ml-auto{margin-left:auto}.w-full{width:100%}.desc-section h2{margin-top:2.5rem;margin-bottom:1rem}.desc-section p{margin-bottom:1.25rem}.desc-section ol,.desc-section ul{margin-bottom:1.5rem}.desc-section li{margin-bottom:.5rem}.desc-section strong{color:var(--text);font-weight:600}.desc-section ul{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:10px}.desc-section ul li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--subtext);line-height:1.7;padding:14px 16px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-sm);border-left:4px solid var(--primary);transition:transform .2s}.desc-section ul li:hover{transform:translateX(5px);border-color:var(--primary)}.desc-section ul li::before{content:'\2713';color:var(--success);font-weight:800;flex-shrink:0;font-size:1.1rem}.formula-box{background:var(--bg);padding:15px;border-radius:var(--radius-sm);border-left:4px solid var(--primary);margin:20px 0}.privacy-note,.disclaimer-box,.notice-bar{margin-top:25px;padding:15px;background:var(--notice-bg);border:1.5px solid var(--notice-border);border-radius:8px;border-left:4px solid var(--error);font-size:.85rem;color:var(--notice-text);line-height:1.6}.disclaimer-box{background:var(--notice-bg);border-color:var(--notice-border);color:var(--notice-text);border-left-color:var(--error)}.render-container{border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}#previewIframe{width:100%;height:450px;border:none;background:var(--card)}.file-input-hidden{display:none!important}.helper-text{font-size:.8rem;color:var(--subtext);margin-top:15px;font-style:italic}.helper-text-sm{font-size:.75rem;color:var(--subtext);margin-top:10px}.logo-svg{width:34px;height:34px;margin-right:2px}.logo-stop-start{stop-color:#2563eb;stop-opacity:1}.logo-stop-end{stop-color:#C2410C;stop-opacity:1}