/* Midnight / indigo. Hover effects stay local to interactive surfaces. */
body{background:radial-gradient(ellipse at 85% 0%,#e9edff 0,transparent 43%),var(--bg)}
.sidebar{background:#fbfcff}.topbar{background:#ffffffbc;backdrop-filter:blur(16px)}
.brand-mark{background:linear-gradient(145deg,#5363d6,#7881eb);box-shadow:0 5px 14px #5363d620}.brand-mark i:nth-child(2){background:#bfceff}
h1>span{background:linear-gradient(100deg,#4859c3,#8793ed);background-clip:text;-webkit-background-clip:text;color:transparent}.heading-spark{fill:#99a5f2}
.workspace{box-shadow:0 8px 32px #4757ac08;border-color:#dce2f1}.workspace-heading{background:linear-gradient(110deg,#fff,#fafbff)}
.primary-button{background:linear-gradient(110deg,#5263d7,#7180e7);box-shadow:0 4px 10px #5363d620}.primary-button:hover:not(:disabled){background:linear-gradient(110deg,#4556c5,#6373e1);box-shadow:0 6px 18px #5363d632}.primary-button:disabled{opacity:.65}
.privacy-note{background:linear-gradient(130deg,#eef1ff,#f8faff);border-color:#e0e6fa}.online-dot,.local-tag i{background:#7a8be7}
.tool-card,.nav-item,.primary-button,.search-box{position:relative;isolation:isolate}.tool-card,.primary-button{overflow:hidden}.tool-card>*{position:relative;z-index:1}.tool-card::before,.primary-button::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .25s;background:radial-gradient(230px circle at var(--pointer-x,50%) var(--pointer-y,50%),#8697ff24,transparent 75%)}.primary-button::before{background:radial-gradient(100px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffff36,transparent 75%)}
.card-arrow,.tool-card .tool-icon,.nav-item>svg,.primary-button .run-arrow{transition:transform .22s ease,color .22s ease}.tool-card,.nav-item,.search-box{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.search-box{border-color:#dde3f2}.tool-card:focus-visible{box-shadow:0 0 0 4px #697ce31f}.icon-button:focus-visible{outline-color:#8999e3}
@media(hover:hover) and (pointer:fine){
  .tool-card:hover::before,.primary-button:hover::before{opacity:1}.tool-card:hover{transform:translateY(-4px);border-color:#b0bcef;box-shadow:0 9px 24px #5068b512}.tool-card:hover .card-arrow{transform:translateX(4px);color:#6477ca}.tool-card:hover .tool-icon{transform:rotate(-5deg) scale(1.05)}
  .nav-item:hover{transform:translateX(3px);background:#edf1ff}.nav-item:hover>svg{transform:scale(1.1);color:#5c70c6}.search-box:hover,.search-box:focus-within{border-color:#a5b3eb;box-shadow:0 0 0 4px #6c80db0a}.primary-button:hover .run-arrow{transform:translateX(3px)}
  .icon-button:hover{background:#edf1ff;box-shadow:0 3px 7px #5f74b910;transform:translateY(-1px)}.mode-tabs button:hover:not(.active),.filter-tabs button:hover:not(.active){background:#eff2ff;color:#6375bf}.favorite-button:hover{border-color:#c8d2f2;background:#f6f8ff}.text-button:hover{background:#edf1ff}.help-button:hover{background:#f0f3fd;border-radius:8px;color:#5263c7}
}
button:active:not(:disabled){transform:scale(.98)}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #dfe4f5;border-radius:8px;background:#f4f6fd;flex-shrink:0;margin-right:12px}.language-switch button{padding:5px 10px;border-radius:5px;font-size:11px;color:#8190ad;white-space:nowrap}.language-switch button[aria-pressed=true]{background:#fff;color:#5363d6;box-shadow:0 1px 5px #4656a812}.language-switch button:hover{color:#5363d6;background:#fff9}.tool-heading{min-width:0}
html[lang=en] .brand{font-size:22px;letter-spacing:-.5px}html[lang=en] .brand-en{letter-spacing:3.4px}html[lang=en] .nav-item{font-size:13px}html[lang=en] .title-line{flex-wrap:wrap;gap:5px 10px}html[lang=en] h1{font-size:34px;letter-spacing:-1px}html[lang=en] .heading-spark{right:-34px;width:24px}html[lang=en] .intro>div{min-width:0}html[lang=en] .search-box{flex-shrink:0}html[lang=en] .shortcut-hint{font-size:10px}html[lang=en] .dropzone strong{display:flex;flex-wrap:wrap;justify-content:center}html[lang=en] .tool-card p{min-height:38px}
@media(max-width:1150px){.top-right>.online-dot,.top-right>.online-dot+span,.top-right>.top-divider{display:none}html[lang=en] .intro{flex-wrap:wrap}html[lang=en] .search-box{margin-top:0}html[lang=en] h1{font-size:31px}}
@media(max-width:760px){.language-switch{margin-right:2px;padding:2px;gap:1px}.language-switch button{padding:4px 7px;font-size:10px}.breadcrumb>span{display:none}.topbar{gap:8px}.top-right{gap:5px}.breadcrumb{gap:7px}.top-help{gap:4px}html[lang=en] .top-help{font-size:10px}html[lang=en] .title-line .small-badge{display:none}html[lang=en] .tool-heading p{font-size:10px}html[lang=en] .title-line h2{font-size:14px}html[lang=en] .intro h1{font-size:31px;max-width:100%;line-height:1.25}html[lang=en] .intro h1>span{display:block}html[lang=en] .heading-spark{right:-32px;top:6px}html[lang=en] .favorite-button{flex-shrink:0}html[lang=en] .workspace-bottom{gap:6px}html[lang=en] .primary-button{font-size:10px;padding:10px}html[lang=en] .primary-button .run-arrow{margin-left:0}html[lang=en] .shortcut-hint{font-size:9px}html[lang=en] .filter-tabs{justify-content:space-between;gap:2px}html[lang=en] .filter-tabs button{padding:5px 9px}html[lang=en] .section-heading h2{font-size:16px}html[lang=en] .card-tags{flex-wrap:wrap}html[lang=en] .card-badge{font-size:8px}html[lang=en] .tool-card h3{font-size:12px}html[lang=en] .mode-tabs button{padding:5px 8px;font-size:10px}html[lang=en] .brand{font-size:22px}html[lang=en] .pane-footer{gap:8px}html[lang=en] .pane-footer>span:last-child{text-align:right}}
/* Dark surfaces and readable text across every tool and state. */
:root{color-scheme:dark;--bg:#10131d;--white:#191e2c;--ink:#e5e9f4;--muted:#9aa5bc;--accent:#a0adff;--accent-light:#282e4a;--line:#2b3245;--surface:#191e2c;--surface-raised:#202638;--subtle:#a2adc3}
body{background:radial-gradient(ellipse at 85% 0%,#212749 0,transparent 42%),var(--bg);color:var(--ink)}
::selection{background:#535fa3;color:#fff}*{scrollbar-color:#424b66 #161b29}
.sidebar{background:#141823;border-color:var(--line)}.topbar{background:#141823d9;border-color:var(--line)}.brand{color:#f0f2fa}.brand-en,.nav-label,.version{color:#94a1bd}.nav-item{color:#adb8ce}.nav-item.selected{background:#2b304b;color:#bdc7ff}.nav-count{background:#3d46633d;color:#c1cbef}.side-arrow{color:#8391ad}
.privacy-note{background:linear-gradient(135deg,#22283d,#191e2d);border-color:#353d57}.privacy-note strong{color:#d9e1f5}.privacy-note p,.local-tag,.help-button{color:#a5b2cd}.privacy-icon{color:#a7b4ff}
.breadcrumb,.top-right,.top-help,.eyebrow{color:#9cabc6}.breadcrumb strong{color:#d2dbee}.crumb-slash{color:#69768e}.top-divider{background:#394259}.eyebrow>span{background:#98a7f1}.intro p{color:#aab5ce}h1>span{background:linear-gradient(105deg,#a6b2ff,#c0a6f9);background-clip:text;-webkit-background-clip:text;color:transparent}.heading-spark{fill:#99a7ee}
.search-box{background:#1c2232;border-color:#353e55;color:#a6b3d1;box-shadow:none}.search-box input{color:#e7ecfb}.search-box input::placeholder{color:#a2aec6}.search-box kbd{background:#262e42;border-color:#3a4660;color:#aebad4}
.benefits,.benefits svg{color:#b0bdd8}.benefits .benefit-end{color:#8e9db9}
.workspace{background:var(--surface);border-color:#353e55;box-shadow:0 14px 36px #06081226}.workspace-heading{background:linear-gradient(115deg,#1d2334,#1a2030)}.tool-heading p{color:#9faec8}.small-badge{background:#293147;border-color:#3b4660;color:#b4c2df}.favorite-button{border-color:#3b4660;color:#aebcd9}.favorite-button[aria-pressed=true]{background:#3c3225;border-color:#716044;color:#f0cd88}
.tool-toolbar{background:#161c29}.mode-tabs button{color:#a7b5d0}.mode-tabs button.active{background:#303952;color:#c4ceff}.toolbar-options{color:#a2b1cc}.toolbar-options select{background:#252d40;border-color:#46506a;color:#d2def6}.toolbar-options select option{background:#202638;color:#e5e9f4}
.pane-heading strong{color:#c1cde3}.pane-dot{background:#7482a1}.green-dot{background:#9baef8}.text-button{color:#a7b8ff}.text-button.muted{color:#a1aec6}.tiny-divider{background:#414b61}.line-numbers{color:#7786a1}.text-editor textarea{color:#d1dcf2;caret-color:#c1caff}.text-editor textarea::placeholder{color:#8b9ab4}.text-editor textarea:focus-visible{box-shadow:inset 0 0 0 1px #8297ed70}.output-pane{background:#141a27}.output-editor pre{color:#d1d9ec}.output-placeholder{color:#8d9db8}.json-key{color:#aebcff}.json-string{color:#e5bc8a}.json-number{color:#d2aff7}.json-boolean,.json-null{color:#8ec9e1}.pane-footer{border-color:#293245;color:#9aaac6}
.icon-button{color:#afbed9}.result-tag{background:#293b40;color:#a5dacb}.workspace-bottom{background:#1a2030}.shortcut-hint,.shortcut{color:#a0b0cb}.primary-button{color:#fff;background:linear-gradient(110deg,#5966d9,#7378e8);box-shadow:0 4px 14px #06091438}.primary-button:hover:not(:disabled){background:linear-gradient(110deg,#6674e5,#8288f2);box-shadow:0 7px 20px #6674df30}
.status-message{background:#382724;border-color:#64433b;color:#f0b8a4}.status-message.success{background:#203735;border-color:#34534e;color:#b1dccd}
.section-heading h2 span{background:#2e3752;color:#c1cdf2}.section-heading p{color:#a0aec9}.filter-tabs button{color:#a4b3cf}.filter-tabs button.active{background:#303a55;color:#cad5ff}
.tool-card{background:#1a2030;border-color:#313a50;box-shadow:none}.tool-card.current{background:#20283c;border-color:#6472a2}.tool-card h3{color:#e2e9fa}.tool-card p{color:#a6b4ce}.card-tags span{background:#293248;color:#b6c4e0}.card-badge{background:#2d3752;border-color:#546288;color:#c0cfff}.card-top>.card-arrow{color:#8798bd}.green{background:#303954;color:#adbeff}.purple{background:#383049;color:#c5aaf3}.blue{background:#24374f;color:#99c1f5}.orange{background:#40342a;color:#e8bc84}.pink{background:#402e3e;color:#e1a3cd}.teal{background:#263e40;color:#9dd3cc}
.empty-state{border-color:#475570;color:#a9b9d7}.bottom-note{border-color:var(--line)}.note-spark{color:#a7b4ed}.bottom-note p{color:#a0b0cd}.bottom-note strong{color:#bdc9e0}.bottom-note>span:last-child{color:#a3b4d1}footer{color:#92a3c0}
.dropzone{background:#171e2d;border-color:#536286}.dropzone.dragover{background:#29344f;border-color:#a7baff}.upload-symbol{background:#2c3752;color:#b4c4ff}.dropzone strong{color:#b2c2df}.dropzone strong span{color:#b6c4ff}.dropzone>span:last-child,.image-preview>span{color:#a3b4d0}.image-preview img{background:repeating-conic-gradient(#30384a 0% 25%,#202738 0% 50%) 50%/16px 16px}
.language-switch{background:#1e2639;border-color:#3b4660}.language-switch button{color:#a5b3cf}.language-switch button[aria-pressed=true]{background:#3c476b;color:#f0f3ff;box-shadow:0 1px 6px #070a1628}.language-switch button:hover{background:#333d59;color:#dfe6ff}
.toast{background:#343e61;color:#edf2ff;border:1px solid #6573a2;box-shadow:0 8px 30px #0005}dialog{background:#1c2333;border-color:#495573;color:#e6edff;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#060a15ad}.dialog-label{color:#a3b6e1}#dialog-body{color:#b9c7e0}
@media(hover:hover) and (pointer:fine){.tool-card:hover{border-color:#7e8dcc;box-shadow:0 10px 28px #06091445}.tool-card:hover .card-arrow{color:#b6c5ff}.nav-item:hover{background:#28314a;color:#d1dcff}.nav-item:hover>svg{color:#b6c6ff}.search-box:hover,.search-box:focus-within{border-color:#7e90cf;box-shadow:0 0 0 4px #8da3ff12}.icon-button:hover,.text-button:hover{background:#303c58;color:#c4d2ff}.mode-tabs button:hover:not(.active),.filter-tabs button:hover:not(.active){background:#29344d;color:#c5d4f6}.favorite-button:hover{border-color:#7588bb;background:#2c3650}.help-button:hover{background:#28334b;color:#c4d2f5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.tool-card:hover,.tool-card:hover .tool-icon,.tool-card:hover .card-arrow,.nav-item:hover,.nav-item:hover>svg,.primary-button:hover,.primary-button:hover .run-arrow,.icon-button:hover,button:active:not(:disabled){transform:none!important}.tool-card::before,.primary-button::before{display:none}}