.empty-preview[data-v-04a70224]{text-align:center;color:#6c757d}.empty-preview .empty-icon[data-v-04a70224]{font-size:64px;margin-bottom:16px;opacity:.6}.empty-preview h3[data-v-04a70224]{font-size:20px;font-weight:500;margin-bottom:8px;color:#495057}.empty-preview p[data-v-04a70224]{font-size:14px;color:#6c757d}.preview-panel[data-v-7824f1e2]{flex:1;height:100%;background:#fff;margin:20px;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden}.preview-panel.fullscreen[data-v-7824f1e2]{position:fixed;inset:0;margin:0;border-radius:0;z-index:9999}.preview-panel .panel-header[data-v-7824f1e2]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e9ecef;background:#fff}.preview-panel .panel-header .panel-title[data-v-7824f1e2]{font-size:18px;font-weight:600;color:#2c3e50}.preview-panel .panel-header .panel-controls[data-v-7824f1e2]{display:flex;gap:8px}.preview-panel .panel-header .panel-controls .control-btn[data-v-7824f1e2]{width:36px;height:36px;border:1px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.preview-panel .panel-header .panel-controls .control-btn[data-v-7824f1e2]:hover{background:#f8f9fa;border-color:#adb5bd}.preview-panel .preview-container[data-v-7824f1e2]{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#fff);padding:20px;position:relative;overflow:auto}.preview-panel .preview-container .render-wrapper[data-v-7824f1e2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:inset 0 2px 8px #0000000f}@media(max-width:768px){.preview-panel[data-v-7824f1e2]{margin:10px}.preview-panel .preview-container[data-v-7824f1e2]{padding:20px}}.props-panel[data-v-d3dcf039]{width:300px;height:100%;background:#fff;border-left:1px solid #e9ecef;display:flex;flex-direction:column;overflow:hidden}.props-panel .panel-header[data-v-d3dcf039]{padding:16px 20px;border-bottom:1px solid #f1f3f4;background:#f8f9fa}.props-panel .panel-header .panel-title[data-v-d3dcf039]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:8px}.props-panel .panel-header .no-props[data-v-d3dcf039]{font-size:13px;color:#6c757d;text-align:center;padding:20px 0}.props-panel .props-content[data-v-d3dcf039]{flex:1;overflow-y:auto;padding:16px 0}.props-panel .props-content>div[data-v-d3dcf039]{padding:12px 20px;border-bottom:1px solid #f8f9fa}.props-panel .props-content>div[data-v-d3dcf039]:last-child{border-bottom:none}.props-panel .props-content>div .label[data-v-d3dcf039]{font-size:13px;font-weight:500;color:#495057;margin-bottom:8px;cursor:help}.props-panel .props-content>div .label[data-v-d3dcf039]:hover{color:#667eea}.props-panel .props-content>div .value .prop-input[data-v-d3dcf039]{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;transition:border-color .2s ease}.props-panel .props-content>div .value .prop-input[data-v-d3dcf039]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.props-panel .props-content>div .value .prop-checkbox[data-v-d3dcf039]{width:16px;height:16px;cursor:pointer}@media(max-width:768px){.props-panel[data-v-d3dcf039]{width:100%;height:auto;max-height:300px;border-left:none;border-top:1px solid #e9ecef}}.preview-settings[data-v-cbc892e4]{padding:4px 0}.preview-settings .setting-group .setting-label[data-v-cbc892e4]{font-size:12px;color:#6c757d;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.preview-settings .setting-group .url-options[data-v-cbc892e4]{display:flex;gap:16px;margin-bottom:12px}.preview-settings .setting-group .url-options .radio-option[data-v-cbc892e4]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#2c3e50}.preview-settings .setting-group .url-options .radio-option input[type=radio][data-v-cbc892e4]{margin-right:6px;width:16px;height:16px;cursor:pointer}.preview-settings .setting-group .url-options .radio-option .radio-label[data-v-cbc892e4]{color:inherit}.preview-settings .setting-group .custom-url-input input[data-v-cbc892e4]{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;color:#2c3e50;transition:border-color .2s ease}.preview-settings .setting-group .custom-url-input input[data-v-cbc892e4]:focus{outline:none;border-color:#667eea}.preview-settings .setting-group .custom-url-input input[data-v-cbc892e4]::placeholder{color:#adb5bd}.preview-settings .setting-actions[data-v-cbc892e4]{margin-top:20px;padding-top:16px;border-top:1px solid #e9ecef}.preview-settings .setting-actions .save-btn[data-v-cbc892e4]{width:100%;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.preview-settings .setting-actions .save-btn[data-v-cbc892e4]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.preview-settings .setting-actions .save-btn[data-v-cbc892e4]:active{transform:translateY(0)}.settings-overlay[data-v-18b14801]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-18b14801 .2s ease}@keyframes fadeIn-18b14801{0%{opacity:0}to{opacity:1}}.settings-modal[data-v-18b14801]{background:#fff;border-radius:12px;width:400px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0003;animation:slideIn-18b14801 .3s ease}@keyframes slideIn-18b14801{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-18b14801]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.modal-header h3[data-v-18b14801]{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.modal-header .close-btn[data-v-18b14801]{width:32px;height:32px;border:none;background:#e9ecef;border-radius:50%;cursor:pointer;font-size:18px;color:#6c757d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-header .close-btn[data-v-18b14801]:hover{background:#dee2e6;color:#495057}.modal-content[data-v-18b14801]{padding:20px;max-height:60vh;overflow-y:auto}.sidebar[data-v-2ade2483]{width:320px;height:100%;background:linear-gradient(180deg,#f8f9fa,#fff);border-right:1px solid #e9ecef;display:flex;flex-direction:column;overflow:hidden}.sidebar .sidebar-header[data-v-2ade2483]{padding:24px 20px 16px;border-bottom:1px solid #f1f3f4;background:#fff;display:flex;align-items:flex-start;justify-content:space-between}.sidebar .sidebar-header .sidebar-header-content[data-v-2ade2483]{flex:1;min-width:0}.sidebar .sidebar-header .sidebar-title[data-v-2ade2483]{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.sidebar .sidebar-header .sidebar-description[data-v-2ade2483]{font-size:13px;color:#666;line-height:1.4}.sidebar .sidebar-header .header-actions[data-v-2ade2483]{display:flex;gap:8px}.sidebar .sidebar-header .upload-btn[data-v-2ade2483],.sidebar .sidebar-header .settings-btn[data-v-2ade2483]{width:36px;height:36px;border:none;background:#f8f9fa;border-radius:8px;cursor:pointer;font-size:16px;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-header .upload-btn[data-v-2ade2483]:hover{background:#e9ecef;transform:translateY(-2px)}.sidebar .sidebar-header .settings-btn[data-v-2ade2483]:hover{background:#e9ecef;transform:rotate(45deg)}.sidebar .template-groups[data-v-2ade2483]{flex:1;overflow-y:auto;padding:16px 0}.sidebar .template-groups .template-group[data-v-2ade2483]{margin-bottom:24px}.sidebar .template-groups .template-group[data-v-2ade2483]:last-child{margin-bottom:0}.sidebar .template-groups .template-group .group-header[data-v-2ade2483]{padding:0 20px 12px}.sidebar .template-groups .template-group .group-header .group-title[data-v-2ade2483]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:4px}.sidebar .template-groups .template-group .group-header .group-description[data-v-2ade2483]{font-size:12px;color:#7f8c8d;line-height:1.4}.sidebar .template-groups .template-group .group-templates .template-item[data-v-2ade2483]{display:flex;align-items:center;padding:12px 20px;margin:0 12px 4px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.sidebar .template-groups .template-group .group-templates .template-item .template-info[data-v-2ade2483]{display:flex;flex-direction:column;width:100%}.sidebar .template-groups .template-group .group-templates .template-item .template-header[data-v-2ade2483]{display:flex;align-items:flex-start;margin-bottom:4px}.sidebar .template-groups .template-group .group-templates .template-item .template-header .template-icon[data-v-2ade2483]{width:32px;height:32px;background:#f8f9fa;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:12px;flex-shrink:0}.sidebar .template-groups .template-group .group-templates .template-item .template-header .template-text[data-v-2ade2483]{flex:1;min-width:0}.sidebar .template-groups .template-group .group-templates .template-item .template-header .template-text .template-name[data-v-2ade2483]{font-size:14px;font-weight:500;color:inherit;line-height:1.3;margin-bottom:2px}.sidebar .template-groups .template-group .group-templates .template-item .template-header .template-text .template-description[data-v-2ade2483]{font-size:12px;color:#6c757d;line-height:1.3;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.sidebar .template-groups .template-group .group-templates .template-item .template-meta[data-v-2ade2483]{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.sidebar .template-groups .template-group .group-templates .template-item .template-meta .template-id[data-v-2ade2483]{font-size:11px;color:#868e96;font-family:Monaco,Menlo,monospace;background:#0000000a;padding:2px 6px;border-radius:4px}.sidebar .template-groups .template-group .group-templates .template-item .template-meta .template-warning[data-v-2ade2483],.sidebar .template-groups .template-group .group-templates .template-item .template-meta .template-verified[data-v-2ade2483]{font-size:16px;margin-left:8px}.sidebar .template-groups .template-group .group-templates .template-item[data-v-2ade2483]:hover{background:#f8f9fa;border-color:#dee2e6;transform:translate(2px)}.sidebar .template-groups .template-group .group-templates .template-item:hover .template-icon[data-v-2ade2483]{background:#e9ecef}.sidebar .template-groups .template-group .group-templates .template-item.active[data-v-2ade2483]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.sidebar .template-groups .template-group .group-templates .template-item.active .template-icon[data-v-2ade2483]{background:#fff3}.sidebar .template-groups .template-group .group-templates .template-item.active .template-text .template-description[data-v-2ade2483]{color:#fffc}.sidebar .template-groups .template-group .group-templates .template-item.active .template-meta .template-id[data-v-2ade2483]{background:#fff3;color:#ffffffe6}@media(max-width:768px){.sidebar .template-groups[data-v-2ade2483]{overflow-x:auto;white-space:nowrap;padding:12px 0}.sidebar .template-groups .template-group[data-v-2ade2483]{display:inline-block;margin-right:20px;margin-bottom:0;vertical-align:top;min-width:200px}.sidebar .template-groups .template-group .group-templates .template-item[data-v-2ade2483]{margin:0 0 8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#333}.app-container{display:flex;height:100vh;width:100%;overflow:hidden}.main-content{flex:1;height:100%;background:#f5f7fa;display:flex;flex-direction:row;overflow:hidden}@media(max-width:768px){.main-content{flex-direction:column}.main-content :first-child{flex:none;height:50%}}