*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}body{font-family:NanumGothic,-apple-system,sans-serif;background:#0f1117;color:#d4d4d8;min-height:100vh}#root{max-width:none;margin:0;padding:0;text-align:left}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0f1117}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{height:48px;background:#16181f;border-bottom:1px solid #1e2030;display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0}.logo-text{font-size:16px;font-weight:800;color:#00c896}.slide-badge{font-size:12px;color:#666;margin-left:auto;letter-spacing:.5px}.workspace{display:flex;flex:1;overflow:hidden}.left-panel{width:380px;min-width:380px;background:#16181f;border-right:1px solid #1e2030;overflow-y:auto;display:flex;flex-direction:column}.section{border-bottom:1px solid #1e2030}.section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#555;background:none;cursor:pointer}.section-header:hover{color:#888}.chevron{font-size:10px}.section-body{padding:0 16px 14px}.lbl{display:block;font-size:12px;color:#555;font-weight:700;margin-bottom:6px;letter-spacing:.5px}.lbl.sm{font-size:11px;min-width:50px;margin-bottom:0}.inp{width:100%;background:#0f1117;border:1px solid #1e2030;color:#d4d4d8;padding:8px 12px;border-radius:6px;font-size:13px;outline:none;transition:border .15s}.inp:focus{border-color:#00c896}.ta{resize:vertical;font-family:inherit;line-height:1.5}.chips{display:flex;gap:4px;flex-wrap:wrap}.chip{padding:5px 12px;background:#0f1117;border:1px solid #1e2030;color:#888;border-radius:5px;font-size:12px;transition:all .12s}.chip:hover{border-color:#333}.chip.on{background:#00c896;color:#fff;border-color:#00c896}.row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.slider-row{margin-bottom:8px}.slider-row input[type=range]{width:100%;accent-color:#00C896;margin-top:2px}.icon-row{display:flex;gap:4px;margin-bottom:10px}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0f1117;border:1px solid #1e2030;border-radius:6px;font-size:16px;color:#666;transition:all .12s}.icon-btn:hover{border-color:#333}.icon-btn.on{border-color:#00c896}.color-row{display:flex;gap:6px;align-items:center}.dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;transition:all .12s}.dot:hover{transform:scale(1.15)}.dot.on{border-color:#fff;box-shadow:0 0 0 2px #00c89666}.color-pick{width:26px;height:26px;border:none;padding:0;border-radius:50%;overflow:hidden;cursor:pointer}.slide-tabs{display:flex;gap:4px;flex-wrap:wrap}.stab{width:36px;height:36px;background:#0f1117;border:1px solid #1e2030;border-radius:6px;font-size:14px;font-weight:700;color:#666;transition:all .12s}.stab:hover{border-color:#333}.stab.on{background:#00c896;color:#fff;border-color:#00c896}.stab.add{color:#00c896;font-size:18px}.layout-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.lay-btn{display:flex;flex-direction:column;align-items:center;padding:6px 2px;background:#0f1117;border:1px solid #1e2030;border-radius:6px;transition:all .12s}.lay-btn:hover{border-color:#333}.lay-btn.on{border-color:#00c896;background:#0d2a23}.lay-btn span{font-size:9px;color:#666;margin-top:2px}.lay-btn.on span{color:#00c896}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:10px}.cat-btn{padding:8px 4px;background:#0f1117;border:1px solid #1e2030;border-radius:6px;font-size:12px;color:#888;text-align:center;transition:all .12s}.cat-btn:hover{border-color:#333}.cat-btn.on{background:#00c896;color:#fff;border-color:#00c896}.cat-icon{display:block;font-size:18px;margin-bottom:2px}.src-tabs{display:flex;gap:4px;margin-bottom:10px}.src-tab{flex:1;padding:8px;background:#0f1117;border:1px solid #1e2030;border-radius:6px;font-size:13px;font-weight:700;color:#888;transition:all .12s}.src-tab:hover{border-color:#333}.src-tab.on{background:#00c896;color:#fff;border-color:#00c896}.cam-panel{background:#0c0d14;border:1px solid #1e2030;border-radius:8px;padding:10px;margin-bottom:10px}.cam-toggle{width:100%;text-align:left;font-size:12px;color:#888;padding:4px 0;margin-bottom:6px}.cam-row{margin-bottom:6px}.cam-row:last-child{margin-bottom:0}.cam-chips{display:flex;gap:3px}.cchip{flex:1;padding:4px;background:#16181f;border:1px solid #1e2030;border-radius:4px;font-size:10px;color:#888;text-align:center;transition:all .12s}.cchip:hover{border-color:#333}.cchip.on{background:#00c896;color:#fff;border-color:#00c896}.advanced{margin-bottom:8px}.advanced summary{font-size:12px;color:#555;cursor:pointer;padding:4px 0}.advanced summary:hover{color:#888}.drop-zone{border:2px dashed #1e2030;border-radius:8px;padding:36px;text-align:center;cursor:pointer;transition:all .15s}.drop-zone:hover{border-color:#00c896;background:#00c89608}.drop-zone span{color:#555;font-size:13px}.actions{padding:14px 16px;display:flex;flex-direction:column;gap:6px;margin-top:auto}.btn-primary{padding:13px;background:linear-gradient(135deg,#00c896,#0a9f7a);color:#fff;border-radius:8px;font-size:14px;font-weight:800;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px #00c89659}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{padding:10px;background:#1e2030;border:1px solid #2a2d3e;color:#888;border-radius:8px;font-size:13px;font-weight:700;transition:all .15s}.btn-secondary:hover{background:#2a2d3e;color:#d4d4d8}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.right-panel{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;overflow-y:auto;background:#0f1117}.preview-title{font-size:12px;color:#555;letter-spacing:1px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.dl-icon{font-size:16px;background:none;cursor:pointer;opacity:.4;transition:opacity .15s}.dl-icon:hover{opacity:1}.canvas-wrap{background:#16181f;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #0006;margin-bottom:20px}.canvas-wrap canvas{display:block}.nav-row{display:flex;align-items:center;gap:20px;margin-bottom:16px}.nav-btn{padding:8px 22px;background:#1e2030;border:1px solid #2a2d3e;color:#d4d4d8;border-radius:6px;font-size:13px;transition:all .12s}.nav-btn:hover{background:#2a2d3e}.nav-btn:disabled{opacity:.2;cursor:not-allowed}.nav-idx{font-size:14px;font-weight:700;color:#666}.dl-row{display:flex;gap:10px}.btn-dl{padding:10px 22px;background:#1e2030;border:1px solid #2a2d3e;color:#d4d4d8;border-radius:6px;font-size:13px;transition:all .12s}.btn-dl:hover{background:#2a2d3e}.btn-dl.accent{background:#00c896;color:#fff;border-color:#00c896}.btn-dl.accent:hover{background:#0a9f7a}