:root{--ink:#17211d;--paper:#f4f1e8;--line:#c9c8bd;--mint:#b9f6d2;--gold:#f5c451;--red:#d75d4d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:"IBM Plex Mono";letter-spacing:.06em}.brand img{width:36px}.privacy{font:600 11px "IBM Plex Mono";letter-spacing:.12em}.privacy::first-letter{color:#2aaf68}.hero{max-width:1160px;margin:auto;padding:78px 24px 54px;display:grid;grid-template-columns:1fr 360px;align-items:end}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1.07;letter-spacing:-.055em;margin:10px 0}.hero em{font-style:normal;color:#247a50}.hero>p:last-child{line-height:1.9;color:#59605c}.kicker,.label{font:600 11px "IBM Plex Mono";letter-spacing:.16em}.tool{max-width:1160px;margin:auto;border:1px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--ink)}.toolbar,.output-head,.commandbar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.toolbar strong,.output-head strong{display:block;margin-top:4px}.actions,.output-head>div:last-child,.commandbar>div{display:flex;gap:8px;align-items:center}button,.file-btn,select{border:1px solid var(--ink);background:#fff;color:var(--ink);padding:9px 14px;font:600 12px inherit;cursor:pointer}.file-btn input{display:none}.ghost{border-color:var(--line)}.editor-wrap{height:330px;display:grid;grid-template-columns:48px 1fr;background:#17211d;color:#d9e3dd}.gutter{padding:20px 12px;text-align:right;white-space:pre;font:13px/1.65 "IBM Plex Mono";color:#65736b;border-right:1px solid #334039;overflow:hidden}textarea{resize:none;border:0;outline:0;background:transparent;color:#ecf4ef;padding:20px;font:14px/1.65 "IBM Plex Mono";width:100%;height:100%}.status{display:flex;gap:10px;align-items:center;padding:12px 22px;border-top:1px solid #334039;background:#202c26;color:#d7e0da;font-size:13px}.status small{margin-left:auto;color:#95a198}.status.valid span{color:#62da92}.status.invalid span{color:#ff7666}.status.invalid b{color:#ffaaa0}.commandbar{background:#f5f5f0}.commandbar label{font-size:12px}.commandbar select{margin-left:9px}.primary{background:var(--mint);padding-inline:24px}.primary span{opacity:.55;margin-left:14px}.output-head{border-top:1px solid var(--ink)}.output-head span{font:12px "IBM Plex Mono";color:#707771}.output-head button{padding:7px 12px}pre{margin:0;min-height:260px;max-height:520px;overflow:auto;padding:24px;background:#fff;font:14px/1.7 "IBM Plex Mono";white-space:pre-wrap;word-break:break-word}.placeholder{color:#9c9f99}.key{color:#996000}.string{color:#207b52}.number{color:#3a65b0}.boolean{color:#9b3aaa}.null{color:#888}.about{max-width:1160px;margin:110px auto;padding:0 24px}.about>h2{font-size:clamp(30px,4vw,52px);margin:10px 0 40px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.features article{padding:30px;border-right:1px solid var(--line)}.features article:first-child{border-left:1px solid var(--line)}.features b{font:600 12px "IBM Plex Mono";color:#247a50}.features p,.faq p{color:#5f6561;line-height:1.8}.faq{max-width:760px;margin:90px auto}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;font-size:12px}footer a{color:inherit}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 20px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:720px){.hero{grid-template-columns:1fr;padding-top:50px}.hero>p:last-child{margin-top:20px}.tool{width:calc(100% - 28px);box-shadow:5px 5px 0}.toolbar,.commandbar{align-items:flex-start;gap:14px;flex-direction:column}.actions{flex-wrap:wrap}.commandbar>div{width:100%}.commandbar button{flex:1}.editor-wrap{height:300px}.output-head{gap:12px}.output-head>div:last-child{flex-wrap:wrap;justify-content:flex-end}.features{grid-template-columns:1fr}.features article{border-left:1px solid var(--line)}footer{gap:12px;flex-direction:column}.privacy{display:none}}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}footer>span{grid-column:2}@media(max-width:720px){footer{display:flex;align-items:center;text-align:center}}
.ad-unit{width:100%;max-width:1180px;min-height:90px;margin:0 auto 48px;padding:0 24px;overflow:hidden}.ad-unit .adsbygoogle{width:100%;max-width:100%;min-width:0}@media(max-width:720px){.ad-unit{min-height:60px;margin-bottom:32px;padding:0 14px}}