/* Shared shell for the generated daily tools and professional workbenches. */
.milu-static{--paper:#fff;--panel:#f5f5f7;--muted:#60646c;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
html[data-theme="dark"] .milu-static{--paper:#101012;--panel:#1c1c20;--muted:#b8bbc3}
.milu-static :is(h1,h2,h3){text-wrap:balance}
.milu-static .nav{height:64px;max-width:1160px;padding:0 28px;gap:16px}
.milu-static .brand i{width:32px;height:32px;border-radius:9px;background:var(--ink);color:var(--paper);box-shadow:none;font-size:14px}
.milu-static .brand b{font-size:17px;letter-spacing:-.035em}
.milu-static .brand small{display:none}
.milu-static .controls{gap:2px}
.milu-static .controls button{width:40px;height:44px;min-height:44px;border-color:transparent;border-radius:10px;font-size:12px;font-weight:600}
.milu-static .controls button:hover{background:var(--panel)}
.milu-static .hero{display:block;min-height:0;max-width:1080px;padding:48px 28px 32px;text-align:center;overflow:visible}
.milu-static .hero>div:first-child{max-width:880px;margin:auto}
.milu-static .hero-art{display:none}
.milu-static .hero h1{max-width:900px;margin:18px auto;font-size:clamp(36px,4.5vw,58px);line-height:1.13;letter-spacing:-.045em;font-weight:650}
.milu-static .eyebrow{color:var(--muted);font-size:11px;line-height:1.6;letter-spacing:.07em;font-weight:600}
.milu-static .lead{max-width:720px;margin:auto;font-size:17px;line-height:1.7;letter-spacing:0}
.milu-static .hero-button{min-height:44px;margin-top:22px;padding:0 20px;font-size:13px;font-weight:600;box-shadow:none}
.milu-static .hero-actions{justify-content:center;margin:20px auto 0;max-width:820px}
.milu-static .hero-actions :is(button,a){min-height:44px;border-radius:12px;box-shadow:none;font-size:13px}
.milu-static .hero-choices{max-width:820px;margin:20px auto 0;gap:8px}
.milu-static .hero-choices button{min-height:62px;padding:12px 16px;border-radius:12px;background:var(--panel);color:var(--ink);border-color:transparent;box-shadow:none}
.milu-static .hero-choices b{font-size:13px}.milu-static .hero-choices small{font-size:11px}
.milu-lab .hero-choices button b[aria-hidden="true"]{color:var(--muted)}
.milu-static .tool-section{max-width:1160px;padding:28px 28px 48px;border:0;scroll-margin-top:16px}
.milu-static .section-label{margin-bottom:16px;gap:16px;align-items:center}
.milu-static .section-label span{font-size:11px;color:var(--muted);letter-spacing:.07em}
.milu-static .section-label p{font-size:12px;line-height:1.6}
.milu-static .tool-card{padding:24px;border:0;border-radius:24px;background:var(--panel);box-shadow:none}
.milu-static .tool-card :is(.pane,.calc-card,.result-card){background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:22px}
.milu-static .tool-card :is(h2,h3){letter-spacing:-.025em}
.milu-static .tool-card h2{font-size:22px}
.milu-static .tool-card h3{font-size:18px}
.milu-static .tool-card label{font-size:13px;line-height:1.6}
.milu-static .tool-card :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select){min-height:44px;font-size:15px;border-radius:10px}
.milu-static .tool-card textarea{font-size:15px;line-height:1.65;border-radius:12px}
.milu-static .tool-card button{min-height:44px;border-radius:10px;font-size:13px}
.milu-lab .stat-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin:16px 0}
.milu-lab .stat-grid:has(>article:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.milu-lab .stat-grid>article{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.milu-lab .stat-grid>article>b{display:block;font-size:23px;line-height:1.25;letter-spacing:-.035em;overflow-wrap:anywhere}
.milu-lab .stat-grid>article>span{display:block;margin-top:6px;font-size:11px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.milu-lab .file-drop>b{font-size:14px;line-height:1.5}.milu-lab .file-drop>span{font-size:12px;line-height:1.6}
.milu-lab .file-drop :is(b,span)>[data-i18n]{font:inherit;color:inherit}
.milu-lab .table-wrap{font-size:12px}
.milu-lab[data-tool="euclidgrid"] .euclid-grid button b{font-size:11px}
html[data-theme="dark"] .milu-lab[data-tool="euclidgrid"] .euclid-grid button.hit{color:var(--paper)}
html[data-theme="dark"] .milu-lab[data-tool="euclidgrid"] .euclid-circle g text{fill:var(--paper)}
.milu-static :is(.workbench-utility,.workspace-panel,.shortcut-panel,.report-studio,.local-checkpoints){box-shadow:none;border-radius:14px}
.milu-static .workbench-utility{padding:14px 0;background:transparent;border:0;gap:12px}
.milu-static .utility-actions{gap:6px}
.milu-static .utility-actions button{min-height:44px;font-size:12px;padding:0 12px;border-radius:10px;box-shadow:none}
.milu-static :is(.report-studio,.local-checkpoints)>summary{min-height:52px;padding:14px 18px;line-height:1.5;font-size:13px}
.milu-static .features{max-width:1160px;padding:36px 28px}
.milu-static .feature-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.milu-static .feature-grid article{min-height:0;padding:24px;background:transparent;border:0;border-radius:0;box-shadow:none}
.milu-static .feature-grid article+article{border-left:1px solid var(--line)}
.milu-static .feature-grid article>span{color:var(--muted);font-size:11px}
.milu-static .feature-grid h3{font-size:20px;line-height:1.4;margin:16px 0 0;letter-spacing:-.025em}
.milu-static .source{max-width:1104px;margin:0 auto;padding:12px 24px 36px}
.milu-static .source article{padding:24px;border-radius:16px;box-shadow:none;background:var(--panel)}
.milu-static .source p{font-size:14px;line-height:1.8;color:var(--muted)}
.milu-static .privacy-callout{padding:48px 24px;background:var(--panel);color:var(--ink)}
.milu-static .privacy-callout h2{max-width:700px;margin:18px auto;font-size:34px;line-height:1.2;letter-spacing:-.035em}
.milu-static .privacy-callout p{color:var(--muted);font-size:12px;line-height:1.7}
.milu-static .privacy-callout a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.milu-static .related-tools{max-width:1160px;padding:40px 28px}
.milu-static .related-card{box-shadow:none;min-height:0;padding:22px;border-radius:18px}
.milu-static footer{max-width:1160px;min-height:100px;padding:24px 28px;gap:18px;flex-wrap:wrap;font-size:12px}
.milu-static footer a{min-height:40px;display:inline-flex;align-items:center}
.milu-static .legal{max-width:820px;padding:48px 28px 64px}
.milu-static .legal h1{font-size:48px;line-height:1.15;letter-spacing:-.04em;margin:22px 0}
.milu-static .legal h2{font-size:23px;line-height:1.4;letter-spacing:-.025em;margin:36px 0 12px}
.milu-static .legal p{font-size:16px;line-height:1.85;color:var(--muted)}
.milu-static .legal a:not(.hero-button){text-decoration:underline;text-underline-offset:4px}
.milu-static #analytics p>a{display:inline-flex;align-items:center;min-height:44px}
.milu-static .recovery{min-height:65vh;padding-top:80px;padding-bottom:80px}
.milu-creative .nostalgia-art{display:none}
.milu-creative .hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;margin-top:22px;background:var(--ink);color:var(--paper);border-radius:999px;font-size:14px}
.milu-creative .hero button{box-shadow:none;border-radius:14px;min-height:60px}
.milu-creative .hero button b{font-size:13px;line-height:1.5}.milu-creative .hero button small{font-size:11px;line-height:1.6}
.milu-creative .studio-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:32px;align-items:start}
.milu-creative .canvas-shell{padding:24px;border-radius:18px;background:var(--paper);box-shadow:none;border:1px solid var(--line)}
.milu-creative .pixel-shell canvas{max-width:400px;margin:auto}
.milu-creative .canvas-actions{gap:8px;margin-top:20px}
.milu-creative .control-panel{padding:24px;border-radius:18px;background:var(--paper);border:1px solid var(--line);gap:18px}
.milu-creative .control-panel label{font-size:13px;line-height:1.5}
.milu-creative .feature-strip{max-width:1104px;margin:16px auto 40px;border-block:1px solid var(--line);gap:0}
.milu-creative .feature-strip article{padding:28px 24px;border:0;border-radius:0;background:transparent;box-shadow:none}
.milu-creative .feature-strip article+article{border-left:1px solid var(--line)}
.milu-creative .feature-strip article>span{font-size:11px;color:var(--muted)}
.milu-creative .feature-strip h2{font-size:21px;line-height:1.35;letter-spacing:-.025em;margin:16px 0 0}
.milu-creative #retro-desktop{border-radius:16px;box-shadow:none}
.milu-creative #retro-desktop button{border-radius:3px}
.milu-creative #retro-desktop .retro-title button{border-radius:0}
.milu-creative footer a{min-height:44px}
html[data-contrast="more"] .milu-static{--muted:#202020;--line:#202020;--paper:#fff;--panel:#fff}
html[data-theme="dark"][data-contrast="more"] .milu-static{--muted:#fff;--line:#fff;--paper:#000;--panel:#000}
html[data-contrast="more"] .milu-static :is(.tool-card,.pane,.calc-card,.result-card,.related-card){border:2px solid var(--line)}
@media(max-width:760px){
 .milu-static .nav{padding:0 20px;height:62px}
 .milu-static .hero{padding:34px 20px 20px}
 .milu-static .hero h1{font-size:38px;line-height:1.15}
 .milu-static .lead{font-size:16px;line-height:1.75}
 .milu-static .hero-actions{gap:8px}
 .milu-static .hero-choices button{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .milu-static .tool-section{padding:24px 16px 32px}
 .milu-static .tool-card{padding:12px;border-radius:20px}
 .milu-static .tool-card :is(.pane,.calc-card,.result-card){padding:18px;border-radius:14px}
 .milu-static .section-label{gap:12px}
 .milu-static .section-label p{max-width:190px;text-align:right;font-size:11px}
 .milu-static .features{padding:24px 20px}
 .milu-static .feature-grid{grid-template-columns:1fr}
 .milu-static .feature-grid article{padding:20px 0;display:flex;gap:20px;align-items:baseline}
 .milu-static .feature-grid article+article{border-left:0;border-top:1px solid var(--line)}
 .milu-static .feature-grid h3{margin:0;font-size:19px}
 .milu-static .source{padding:8px 20px 28px}
 .milu-static .source article{padding:20px}
 .milu-static .privacy-callout{padding:36px 24px}
 .milu-static .privacy-callout h2{font-size:28px}
 .milu-static .related-tools{padding:32px 20px}
 .milu-static .legal{padding:32px 22px 48px}
 .milu-static .legal h1{font-size:38px}
 .milu-static footer{padding:24px 20px;gap:10px}
 .milu-creative .studio-grid{grid-template-columns:1fr;gap:16px}
 .milu-creative .canvas-shell,.milu-creative .control-panel{padding:16px}
 .milu-creative .feature-strip{margin:8px 20px 28px;grid-template-columns:1fr}
 .milu-creative .feature-strip article{padding:20px 0;display:flex;gap:18px;align-items:baseline}
 .milu-creative .feature-strip article+article{border-left:0;border-top:1px solid var(--line)}
 .milu-creative .feature-strip h2{margin:0;font-size:19px}
 .milu-creative .nav .brand i{display:none}
 .milu-creative .nav .brand{display:flex;flex:1;min-width:0;overflow:hidden}
 .milu-creative .nav .brand b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .milu-creative .nav .brand span{display:block;min-width:0}
 .milu-creative .nav .controls{gap:0}
}
@media(max-width:359px){.milu-static .nav{padding:0 16px;gap:8px}.milu-static .brand{gap:6px}.milu-static .brand b{font-size:15px}.milu-static .brand i{width:28px;height:28px}.milu-static .hero h1{font-size:34px}.milu-static .tool-section{padding-left:10px;padding-right:10px}.milu-static .tool-card :is(.pane,.calc-card,.result-card){padding:14px}}