.studio{max-width:980px;margin:auto;padding:78px 28px}.studio-hero h1{font:800 clamp(42px,6vw,68px)/1.1 "Noto Serif SC",serif;margin:0}.studio-hero em{color:var(--green);font-style:normal}.studio-hero>p:last-child{font-size:18px;color:#5a7068;max-width:600px;line-height:1.7}.studio-nav{display:flex;gap:8px;flex-wrap:wrap;margin:42px 0}.studio-nav a{font-size:14px;color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:8px 12px}.studio-nav a:hover{background:var(--mint)}.studio-tool{border-top:1px solid var(--line);padding:46px 0}.studio-tool h2{font:700 32px "Noto Serif SC",serif;margin:0 0 9px}.tool-note{color:#596e66;line-height:1.65;margin:0 0 19px}.studio-area{width:100%;height:300px}.studio-area.short{height:180px}.file-button{background:var(--green);color:#fff;padding:13px 20px;font-size:14px;cursor:pointer}.file-button input{display:none}.form-row{display:grid;gap:10px}.form-row input,.form-row textarea,.single-output{border:1px solid var(--line);padding:12px;font:14px Outfit,sans-serif}.form-row textarea{height:86px}.result-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-panel div{border:1px solid var(--line);padding:13px}.result-panel b{font-size:25px;display:block}.result-panel small{color:#60756d}.keyword-list{grid-column:1/-1}.serp{border:1px solid var(--line);padding:20px;background:#fff;max-width:670px}.serp small{color:#24733d;display:block}.serp a{display:block;color:#1a0dab;font-size:20px;margin-top:5px}.serp p{color:#4d5156;line-height:1.55;margin:6px 0}.serp div{font-size:12px;color:#697b74}.single-output{width:100%;max-width:680px}.tool-actions span{font-size:13px;color:#5a7068}@media(max-width:650px){.studio{padding:52px 18px}.studio-tool h2{font-size:28px}.result-panel{grid-template-columns:1fr 1fr}}