:root{--bg:#f2eee8;--panel:rgba(255,252,247,.82);--panel-strong:rgba(255,252,247,.96);--line:hsla(0,0%,7%,.08);--text:#141414;--muted:#61584d;--accent:#f9423a;--shadow:0 22px 70px rgba(84,52,31,.12)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;font-family:Noto Sans KR,Noto Sans,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(249,66,58,.18),transparent 28%),radial-gradient(circle at top right,rgba(0,0,0,.09),transparent 20%),linear-gradient(180deg,#f7f2eb,#ece6df)}button,input{font:inherit}button{cursor:pointer}.studio-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.builder-grid,.download-panel,.intro-bar{display:grid;grid-gap:24px;gap:24px}.intro-bar{margin-bottom:15px}.control-panel,.delivery-panel,.intro-bar p,.preview-card{border:1px solid var(--line);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.meta-label,.section-heading p{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--muted)}.download-item,.download-note,.intro-bar p,.swatch{border:1px solid var(--line)}.intro-bar p{padding:18px 22px;border-radius:24px;background:var(--panel);color:var(--muted);font-size:1rem;line-height:1.5}.preview-card{padding:15px;display:flex;flex-direction:column;gap:18px}.preview-stage{display:grid;place-items:center;min-height:360px;border-radius:28px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(32,39%,90%,.78))}.preview-image{width:min(78%,320px);aspect-ratio:1;object-fit:contain}.preview-meta{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:16px;border-radius:20px;background:var(--panel-strong)}.download-item strong,.preview-meta strong,.roadmap-card h3,.section-heading h2{display:block;margin-top:6px}.builder-grid{grid-template-columns:.82fr 1.18fr;margin-bottom:15px}.control-panel,.delivery-panel{padding:15px}.control-panel{display:grid;align-content:start;grid-gap:15px;gap:15px}.section-heading h2{font-size:1.5rem;margin-bottom:14px}.field{display:grid;grid-gap:15px;gap:15px;margin-bottom:0}.field-inline{grid-template-columns:90px 1fr;align-items:center;gap:15px}.field-inline span,.field-label{font-size:.95rem;font-weight:700}.field input{width:100%;border:1px solid hsla(0,0%,7%,.12);border-radius:18px;background:hsla(0,0%,100%,.76);padding:16px 18px;font-size:1.05rem;outline:none}.field input:focus{border-color:rgba(249,66,58,.7);box-shadow:0 0 0 4px rgba(249,66,58,.12)}.swatches{display:grid;grid-gap:15px;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.swatches-inline{grid-template-columns:repeat(3,minmax(0,1fr))}.swatch{display:flex;align-items:center;gap:14px;text-align:left;border-radius:20px;padding:14px 16px;background:hsla(0,0%,100%,.58)}.swatch-color{justify-content:center;padding:12px}.swatch.active{border-color:rgba(249,66,58,.5);transform:translateY(-1px);box-shadow:0 18px 32px rgba(249,66,58,.12)}.swatch-chip{width:42px;height:42px;border-radius:14px;border:1px solid hsla(0,0%,7%,.14);flex-shrink:0}.swatch-copy{display:block}.swatch-copy small{display:block;margin-top:3px;color:var(--muted)}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.download-item-single{grid-column:1/-1}.download-item{width:100%;border-radius:20px;padding:14px 16px;background:hsla(0,0%,100%,.64);text-align:left}.download-item.primary{background:linear-gradient(135deg,#151515,#353535);color:#fff}.download-item:disabled{opacity:.7;cursor:progress}.download-item span,.roadmap-card p{color:var(--muted)}.download-label{display:inline-flex;align-items:center;gap:6px;font-size:.92rem}.download-icon{width:14px;height:14px;flex-shrink:0}.download-item.primary span,.download-item.primary strong{color:#fff}.download-note{margin-top:15px;padding:16px 18px;border-radius:18px;background:var(--panel-strong);color:var(--muted);font-size:.95rem}.api-guide{display:grid;grid-gap:15px;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.code-block{margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:hsla(0,0%,7%,.94);color:#f4efe8;font-size:.9rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.param-grid{display:grid;grid-gap:10px;gap:10px}.param-grid p{margin:0;color:var(--muted);line-height:1.5}.param-grid strong{color:var(--text)}@media (max-width:960px){.builder-grid{grid-template-columns:1fr}.control-panel,.delivery-panel,.preview-card{padding:24px}.preview-stage{min-height:280px}}@media (max-width:640px){.studio-shell{width:min(100% - 20px,1200px);padding-top:20px}.field-inline{grid-template-columns:1fr}.section-heading h2{font-size:1.6rem}.download-grid,.swatches,.swatches-inline{grid-template-columns:1fr}.download-item,.swatch{padding:16px}}