@font-face{font-family:A2Z;src:url('./fonts/A2Z-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:ChosunGu;src:url('./fonts/ChosunGu.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:NanumSquareNeo;src:url('./fonts/NanumSquareNeo-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#11120f;--panel:#181a16;--surface:#20221e;--surface-2:#282b25;--line:#393c35;--muted:#92968b;--text:#f4f5ed;--accent:#d8ff59;--accent-ink:#181b10;--radius:12px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-width:980px}.shell{min-height:100vh;background:radial-gradient(circle at 82% 38%,rgba(216,255,89,.055),transparent 28%),var(--bg)}.topbar{height:68px;border-bottom:1px solid #2a2c27;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--accent);color:#1a1c12;font-weight:900;font-size:15px}.brand-sub{color:#6f746a;font-size:12px;font-weight:500;margin-left:2px}.status{display:flex;align-items:center;gap:8px;color:#858a80;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(216,255,89,.08)}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);min-height:calc(100vh - 68px)}.inspector{border-right:1px solid #2a2c27;padding:32px 28px 40px;overflow:auto}.panel-intro{padding-bottom:28px}.eyebrow,.stage-meta,.section-heading>span{font-size:10px;letter-spacing:.16em;color:#7d8277;font-weight:800}.panel-intro h1{font-size:30px;line-height:1.08;letter-spacing:-.065em;margin:11px 0 12px}.panel-intro h1 em{font-style:normal;color:var(--accent)}.muted{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.control-section{border-top:1px solid #2d302a;padding:22px 0}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-heading h2{font-size:13px;letter-spacing:-.02em;margin:0;font-weight:700}.section-heading>span{color:#62675e;font-variant-numeric:tabular-nums}.upload-drop{display:flex;align-items:center;gap:13px;padding:15px;border:1px dashed #555b4e;border-radius:10px;background:#1b1d19;cursor:pointer;transition:.2s}.upload-drop:hover{border-color:var(--accent);background:#21251b}.upload-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--surface-2);border-radius:8px;color:var(--accent);font-size:22px}.upload-drop strong,.upload-drop small{display:block}.upload-drop strong{font-size:12px}.upload-drop small{font-size:11px;color:var(--muted);margin-top:3px}.template-list{display:grid;gap:8px}.template-card{appearance:none;width:100%;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:8px;text-align:left;cursor:pointer;transition:.18s}.template-card:hover{border-color:#6e765f;background:#1c201a}.template-card.is-selected{border-color:var(--accent);background:#20281a;box-shadow:inset 3px 0 0 var(--accent)}.template-card strong,.template-card small{display:block}.template-card strong{font-size:12px}.template-card small{font-size:11px;color:var(--muted);margin-top:2px}.template-card kbd,.key-hint kbd{font:10px ui-monospace,monospace;color:#73786d;border:1px solid #41463c;padding:3px 5px;border-radius:4px}.mini-preview{width:42px;height:48px;border-radius:6px;display:block;position:relative;overflow:hidden;background:linear-gradient(145deg,#b9a084,#343b45 55%,#151818)}.mini-preview:before,.mini-preview:after{content:"";position:absolute;left:7px;right:7px;height:4px;background:#fff;border-radius:5px}.mini-preview:before{top:16px}.mini-preview:after{top:23px;width:19px}.mini-shade{background:linear-gradient(180deg,#9b806a,#252e32)}.mini-shade i{position:absolute;inset:20px 0 0;background:linear-gradient(transparent,#050606)}.mini-editorial{background:#d0c9b7}.mini-editorial:before,.mini-editorial:after{background:#1d211d}.mini-editorial i{position:absolute;left:7px;top:8px;bottom:8px;width:3px;background:var(--accent)}.field-label{display:flex;justify-content:space-between;align-items:center;color:#b9bdb3;font-size:11px;margin:0 0 7px}.field-label span{color:#6e7468;font-size:10px}textarea,select{display:block;width:100%;color:var(--text);background:#1c1e1a;border:1px solid #373b33;border-radius:8px;padding:10px 11px;font:12px/1.45 ui-sans-serif,system-ui,sans-serif;outline:none;transition:.18s;margin-bottom:13px}textarea{resize:vertical;min-height:63px}textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(216,255,89,.08)}select{height:39px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#92988c 50%),linear-gradient(135deg,#92988c 50%,transparent 50%);background-position:calc(100% - 15px) 16px,calc(100% - 11px) 16px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.field-row{display:flex;gap:9px}.field-grow{flex:1}.field-small{width:112px}.export-section{padding-bottom:0}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button{border:0;border-radius:8px;height:42px;font-size:12px;font-weight:800;cursor:pointer;transition:.18s}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.button-secondary{background:#30342c;color:#e3e7d9;border:1px solid #4a5142}.button-secondary:hover{background:#3b4235}.export-note{color:#686e63;font-size:10px;margin:10px 0 0}.stage-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 44px 34px;min-width:0}.stage-meta,.stage-footer{width:min(100%,650px);display:flex;justify-content:space-between;align-items:center}.stage-meta{margin-bottom:13px}.stage-meta span:last-child,.stage-footer{letter-spacing:0;color:#747a6f;font-size:11px}.stage-wrap{position:relative;width:min(52vh,650px);max-width:100%;aspect-ratio:9/16}.stage-shadow{position:absolute;inset:10px -12px -16px;background:#000;filter:blur(26px);opacity:.48}.stage-wrap canvas{position:relative;display:block;width:100%;height:100%;background:#080908;object-fit:contain;box-shadow:0 0 0 1px #353930,0 18px 45px rgba(0,0,0,.42)}.empty-state{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;color:#a2a89c;background:rgba(0,0,0,.6);text-align:center}.empty-state.is-visible{display:flex}.empty-cross{font-size:32px;color:var(--accent);font-weight:300}.empty-state strong{font-size:13px;margin-top:4px}.empty-state small{font-size:11px;color:#747a70;margin-top:5px}.stage-footer{margin-top:13px}.key-hint{color:#666c62}.key-hint kbd{margin-right:5px}@media(max-height:780px){.inspector{padding-top:22px}.panel-intro h1{font-size:25px}.control-section{padding:16px 0}.stage-area{padding-top:18px;padding-bottom:18px}}