:root{color-scheme:dark;--bg-black:#09111d;--bg-card:#111b2dd6;--bg-panel-strong:#111b2d;--card-border:#5e779947;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-glow:#60a5fa40;--cyan:#2dd4bf;--text-main:#e8f0fb;--text-muted:#99acc6;--gray-dark:#cbd5e1;--gray-light:#15233a;--code-bg:#0f172ad9;--header-bg:#09111dd9;--brand-color:#60a5fa;--search-bg:#111b2deb;--dropdown-bg:#111b2df2;--dropdown-hover:#60a5fa33;--btn-face:linear-gradient(180deg, #172438 0%, #0f1c2d 100%);--btn-shadow:0 10px 22px #00000059, inset 0 1px 0 #ffffff0f;--hero-title-gradient:linear-gradient(135deg, #60a5fa 0%, #22c55e 100%);--badge-bg:#60a5fa26;--badge-color:#93c5fd;--badge-border:#60a5fa4d;--aurora-1:#60a5fa1a;--aurora-2:#2dd4bf1f}[data-theme=light],body.theme-light{color-scheme:light;--bg-black:#edf3fb;--bg-card:#ffffffe6;--bg-panel-strong:#fff;--card-border:#889cb952;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-glow:#2563eb2e;--cyan:#0d9488;--text-main:#162033;--text-muted:#607089;--gray-dark:#334155;--gray-light:#e5eef9;--code-bg:#edf4fc;--header-bg:#edf3fbd9;--brand-color:#1e527d;--search-bg:#ffffffd9;--dropdown-bg:#fff;--dropdown-hover:#e5eef9;--btn-face:linear-gradient(180deg, #fff 0%, #e5edf8 100%);--btn-shadow:0 7px 18px #1018281f, inset 0 1px 0 #ffffffeb;--hero-title-gradient:linear-gradient(135deg, #2563eb 0%, #16a34a 100%);--badge-bg:#2563eb14;--badge-color:#2563eb;--badge-border:#2563eb33;--aurora-1:#60a5fa26;--aurora-2:#2dd4bf26;--overlay-bg:#0f172a94;--surface-hover:#2563eb14;--bg-primary:var(--bg-black);--bg-secondary:var(--bg-card);--surface:var(--bg-card);--surface-color:var(--bg-card);--panel-bg:var(--bg-card);--input-bg:var(--bg-panel-strong);--border-color:var(--card-border);--text-color:var(--text-main);--text-secondary:var(--text-muted)}html,body{color:var(--text-main);background-attachment:fixed;max-width:100%;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .25s,color .25s;overflow-x:hidden;background-color:var(--bg-black)!important;background-image:radial-gradient(circle at top left, var(--aurora-1), transparent 28%), radial-gradient(circle at bottom right, var(--aurora-2), transparent 26%)!important}canvas,svg,video,iframe{max-width:100%}@media (width<=768px){html{-webkit-text-size-adjust:100%}body{min-height:100dvh}main{min-width:0}button,input,select,textarea{min-height:44px}button,a{-webkit-tap-highlight-color:transparent}.tool-layout-fluid{padding-bottom:max(1rem, env(safe-area-inset-bottom))!important}.global-ad-wrapper{margin:1rem 0;padding:.65rem}}html[data-theme=light]{--overlay-bg:#0f172a57;--surface-hover:#2563eb14}html[data-theme=light] body,html[data-theme=light] main,html[data-theme=light] section{color:var(--text-main)}html[data-theme=light] :where(.tool-card,.tool-section,.calculator-card,.input-panel,.output-panel,.result-panel,.settings-panel,.editor-pane,.preview-pane,.upload-area),html[data-theme=light] :where(.tool-container,.converter-container,.generator-container,.main-card,.content-card,.control-panel,.options-panel,.form-section,.input-section,.output-section,.result-section,.card:not(.search-modal-card):not(.share-modal-card)){background-color:var(--bg-card)!important;border-color:var(--card-border)!important;color:var(--text-main)!important}html[data-theme=light] :where(.tool-container,.converter-container,.generator-container,.main-card,.content-card,.control-panel,.options-panel,.form-section,.input-section,.output-section,.result-section) :where(h1,h2,h3,h4,p,label,span:not(.badge):not(.status-success):not(.status-error)){color:inherit}html[data-theme=light] :where(input,textarea,select){background-color:var(--bg-panel-strong)!important;color:var(--text-main)!important;border-color:var(--card-border)!important}html[data-theme=light] :where(input,textarea)::placeholder{color:var(--text-muted);opacity:.8}html[data-theme=light] :where(.search-modal-card,.share-modal-card,.dropdown-panel){background-color:var(--bg-panel-strong)!important;color:var(--text-main)!important}.brand-title{letter-spacing:-1px;color:var(--brand-color);justify-content:center;align-items:flex-start;gap:.35em;margin-bottom:.4em;font-size:clamp(2.8rem,6vw,4.2rem);font-weight:800;line-height:1;display:inline-flex}.brand-help{line-height:.95;display:inline-block}.brand-mini-badge{text-transform:lowercase;color:var(--brand-color);border:2px solid var(--brand-color);border-radius:12px;padding:.12em .45em;font-size:.42em;font-weight:700;line-height:1;display:inline-block;transform:translateY(.1em)}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;margin:0 0 .6rem;font-weight:900;line-height:1.25}h1{font-size:clamp(2rem,4vw,2.8rem)}h2{font-size:1.65em}h3{font-size:1.35em}h4{font-size:1.15em}h5{font-size:1em}strong,b{color:var(--text-main);font-weight:800}a{color:var(--accent);text-decoration:none;transition:color .2s,opacity .2s}a:hover{color:var(--accent-hover);opacity:.85}p{color:var(--text-main);margin-bottom:1em;line-height:1.7}.prose p{margin-bottom:1.6em;line-height:1.7}textarea,input,select,button{background:var(--btn-face);color:var(--text-main);border:1px solid var(--card-border);box-shadow:var(--btn-shadow);border-radius:14px;padding:.8em;font-family:inherit;font-size:16px;transition:transform .15s,box-shadow .15s,border-color .2s}button{cursor:pointer;font-weight:800}button:hover,input:hover,select:hover{border-color:var(--accent)}button:active{transform:translateY(2px)scale(.98);box-shadow:0 4px 10px #0f172a1f,inset 0 1px 2px #00000014}table{width:100%}img{border-radius:12px;max-width:100%;height:auto}.card-panel,.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:22px;box-shadow:0 18px 60px #0f172a1f}code{background-color:var(--gray-light);color:var(--accent);border:1px solid var(--card-border);border-radius:6px;padding:.2em .45em;font-size:.9em}kbd{background:var(--bg-panel-strong);border:1px solid var(--card-border);border-radius:8px;justify-content:center;align-items:center;min-width:1.8em;margin:0 .08em;padding:.2em .45em;font-size:.84rem;font-weight:800;display:inline-flex;box-shadow:inset 0 -1px #0000000a}pre{background-color:var(--code-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.2em;overflow-x:auto}pre>code{all:unset;color:var(--text-main)}blockquote{border-left:4px solid var(--accent);color:var(--text-muted);background:var(--badge-bg);border-radius:0 12px 12px 0;margin:1.5em 0;padding:.4em 0 .4em 16px;font-size:1.05em}hr{border:none;border-top:1px solid var(--card-border);margin:2em 0}@media (width<=720px){body{font-size:16px}h1{font-size:1.7em}h2{font-size:1.4em}h3{font-size:1.2em}}.sr-only{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}