:root{--bg:#f7f9f7;--surface:#fff;--fg:#202621;--muted:#606a63;--line:#dce1dd;--accent:#345c45;--code-bg:#f3f5f3}
body{margin:0;line-height:1.55;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.service-nav{max-width:1120px;margin:auto;padding:22px 28px;display:flex;gap:24px;align-items:center;font-size:14px;border-bottom:1px solid var(--line)}.service-nav a{color:var(--muted);text-decoration:none}.service-nav a:first-child{color:var(--fg);font-weight:650;margin-right:auto}.service-nav a:hover{text-decoration:underline}.service-skip{position:absolute;left:20px;top:-80px;background:var(--bg);padding:12px;z-index:10}.service-skip:focus{top:8px}
#app{max-width:1060px;margin:auto;padding:42px 28px 64px}.rime-museum-shell{gap:24px}.ime-header{align-items:flex-end;margin:8px 0 28px;flex-wrap:wrap}.ime-header h1{font-size:clamp(30px,4.5vw,44px);font-weight:600;letter-spacing:-.035em;line-height:1.15}.service-eyebrow{flex-basis:100%;margin:0 0 2px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.service-intro{flex-basis:100%;margin:0;max-width:670px;color:var(--muted);font-size:16px;line-height:1.65}.ime-header>a{white-space:nowrap}
.ime-app{border:0;border-radius:0;overflow:visible;margin:0}.ime-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:24px;gap:16px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.service-step{font-family:inherit!important;font-weight:600;line-height:1.5;font-size:16px!important;letter-spacing:0!important;margin:0!important;color:var(--fg)}.ime-toolbar>.service-step,.service-config-hint,.service-compatibility{grid-column:1/-1}.service-config-hint{margin:-8px 0 2px;color:var(--muted);font-size:14px;line-height:1.6}.ime-select-group>span,.service-target{font-size:13px;font-weight:600;color:var(--fg)}.ime-select-group .rime-customizer-select,.ime-download select{min-height:46px;border-radius:6px;padding:10px 12px;background:var(--surface);border:1px solid #aeb8b0;font-size:15px}.service-compatibility{margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.6}.service-compatibility[data-compact=true]{color:#74501e}
.ime-workspace{padding:24px;margin-top:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.service-preview-hint{font-size:14px;line-height:1.6;color:var(--muted);margin:8px 0 18px}.ime-output{height:110px;border:1px solid var(--line);border-radius:6px;padding:12px;font-size:18px}.ime-output::placeholder{font-size:15px}.ime-composer{gap:8px}.ime-composer button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--fg)}.ime-code{min-width:140px;padding:10px;border:1px solid var(--line);border-radius:6px;font-size:15px}.ime-candidates:empty{height:0;min-height:0}.service-empty{margin:8px 0;color:var(--muted);font-size:13px}.service-loading-help{margin:0 0 18px;padding:12px 14px;border-left:3px solid var(--accent);background:var(--code-bg);color:var(--fg);font-size:14px;line-height:1.6;max-width:680px}.service-scroll-hint{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}.ime-status{margin:8px 0 18px;min-height:22px;font-size:13px}.ime-keyboard{max-width:850px}.ime-keyboard svg[viewBox^='0 0 375']{max-width:450px}.ime-footer{padding:20px 0;border-top:1px solid var(--line);font-size:13px}.ime-help p{max-width:720px}
.service-download{border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:24px;background:var(--surface)}.ime-download{display:grid;grid-template-columns:minmax(180px,280px) auto;gap:8px 14px;justify-content:start;margin-top:18px}.service-target{grid-column:1/-1}.ime-download select{width:100%;max-width:none}.ime-download button{min-height:46px;border-radius:6px;background:#264b35;color:#fff;font-size:15px;padding:10px 22px}.service-download-status{grid-column:1/-1;font-size:14px;line-height:1.5;margin:2px 0}.service-download-status:empty{display:none}.service-package-help,.service-next{font-size:14px;line-height:1.7;margin:12px 0 0;max-width:750px;color:var(--muted)}a{color:#345c45}.service-retry{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:10px 16px;min-height:44px;margin:0 0 16px;font:inherit;font-size:14px}button:disabled{opacity:.6;cursor:wait}.ime-app[aria-busy=true]{opacity:.65;pointer-events:none}.ime-app[aria-busy=true]::before{content:'Loading configuration…';display:block;padding:12px 0;font-size:14px}.ime-app[data-engine-state=error] .ime-status{color:#9b312d}.ime-app[data-engine-state=loading] .ime-status{font-weight:600}*:focus-visible{outline:3px solid #53785e!important;outline-offset:3px!important}[hidden]{display:none!important}
@media(max-width:600px){.service-nav{padding:18px 18px;gap:14px;flex-wrap:wrap;font-size:13px}.service-nav a:first-child{flex-basis:100%}#app{padding:16px 18px 40px}.ime-header{gap:12px}.ime-toolbar{padding:18px;gap:14px;grid-template-columns:1fr}.ime-workspace{padding:20px 12px}.service-download{padding:20px 18px}.ime-output{height:100px}.ime-composer{gap:2px}.ime-code{flex-basis:100%}.ime-composer button{padding:8px 10px}.ime-download{width:100%;grid-template-columns:1fr}.ime-download button{width:100%}.ime-keyboard{overflow-x:auto;padding:4px}.ime-keyboard svg:not([viewBox^='0 0 375']){min-width:600px}.ime-footer{gap:16px}.service-preview-hint{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-color-scheme:dark){:root{--bg:#171b18;--surface:#1c221e;--fg:#e6ece7;--muted:#aeb9b0;--line:#39443c;--accent:#a9c9b1;--code-bg:#26312a}a{color:#b0cfb8}.service-compatibility[data-compact=true]{color:#dbc08d}.ime-download button{background:#bdd9c5;color:#17271d}.ime-app[data-engine-state=error] .ime-status{color:#ffb4aa}}
