.editor-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.preview-panel,.control-panel{border:1px solid var(--line);background:var(--paper);border-radius:24px;width:100%;min-width:0}.preview-panel{box-shadow:var(--shadow);padding:24px;position:sticky;top:20px}.control-panel{min-height:680px;padding:24px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;min-width:0;margin-bottom:20px;display:flex}.panel-heading>*{min-width:0}.panel-heading h2{letter-spacing:-.03em;margin:0 0 5px;font-size:20px}.panel-heading p{color:var(--muted);margin:0;font-size:14px}.preview-well{background:var(--surface-well);border-radius:18px;place-items:center;width:100%;min-height:480px;display:grid;overflow:hidden}.composition{aspect-ratio:1;place-items:center;width:min(100%,480px);display:grid;position:relative;overflow:hidden}.composition-transparent{background-color:#0000;background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.export-sandbox{pointer-events:none;width:480px;height:480px;position:fixed;top:0;left:-10000px}.export-sandbox .composition-transparent{background:0 0}.character-stage{width:90%;height:90%;position:relative}.character-base,.composition-layer,.character-foreground{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.character-base{z-index:1;background-repeat:no-repeat}.composition-layer{pointer-events:none;height:auto;bottom:auto;right:auto}.character-foreground{z-index:5;pointer-events:none}@media (width<=960px){.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}.control-panel{min-height:0}.preview-well{min-height:min(480px,100%)}.composition{width:min(100%,480px);height:auto}}@media (width<=600px){.preview-panel,.control-panel{border-radius:18px;padding:16px}.preview-well{aspect-ratio:1;min-height:0}.composition{aspect-ratio:1;width:100%;height:auto}}.export-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.button,.text-button,.tab-button,.choice-tile{cursor:pointer;border:0}.button{border-radius:11px;min-height:44px;padding:0 14px;font-size:13px;font-weight:750}.button-primary{color:var(--paper-strong);background:var(--accent)}.button-primary:hover{background:var(--accent-dark)}.button-secondary{border:1px solid var(--line);background:var(--paper-strong)}.button-quiet{color:var(--muted);background:var(--surface-soft)}.text-button{min-height:44px;color:var(--accent-dark);white-space:nowrap;background:0 0;padding:6px;font-size:13px;font-weight:750}.export-status{min-height:21px;color:var(--muted);margin:14px 0 0;font-size:13px}.export-status[data-tone=success]{color:var(--success)}.export-status[data-tone=error]{color:var(--error)}.tabs{background:var(--surface-tabs);border-radius:13px;gap:6px;padding:5px;display:flex}.tab-button{min-height:44px;color:var(--muted);background:0 0;border-radius:9px;flex:1;font-size:13px;font-weight:750}.tab-button[aria-selected=true]{color:var(--ink);background:var(--paper-strong);box-shadow:var(--shadow-compact)}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.choice-tile{background:var(--surface-tile);text-align:center;border:1px solid #0000;border-radius:14px;min-width:0;padding:9px}.choice-tile:hover{border-color:var(--hover-line);background:var(--paper-strong)}.choice-tile.is-selected{border-color:var(--accent);background:var(--surface-selected);box-shadow:inset 0 0 0 1px var(--accent)}.choice-visual{aspect-ratio:1;border-radius:10px;place-items:center;width:100%;display:grid;overflow:hidden}img.choice-visual{object-fit:contain}.choice-label{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:12px;font-weight:700;display:block;overflow:hidden}.button,.tab-button,.choice-tile{transition:color .14s ease-out,background-color .14s ease-out,border-color .14s ease-out,transform .1s ease-out}.button:active,.choice-tile:active{transform:scale(.985)}@media (width<=600px){.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.button,.tab-button,.choice-tile{transition:none}}.export-guide{gap:var(--space-8);margin-top:var(--space-10);padding:var(--space-8);border:1px solid var(--line);background:var(--paper);border-radius:24px;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);display:grid}.export-guide-heading .intro-kicker{margin-bottom:var(--space-2)}.export-guide-heading h2{letter-spacing:-.03em;margin:0;font-size:20px;line-height:1.3}.export-guide-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.export-guide-grid article{padding-top:var(--space-3);border-top:2px solid var(--line)}.export-guide-grid h3{margin:0;font-size:15px;line-height:1.35}.export-guide-grid p{margin:var(--space-2) 0 0;color:var(--muted);font-size:13px;line-height:1.6}.ad-placement{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--line)}.ad-label{margin:0 0 var(--space-2);color:var(--muted);letter-spacing:.08em;text-align:center;font-size:12px;font-weight:700}.ad-container{background:var(--surface-soft);border-radius:16px;place-items:center;min-height:120px;display:grid}.adsbygoogle{width:100%;display:block}.ad-preview-placeholder{color:var(--ink);font-size:13px;font-weight:600}@media (width<=840px){.export-guide{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=600px){.export-guide{padding:var(--space-5);border-radius:18px}.export-guide-grid{gap:var(--space-4);grid-template-columns:1fr}.ad-container{min-height:100px}}.showcase-shell{width:min(920px,100% - 40px);margin:0 auto;padding:48px 0}.showcase-header a{color:var(--accent-dark)}.showcase-header h1{margin-bottom:6px}.showcase-header p{color:var(--muted)}.showcase-section{border:1px solid var(--line);background:var(--paper-strong);border-radius:18px;margin-top:24px;padding:24px}.showcase-section h2{margin-top:0;font-size:17px}.showcase-preview{border-radius:16px;width:240px;height:240px;overflow:hidden}.showcase-preview .composition{width:240px;height:240px}.showcase-grid{max-width:420px}.showcase-swatch{background:linear-gradient(145deg,#fff0e5,#f4e1f1)}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;--ink:#2d2926;--canvas:#fffaf3;--canvas-translucent:#fffaf3e0;--muted:#766d67;--line:#e6ddd3;--paper:#fffefb;--paper-strong:#fff;--surface-soft:#f5f0ea;--surface-well:#f5efe7;--surface-tabs:#f4efe9;--surface-tile:#f8f4ef;--surface-selected:#fff6f0;--hover-line:#d9cbc0;--checker:#ece7e1;--accent:#ef6a49;--accent-dark:#c94d31;--focus:#236cbd;--success:#27734f;--error:#b63c31;--shadow:0 24px 70px #4f37271a;--shadow-compact:0 2px 8px #422f2117;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{word-break:keep-all;overflow-wrap:break-word;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}.skip-link{z-index:100;background:var(--ink);color:var(--paper-strong);white-space:nowrap;border-radius:8px;padding:10px 14px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-header{border-bottom:1px solid var(--line);background:var(--canvas-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;min-width:0;height:68px;padding:0 max(24px,50vw - 620px);display:flex}.wordmark{color:var(--ink);letter-spacing:-.04em;white-space:nowrap;font-size:21px;font-weight:800;text-decoration:none}.header-note,.size-chip{min-width:0;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.page-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:52px 0 72px}.page-intro{min-width:0;max-width:720px;margin-bottom:32px}.intro-kicker{color:var(--accent-dark);letter-spacing:.08em;margin:0 0 10px;font-size:13px;font-weight:800}.page-intro h1{letter-spacing:-.055em;max-width:680px;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.08}.page-intro>p:last-child{color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.7}.site-footer{justify-content:center;gap:var(--space-4);border-top:1px solid var(--line);color:var(--muted);text-align:center;flex-wrap:wrap;align-items:center;padding:26px;font-size:12px;display:flex}.site-footer nav{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.site-footer a{color:inherit;text-underline-offset:3px}.site-footer a:hover{color:var(--ink)}button:focus-visible,a:focus-visible,.is-focus-demo{outline:3px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}@media (width<=600px){.page-shell{width:min(100% - 24px,1240px);padding-top:32px}.site-header{padding:0 16px}.header-note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-intro h1{font-size:clamp(30px,9.6vw,36px)}}