:root{font-family:Noto Sans JP,Avenir Next,Hiragino Kaku Gothic ProN,sans-serif;line-height:1.5;font-weight:400;color:#18212d;background:radial-gradient(circle at 20% 20%,#fff7e6,#f0f7ff 55%,#e7f6f0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app-shell{width:min(960px,100% - 2rem);margin:2rem auto 3rem;display:grid;gap:1rem}.hero{padding:1.25rem 1.5rem;border-radius:1rem;background:linear-gradient(120deg,#19324a,#25575a 65%,#2a6b50);color:#f7fbff;box-shadow:0 10px 24px #0b152a2e}.hero h1{margin:.25rem 0 .35rem;font-size:clamp(1.5rem,3.5vw,2.3rem)}.hero p{margin:0}.eyebrow{margin:0;letter-spacing:.08em;font-size:.78rem;text-transform:uppercase;opacity:.85}.panel{background:#ffffffe0;border:1px solid #d5e0eb;border-radius:1rem;padding:1rem;box-shadow:0 10px 28px #13223a14}.panel h2{margin:0 0 .75rem;font-size:1.1rem}.paste-area{border:2px dashed #2a6b50;background:#f7fbf9;border-radius:.8rem;padding:1rem;min-height:96px;display:grid;place-items:center;text-align:center;color:#25414f}.paste-area:focus{outline:3px solid #8ec6a0;outline-offset:2px}.preview{margin:.9rem 0 0}.preview img{width:100%;max-height:320px;object-fit:contain;border-radius:.8rem;border:1px solid #d1dbe6;background:#fff}.preview figcaption{margin-top:.4rem;color:#476273;font-size:.85rem}.mode-group{margin:.9rem 0 0;border:1px solid #d1dbe6;border-radius:.8rem;padding:.65rem .8rem .75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem}.mode-group legend{padding:0 .35rem;font-size:.9rem;font-weight:700;color:#23475b}.mode-option{display:inline-flex;align-items:center;gap:.4rem;font-size:.94rem;color:#1f3a4d}.mode-option input{width:1rem;height:1rem}.mode-hint{margin:0;width:100%;font-size:.84rem;color:#3d5d70}.mode-hint-error{color:#9f293f;font-weight:600}.actions{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.6rem}.actions button{appearance:none;border:0;border-radius:.7rem;padding:.55rem .95rem;font-size:.95rem;font-weight:700;background:#19324a;color:#fff;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.actions button:hover:enabled{transform:translateY(-1px)}.actions button:disabled{opacity:.45;cursor:not-allowed}.result-text{width:100%;min-height:220px;resize:vertical;border:1px solid #c4d2e0;border-radius:.7rem;padding:.8rem;font:500 .96rem/1.5 SF Mono,Consolas,Menlo,monospace;color:#18212d;background:#f9fcff}.status{margin:0;font-weight:600;color:#1f4158}.status.error{color:#9f293f}.progress-row{margin-top:.75rem;display:flex;align-items:center;gap:.7rem}.progress-row progress{width:min(400px,100%);height:.85rem}@media(max-width:640px){.app-shell{width:calc(100% - 1.2rem);margin:1rem auto 2rem}.hero{padding:1rem}}