*{box-sizing:border-box}body{margin:0;background:#f6f7f0;color:#202c23;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #26583d;outline-offset:3px}header,main,footer{width:min(1400px,calc(100% - 64px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #dbe0d5}.logo{display:flex;gap:8px;align-items:center;font-size:20px;font-weight:800}nav{display:flex;gap:22px;font-size:13px}.intro{margin:48px 0 32px}.intro>span{font-size:11px;letter-spacing:.15em;color:#26583d;font-weight:700}h1{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:-.05em;margin:14px 0}h2{font-size:19px;letter-spacing:-.03em}p{color:#59675b}.studio{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}form{background:#fff;border:1px solid #dbe0d5;border-radius:16px;padding:24px}form h2{margin-top:0}label{display:block;margin:20px 0 7px;font-size:13px;font-weight:650}select,input{width:100%;padding:11px 9px;background:#fafbf7;color:#202c23;border:1px solid #dbe0d5;border-radius:7px;min-width:0}.help{font-size:12px;line-height:1.8}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;gap:9px;align-items:center;font-weight:400}.check input{width:17px;height:17px;accent-color:#26583d}.primary,.secondary{width:100%;border-radius:7px;padding:12px;margin-top:14px}.primary{background:#26583d;color:white;border:0}.secondary{background:#fff;border:1px solid #dbe0d5;color:#202c23}.preview-column{min-width:0;align-self:start;position:sticky;top:14px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#e6ebde;border:1px solid #dbe0d5;padding:12px;border-radius:12px 12px 0 0}.toolbar label{margin:0}.toolbar select{width:auto;flex:1}.toolbar button{padding:8px 14px;border:0;border-radius:5px;background:transparent;color:#59675b}.toolbar button[aria-pressed=true]{background:#fff;color:#26583d}.stage{padding:16px;background:#e6ebde;border:1px solid #dbe0d5;border-radius:0 0 12px 12px}.stage iframe{width:100%;height:690px;border:0;background:#f6f7f0;display:block;margin:auto;border-radius:8px}.stage[data-device=mobile] iframe{width:min(390px,100%)}#status{font-size:13px;margin:12px 0 0;color:#26583d}.next{margin:48px 0;padding:28px;background:#e6ebde;border-radius:14px}.next a{text-decoration:underline;text-underline-offset:5px}footer{padding:28px 0;border-top:1px solid #dbe0d5;font-size:12px;color:#59675b}@media(max-width:760px){header,main,footer{width:calc(100% - 32px)}nav{gap:12px;font-size:12px}.studio{grid-template-columns:1fr}.preview-column{position:static;grid-row:1}.stage{padding:8px}.stage iframe{height:470px}.intro{margin:30px 0 24px}form{padding:22px}.toolbar{gap:6px}.toolbar button{padding:7px 10px}}