@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color-scheme:light;font-family:Instrument Sans,Noto Sans SC,PingFang SC,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#111827;background:#f4f7fb;text-rendering:optimizeLegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-top: #fbfdff;--bg-bottom: #edf2f8;--surface: rgba(255, 255, 255, .74);--surface-strong: rgba(255, 255, 255, .88);--surface-subtle: rgba(245, 248, 252, .88);--border: rgba(125, 146, 171, .18);--border-strong: rgba(104, 125, 149, .32);--ink: #101828;--ink-soft: #3d4958;--muted: #64748b;--accent: #2d4158;--accent-strong: #223346;--accent-soft: rgba(54, 79, 107, .12);--shadow-soft: 0 24px 60px rgba(15, 23, 42, .08);--shadow-button: 0 16px 30px rgba(34, 51, 70, .16);--radius-panel: 28px;--radius-field: 22px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 15% 15%,rgba(183,202,223,.34),transparent 34%),radial-gradient(circle at 85% 0%,rgba(220,229,239,.7),transparent 24%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.38),transparent 42%),radial-gradient(circle at center,rgba(255,255,255,.32),transparent 54%);opacity:.88}button,input,textarea{font:inherit}button{border:0}button:disabled{cursor:not-allowed}#app{position:relative;z-index:1}.page-shell{width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:24px 0 32px}.hero,.workspace{opacity:0;transform:translateY(22px)}body[data-ready=true] .hero{animation:fade-up .78s var(--ease-out) forwards}body[data-ready=true] .workspace{animation:fade-up .78s var(--ease-out) .08s forwards}.hero{padding:6px 0 20px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(180deg,#3d536c,#223346);color:#fff;box-shadow:0 14px 28px #22334629;font-size:1rem;font-weight:700;letter-spacing:-.06em}.brand-name{margin:0;color:var(--accent-strong);font-size:1rem;font-weight:650;letter-spacing:-.02em}.panel-kicker{margin:0;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:600}.locale-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:#ffffffa8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 14px 32px #0f172a0d}.locale-switch button{min-width:48px;padding:9px 14px;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.locale-switch button:hover{color:var(--accent)}.locale-switch button:focus-visible{outline:none;box-shadow:0 0 0 4px #2d41581f}.locale-switch button[aria-pressed=true]{background:var(--surface-strong);color:var(--accent-strong);box-shadow:0 10px 24px #0f172a1a}.workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.panel{display:flex;flex-direction:column;min-height:100%;padding:28px;border-radius:var(--radius-panel);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.panel h2{margin:10px 0 0;color:var(--ink);font-size:1.45rem;line-height:1.15;letter-spacing:-.03em}.button-link{padding:0;background:transparent;color:var(--accent);cursor:pointer;font-size:.95rem;font-weight:600;transition:color .18s ease}.button-link:hover{color:var(--accent-strong)}.button-link:focus-visible{outline:none;box-shadow:inset 0 -2px #2d415847}textarea{width:100%;min-height:360px;padding:20px 22px;resize:vertical;border:1px solid transparent;border-radius:var(--radius-field);background:linear-gradient(180deg,#f8fafcf5,#f3f7fbf0);color:var(--ink);outline:none;box-shadow:inset 0 1px #ffffff6b;font-family:SFMono-Regular,JetBrains Mono,Cascadia Code,Fira Code,monospace;font-size:.95rem;line-height:1.72;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}textarea::placeholder{color:color-mix(in srgb,var(--muted) 92%,white)}textarea:hover{border-color:#697f982e}textarea:focus-visible{border-color:#576f8947;box-shadow:0 0 0 5px #526b841a,inset 0 1px #ffffff70}.panel-row,.panel-actions,.cta-row{display:flex;align-items:center;gap:12px}.panel-row{justify-content:space-between;margin-top:16px;flex-wrap:wrap}.field-note{color:var(--muted);font-size:.92rem}.message{min-height:1.4rem;margin:12px 0 0;font-size:.92rem}.error-message{color:#a33d3d}.cta-row{justify-content:flex-end;margin-top:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:focus-visible{outline:none;box-shadow:0 0 0 5px #2d41581f}.button:disabled{opacity:.48;box-shadow:none}.button-primary{min-width:144px;background:linear-gradient(180deg,#2d4158,#223346);color:#fff;box-shadow:var(--shadow-button)}.button-secondary{background:#ffffffd6;border-color:#677c952e;color:var(--accent)}.button-tertiary{background:#f6f9fce0;border-color:#677c9524;color:var(--accent)}.button-upload{position:relative;overflow:hidden}.button-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.panel-output{position:relative}.result-surface{min-height:360px;padding:24px;border-radius:var(--radius-field);border:1px solid rgba(117,138,164,.12);background:linear-gradient(180deg,#f8fafcf5,#f2f6faf5);overflow:auto;transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.result-surface.is-ready{border-color:#576f8938;box-shadow:inset 0 1px #ffffff6b;animation:result-rise .42s var(--ease-out)}.result-surface.is-empty{background:linear-gradient(180deg,#f6f9fcc7,#f2f6fab8)}.result-surface pre{margin:0;color:var(--ink);white-space:pre-wrap;word-break:break-word;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.02rem;line-height:1.8}.result-surface.is-empty pre{color:var(--muted)}.panel-actions{margin-top:18px;flex-wrap:wrap}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes result-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.workspace{grid-template-columns:1fr}}@media(max-width:640px){.page-shell{width:min(100vw - 24px,1120px);padding:18px 0 24px}.hero{padding:0 0 16px}.hero-top,.panel-header,.panel-row{flex-direction:column;align-items:flex-start}.panel{padding:22px}textarea,.result-surface{min-height:288px}.button,.button-upload,.panel-actions .button{width:100%}.cta-row{width:100%;justify-content:stretch}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero,.workspace{opacity:1;transform:none}}