@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--paper:#f6f3eb;--ink:#292f29;--muted:#777c70;--line:#d9dacd;--accent:#b43b29;--olive:#687255}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.page{max-width:1192px;margin:auto;padding:0 48px}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:29px;letter-spacing:-1px;font-weight:600;display:flex;align-items:center;gap:10px}.brand-dot{color:var(--accent);margin-left:-10px}.seal{background:var(--accent);color:var(--paper);font-family:'Noto Serif JP',serif;font-size:24px;padding:1px 8px;border-radius:3px;transform:rotate(-5deg)}.model-link{font-size:11px;letter-spacing:1.8px;border:1px solid var(--line);border-radius:30px;padding:10px 15px}.model-link span{margin-left:14px}.intro{display:flex;justify-content:space-between;align-items:center;padding:59px 0 48px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--olive);margin:0 0 20px}h1{font:normal clamp(40px,5.4vw,65px)/1.08 Georgia,serif;letter-spacing:-2.2px;margin:0}h1 em{font-weight:normal;color:var(--olive)}.lede{font-size:14px;line-height:1.8;color:var(--muted);margin:22px 0 0}.art{width:240px;height:230px;position:relative;display:flex;align-items:center;justify-content:center;margin-right:25px}.sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#c24935;opacity:.9;top:15px;right:8px;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#f6f3eb22 4px)}.art>span{position:relative;writing-mode:vertical-rl;font:42px/1.7 'Noto Serif JP',serif;letter-spacing:7px;transform:rotate(-8deg);margin:10px 10px 0 0}.art small{position:absolute;bottom:-1px;right:0;font-size:8px;letter-spacing:2px}.language-bar{display:flex;align-items:center;gap:30px;border:1px solid var(--line);border-bottom:0;padding:19px 25px;border-radius:8px 8px 0 0;background:#efeee5}.language-bar>span{font-size:12px}.language-bar b{margin-right:9px;font-size:13px}.arrow{color:var(--muted)}.local-badge{margin-left:auto;font-size:10px!important;color:var(--olive)}.local-badge i{display:inline-block;width:6px;height:6px;background:var(--olive);border-radius:50%;margin-right:6px}.panels{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fffcf6}.panels section{min-width:0;padding:23px 25px 16px;display:flex;flex-direction:column;min-height:259px}.input-panel{border-right:1px solid var(--line)}.output-panel{background:#f1f1e8}.panel-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:1.7px;height:18px}.text-button{background:none;border:0;color:var(--muted);font-size:10px;padding:5px 0;letter-spacing:0}.text-button:hover{color:var(--accent)}textarea{resize:vertical;min-height:147px;width:100%;border:0;background:transparent;outline:none;color:var(--ink);font-family:'Noto Serif JP',serif;font-size:19px;line-height:1.9;padding:20px 0 10px}textarea::placeholder{color:#a6a99b;font-size:16px}.panel-bottom{display:flex;justify-content:space-between;margin-top:auto;font-size:9px;color:#8b8e80;padding-top:10px}.output-panel .panel-bottom{letter-spacing:1.5px}#output{font:24px/1.5 Georgia,serif;margin:22px 0 15px;white-space:pre-wrap;overflow-wrap:anywhere}.placeholder{color:#a4a799;font-style:italic!important}.action-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;gap:20px}.status-area{flex:1;min-width:0}#status{font-size:11px;margin:0 0 5px}#status.error{color:var(--accent)}.download-note{font-size:10px;color:var(--muted);margin:0}#translate{background:var(--accent);border:0;color:#fff9ee;border-radius:4px;padding:15px 22px;min-width:153px;text-align:left;font-size:12px}#translate span{float:right;margin-left:24px}#translate:hover{background:#953223}progress{width:min(300px,100%);height:4px;accent-color:var(--olive);margin-top:10px}.examples{margin-top:33px}.examples .eyebrow{margin-bottom:14px}.example-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.example-list button{position:relative;display:flex;flex-direction:column;text-align:left;gap:9px;padding:16px 30px 16px 16px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);transition:background .2s,transform .2s}.example-list button:hover{background:#eaeadd;transform:translateY(-2px)}.example-title{font-size:11px}.example-list [lang]{font-family:'Noto Serif JP',serif;font-size:10px;color:var(--muted)}.example-list b{position:absolute;right:14px;top:16px;font-weight:400;color:var(--olive)}.footnote{display:flex;gap:12px;align-items:center;justify-content:center;padding:28px 0;color:var(--olive)}.footnote>span{font-size:21px}.footnote p{font-size:10px;line-height:1.8}.footnote p span{color:var(--muted);font-size:9px}footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}footer>span:last-child{letter-spacing:0}footer a{text-decoration:underline;text-underline-offset:3px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--olive);outline-offset:4px}@media(max-width:700px){.page{padding:0 22px}header{height:80px}.intro{padding:38px 0 30px}.art{width:110px;height:150px;margin-right:0}.sun{width:100px;height:100px;top:15px;right:0}.art>span{font-size:26px;letter-spacing:2px}.art small{display:none}h1{font-size:41px}.eyebrow{font-size:8px;letter-spacing:1.2px}.lede{font-size:12px}.language-bar{gap:15px;padding:15px}.panels{grid-template-columns:1fr}.panels section{padding:18px;min-height:215px}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.output-panel{min-height:180px!important}.action-bar{padding:16px;align-items:flex-start}.download-note{line-height:1.6;font-size:9px}#translate{min-width:118px;padding:13px 15px}#translate span{margin-left:10px}.example-list{grid-template-columns:1fr;gap:8px}.example-list button{padding:13px 16px}.example-list [lang]{font-size:11px}footer{gap:16px;line-height:1.8;flex-direction:column}.local-badge{font-size:8px!important}.language-bar>span{font-size:10px}}

.model-note{font-size:11px;line-height:1.8;color:var(--muted);margin:19px 0 0}.model-note b{color:var(--ink);font-weight:500}.model-note a{text-decoration:underline;text-underline-offset:3px}.example-list [lang]{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}