*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;overflow:hidden;background:#111}#app{height:100%}.root[data-v-c02952ff]{height:100vh;display:grid;grid-template-columns:220px 1fr 200px;background:#111;color:#e0e0e0;font-family:Inter,-apple-system,sans-serif;overflow:hidden}.design-panel[data-v-c02952ff]{background:#1a1a1a;border-right:1px solid #2a2a2a;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.brand-mark[data-v-c02952ff]{font-size:13px;font-weight:800;color:#fff;letter-spacing:-.5px;text-transform:lowercase;margin-bottom:4px}.panel-section[data-v-c02952ff]{display:flex;flex-direction:column;gap:8px}.section-title[data-v-c02952ff]{font-size:10px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:1px}.field-label[data-v-c02952ff]{font-size:10px;color:#777;margin-top:4px}.field-input[data-v-c02952ff]{background:#242424;border:1px solid #333;color:#e0e0e0;padding:5px 8px;font-size:12px;border-radius:6px;width:100%;outline:none;font-family:inherit}.field-input[data-v-c02952ff]:focus{border-color:#6366f1}.template-grid[data-v-c02952ff]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tpl-thumb[data-v-c02952ff]{cursor:pointer;display:flex;flex-direction:column;gap:3px}.tpl-preview[data-v-c02952ff]{height:52px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:2px solid transparent}.tpl-thumb.active .tpl-preview[data-v-c02952ff]{border-color:#6366f1}.tpl-title-preview[data-v-c02952ff]{font-size:9px;font-weight:700}.tpl-name[data-v-c02952ff]{font-size:9px;color:#888;text-align:center}.color-swatches[data-v-c02952ff]{display:flex;flex-wrap:wrap;gap:5px}.swatch[data-v-c02952ff]{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent}.swatch.active[data-v-c02952ff]{border-color:#fff}.export-actions[data-v-c02952ff]{display:flex;flex-direction:column;gap:6px;margin-top:auto}.export-btn[data-v-c02952ff]{border:1px solid #333;background:transparent;color:#e0e0e0;border-radius:8px;padding:8px;font-size:12px;cursor:pointer;font-family:inherit}.export-btn.primary[data-v-c02952ff]{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:700}.canvas-area[data-v-c02952ff]{background:#191919;display:flex;flex-direction:column;overflow:hidden}.canvas-controls[data-v-c02952ff]{padding:8px 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #2a2a2a;background:#1a1a1a}.ctrl-btn[data-v-c02952ff]{background:#2a2a2a;border:none;color:#ccc;border-radius:5px;width:26px;height:26px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.scale-val[data-v-c02952ff]{font-size:11px;color:#888;min-width:36px;text-align:center}.canvas-viewport[data-v-c02952ff]{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px}.poster-canvas[data-v-c02952ff]{position:relative;overflow:hidden;border-radius:4px;box-shadow:0 24px 80px #0009}.deco-circle[data-v-c02952ff]{position:absolute;width:400px;height:400px;border-radius:50%;right:-100px;top:-120px}.poster-accent-bar[data-v-c02952ff]{position:absolute;top:0;left:0;right:0;height:6px}.poster-body[data-v-c02952ff]{position:relative;z-index:1;padding:60px 50px;display:flex;flex-direction:column;gap:18px;height:100%}.poster-kicker[data-v-c02952ff]{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.poster-title[data-v-c02952ff]{font-size:32px;font-weight:800;line-height:1.15;margin:0}.poster-subtitle[data-v-c02952ff]{font-size:14px;opacity:.7;line-height:1.6;margin:0}.poster-divider[data-v-c02952ff]{height:2px;width:50px;border-radius:2px}.poster-meta[data-v-c02952ff]{display:flex;flex-direction:column;gap:10px;margin-top:8px}.meta-item[data-v-c02952ff]{display:flex;align-items:center;gap:10px;font-size:13px}.meta-icon[data-v-c02952ff]{font-size:16px}.poster-badge[data-v-c02952ff]{display:inline-block;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:700;align-self:flex-start;margin-top:auto}.props-panel[data-v-c02952ff]{background:#1a1a1a;border-left:1px solid #2a2a2a;overflow-y:auto;display:flex;flex-direction:column}.props-tabs[data-v-c02952ff]{display:flex;border-bottom:1px solid #2a2a2a}.ptab[data-v-c02952ff]{flex:1;padding:8px;background:transparent;border:none;color:#888;font-size:10px;cursor:pointer;font-family:inherit;border-bottom:2px solid transparent}.ptab.active[data-v-c02952ff]{color:#e0e0e0;border-bottom-color:#6366f1}.elements-list[data-v-c02952ff]{display:flex;flex-direction:column;padding:6px 0}.element-row[data-v-c02952ff]{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid #242424}.el-icon[data-v-c02952ff]{width:18px;height:18px;background:#2a2a2a;border-radius:3px;font-size:10px;display:flex;align-items:center;justify-content:center;color:#888;flex-shrink:0}.el-name[data-v-c02952ff]{flex:1;font-size:11px;color:#ccc}.modal-overlay[data-v-c02952ff]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal[data-v-c02952ff]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:24px;width:320px;display:flex;flex-direction:column;gap:14px}.modal h3[data-v-c02952ff]{font-size:15px;margin:0;color:#fff}.modal .export-btn[data-v-c02952ff]{flex:1}.modal-actions[data-v-c02952ff]{display:flex;gap:8px}[data-v-c02952ff]::-webkit-scrollbar{width:4px}[data-v-c02952ff]::-webkit-scrollbar-track{background:transparent}[data-v-c02952ff]::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}