.studio-panel,.studio-preview{color:#162c3d;font-family:"Noto Sans KR",sans-serif;line-height:1.65;min-width:0}
.studio-panel{padding:0 0 40px;scroll-margin-top:90px}
.studio-panel h2,.studio-preview h2,.studio-summary h3,.studio-coming h3{font-family:"Noto Serif KR",Georgia,serif;font-weight:500;letter-spacing:-.035em}
.studio-panel h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.25;margin:0 0 32px}
.studio-notice{border-top:1px solid #54756d;border-bottom:1px solid #d5d8cb;padding:18px 0;margin:0 0 30px;color:#45655d;font-size:.95rem}
.studio-progress{margin-bottom:32px}
.studio-progress ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0}
.studio-progress li{border-top:2px solid #d5d8cb;padding-top:11px;color:#737c76;font-size:.75rem;line-height:1.45}
.studio-progress li[aria-current=step]{border-color:#162c3d;color:#162c3d}
.studio-step-number{display:block;font-size:.7rem;letter-spacing:.12em;margin-bottom:5px}
.studio-kicker{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#54756d;margin:0 0 9px;font-weight:600}
.studio-field{display:block;margin:0 0 25px}
.studio-field>span{display:block;font-size:.95rem;font-weight:500;margin-bottom:10px}
.studio-field input,.studio-field textarea{box-sizing:border-box;display:block;width:100%;border:1px solid #b9c3b9;border-radius:0;background:#fffdf8;color:#162c3d;font:inherit;font-size:1rem;padding:14px 15px;min-height:51px;transition:border-color .18s}
.studio-field textarea{resize:vertical;min-height:100px}
.studio-field input:focus,.studio-field textarea:focus{outline:2px solid #54756d;outline-offset:3px;border-color:#54756d}
.studio-field small,.studio-help{display:block;color:#66746d;font-size:.83rem;line-height:1.65;margin:9px 0 0}
.studio-button{appearance:none;border:1px solid #162c3d;border-radius:0;background:#162c3d;color:#fffdf8;font:inherit;font-size:.9rem;font-weight:500;min-height:46px;padding:12px 22px;cursor:pointer;line-height:1.4;transition:background .18s,color .18s;max-width:100%}
.studio-button:hover{background:#294554}
.studio-button-quiet{background:transparent;border-color:#aab7ab;color:#35584f}
.studio-button-quiet:hover{background:#e8ece2}
.studio-button:focus-visible,.studio-picker button:focus-visible{outline:2px solid #54756d;outline-offset:4px}
.studio-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:24px;border-top:1px solid #d5d8cb;padding-top:25px}
.studio-actions>.studio-button:only-child{margin-left:auto}
.studio-privacy{font-size:.76rem;color:#6c786f;line-height:1.6;margin:18px 0 0}
.studio-error{color:#9b3e30;font-size:.88rem;margin:16px 0 0}
.studio-feedback{color:#45655d;font-size:.88rem;margin:12px 0 0}
.studio-error:empty,.studio-feedback:empty{display:none}
.studio-name-source{font-family:"Noto Serif KR",Georgia,serif;font-size:1.6rem;margin:0 0 24px;overflow-wrap:anywhere}
.studio-name-source span{display:block;font-family:"Noto Sans KR",sans-serif;font-size:.8rem;color:#66746d;margin-top:4px}
.studio-confirm{display:flex;gap:12px;align-items:flex-start;margin:26px 0;font-size:.95rem;cursor:pointer}
.studio-confirm input{accent-color:#54756d;width:19px;height:19px;margin:4px 0 0;flex-shrink:0}
.studio-modes,.studio-styles{border:0;padding:0;margin:0 0 28px;min-width:0}
.studio-modes legend,.studio-styles legend{font-size:.95rem;font-weight:500;padding:0;margin-bottom:14px}
.studio-mode{border-top:1px solid #c7cfc1;display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 12px;cursor:pointer}
.studio-mode:last-child{border-bottom:1px solid #c7cfc1}
.studio-mode input,.studio-style input{accent-color:#54756d;flex-shrink:0;width:17px;height:17px;margin:0}
.studio-mode span,.studio-style>span{font-size:1rem;font-weight:500}
.studio-mode small,.studio-style small{display:block;font-size:.8rem;font-weight:400;color:#65736b;margin-top:3px;line-height:1.55}
.studio-selected{background:#e9ede3}
.studio-picker-title{font-size:.78rem;color:#65736b;margin:0 0 10px}
.studio-picker{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.studio-picker button{font:inherit;color:#162c3d;background:#fffdf8;border:1px solid #bbc6b8;border-radius:0;min-width:55px;min-height:65px;padding:7px 13px;cursor:pointer}
.studio-picker button:hover{background:#e9ede3}
.studio-picker small{display:block;color:#65736b;font-size:.7rem}
.studio-picker span{display:block;font-size:1.2rem}
.studio-full-name{font-family:"Noto Serif KR",serif;font-size:clamp(2rem,5vw,3rem);border-top:1px solid #c7cfc1;border-bottom:1px solid #c7cfc1;padding:35px 8px;text-align:center;overflow-wrap:anywhere}
.studio-style{display:grid;grid-template-columns:17px 70px 1fr;align-items:center;gap:13px;padding:13px 10px;border-top:1px solid #c7cfc1;cursor:pointer;min-width:0}
.studio-style:last-child{border-bottom:1px solid #c7cfc1}
.studio-style img{width:70px;height:70px;object-fit:contain;mix-blend-mode:multiply}
.studio-style>span{min-width:0}
.studio-summary{border-top:1px solid #54756d;padding-top:23px;margin:34px 0 25px}
.studio-summary h3{font-size:1.7rem;margin:0;line-height:1.3;overflow-wrap:anywhere}
.studio-summary-note{font-size:.8rem;color:#66746d;margin:10px 0 21px}
.studio-summary dl{margin:0}
.studio-summary dl>div{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:18px;border-top:1px solid #d9ddcf;padding:13px 0}
.studio-summary dt{font-size:.79rem;color:#66746d}
.studio-summary dd{font-size:.95rem;margin:0;overflow-wrap:anywhere}
.studio-summary dd small{display:block;font-size:.77rem;color:#66746d;margin-top:4px;white-space:pre-wrap}
.studio-coming{border-left:2px solid #54756d;padding:2px 0 2px 20px;margin:24px 0}
.studio-coming h3{font-size:1.25rem;margin:0 0 8px;line-height:1.35}
.studio-coming p{font-size:.86rem;margin:0;color:#66746d}
.studio-preview{align-self:start;position:sticky;top:105px;padding:25px 0 0;border-top:1px solid #bdc7b8}
.studio-preview-heading h2{font-size:clamp(1.65rem,2.6vw,2.15rem);line-height:1.3;margin:0 0 20px}
.studio-art{margin:0;background:#f7f3e9}
.studio-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.studio-art figcaption{font-size:.86rem;line-height:1.65;padding:20px 0 0;color:#4f655d}
.studio-example-note{font-size:.78rem;line-height:1.7;color:#6b776e;margin:14px 0 0;border-top:1px solid #d5d8cb;padding-top:14px}
.studio-confirm input:focus-visible,.studio-mode input:focus-visible,.studio-style input:focus-visible{outline:2px solid #54756d;outline-offset:4px}
@media(max-width:800px){.studio-preview{position:static;margin-top:15px;padding-top:25px}.studio-panel{padding-bottom:10px}.studio-progress ol{gap:8px}.studio-progress li{font-size:.72rem}.studio-preview-heading h2{font-size:1.6rem}.studio-art img{max-height:480px}.studio-field{margin-bottom:23px}}
@media(max-width:400px){.studio-style{grid-template-columns:17px 56px 1fr;gap:10px;padding-left:7px;padding-right:7px}.studio-style img{width:56px;height:56px}.studio-mode span,.studio-style>span{font-size:.92rem}.studio-style small{font-size:.75rem}.studio-button{padding:12px 16px}.studio-summary dl>div{grid-template-columns:36% 1fr;gap:12px}}
@media(prefers-reduced-motion:reduce){.studio-button,.studio-field input,.studio-field textarea{transition:none}}