.layer-panel[data-v-f65bb132]{border-top:1px solid #313244;display:flex;flex-direction:column;flex:1;min-height:0}.layer-header[data-v-f65bb132]{padding:10px 16px;border-bottom:1px solid #313244;display:flex;align-items:center;justify-content:space-between}.layer-header h3[data-v-f65bb132]{margin:0;font-size:13px;font-weight:600;color:#cba6f7}.layer-count[data-v-f65bb132]{font-size:11px;color:#6c7086;background:#313244;padding:2px 8px;border-radius:10px}.layer-list[data-v-f65bb132]{flex:1;overflow-y:auto;padding:4px 8px}.layer-item[data-v-f65bb132]{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .15s;margin-bottom:2px;border:1px solid transparent;-webkit-user-select:none;user-select:none}.layer-item[data-v-f65bb132]:hover{background:#313244}.layer-item.selected[data-v-f65bb132]{background:#45475a;border-color:#cba6f7}.layer-item.drag-over[data-v-f65bb132]{border-color:#89b4fa;background:#1e3a5f}.layer-item.locked[data-v-f65bb132]{opacity:.7}.layer-item.hidden[data-v-f65bb132]{opacity:.4}.layer-info[data-v-f65bb132]{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}.layer-icon[data-v-f65bb132]{font-size:14px;flex-shrink:0;width:18px;text-align:center}.layer-name[data-v-f65bb132]{font-size:12px;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-name.dimmed[data-v-f65bb132]{color:#6c7086;text-decoration:line-through}.layer-actions[data-v-f65bb132]{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.layer-item:hover .layer-actions[data-v-f65bb132],.layer-item.selected .layer-actions[data-v-f65bb132]{opacity:1}.layer-btn[data-v-f65bb132]{width:24px;height:24px;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;color:#cdd6f4;padding:0;transition:all .15s}.layer-btn[data-v-f65bb132]:hover{background:#585b70;border-color:#585b70}.layer-btn.active[data-v-f65bb132]{color:#f38ba8}.layer-btn.danger[data-v-f65bb132]:hover{background:#45273a;border-color:#f38ba8;color:#f38ba8}.empty-tip[data-v-f65bb132]{font-size:12px;color:#6c7086;text-align:center;padding:20px 10px}.toolbar[data-v-72bc55c5]{width:220px;min-width:220px;background:#1e1e2e;color:#cdd6f4;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #313244;-webkit-user-select:none;user-select:none}.toolbar-header[data-v-72bc55c5]{padding:12px 16px;border-bottom:1px solid #313244}.toolbar-header h3[data-v-72bc55c5]{margin:0;font-size:14px;font-weight:600;color:#cba6f7}.toolbar-section[data-v-72bc55c5]{padding:8px 12px;border-bottom:1px solid #313244}.toolbar-section.compact[data-v-72bc55c5]{padding:6px 12px}.section-title[data-v-72bc55c5]{font-size:11px;color:#a6adc8;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.5px}.tool-grid[data-v-72bc55c5]{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.tool-item[data-v-72bc55c5]{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:6px;cursor:pointer;transition:all .15s;background:#313244;border:1px solid transparent}.tool-item[data-v-72bc55c5]:hover{background:#45475a;border-color:#585b70}.tool-item.active[data-v-72bc55c5]{background:#585b70;border-color:#cba6f7}.tool-item.disabled[data-v-72bc55c5]{opacity:.4;pointer-events:none}.tool-item.danger[data-v-72bc55c5]:hover{background:#45273a;border-color:#f38ba8}.tool-icon[data-v-72bc55c5]{font-size:18px;margin-bottom:2px;line-height:1}.tool-label[data-v-72bc55c5]{font-size:10px;color:#bac2de}.font-list[data-v-72bc55c5]{max-height:100px;overflow-y:auto}.font-item[data-v-72bc55c5]{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:#313244;border-radius:4px;margin-bottom:3px}.font-name[data-v-72bc55c5]{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-tip[data-v-72bc55c5]{font-size:11px;color:#6c7086;text-align:center;padding:6px}.btn-mini[data-v-72bc55c5]{background:none;border:1px solid #585b70;color:#cdd6f4;width:20px;height:20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;padding:0;transition:all .15s}.btn-mini[data-v-72bc55c5]:hover{background:#45475a;border-color:#cba6f7}.btn-mini.danger[data-v-72bc55c5]:hover{background:#45273a;border-color:#f38ba8}.dialog-overlay[data-v-72bc55c5]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-72bc55c5]{background:#1e1e2e;border-radius:12px;padding:24px;min-width:360px;border:1px solid #313244;box-shadow:0 8px 32px #0006}.dialog h4[data-v-72bc55c5]{margin:0 0 16px;color:#cba6f7}.form-group[data-v-72bc55c5]{margin-bottom:12px}.form-group label[data-v-72bc55c5]{display:block;font-size:12px;color:#a6adc8;margin-bottom:4px}.form-group input[data-v-72bc55c5]{width:100%;padding:8px 12px;background:#313244;border:1px solid #45475a;border-radius:6px;color:#cdd6f4;font-size:13px;outline:none;box-sizing:border-box}.form-group input[data-v-72bc55c5]:focus{border-color:#cba6f7}.dialog-actions[data-v-72bc55c5]{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.btn[data-v-72bc55c5]{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:13px;transition:all .2s}.btn.cancel[data-v-72bc55c5]{background:#313244;color:#cdd6f4}.btn.cancel[data-v-72bc55c5]:hover{background:#45475a}.btn.primary[data-v-72bc55c5]{background:#cba6f7;color:#1e1e2e}.btn.primary[data-v-72bc55c5]:hover{background:#b4befe}.canvas-area[data-v-2ed77b62]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#181825}.canvas-toolbar[data-v-2ed77b62]{height:40px;min-height:40px;background:#1e1e2e;border-bottom:1px solid #313244;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#cdd6f4}.canvas-toolbar-left[data-v-2ed77b62],.canvas-toolbar-center[data-v-2ed77b62],.canvas-toolbar-right[data-v-2ed77b62]{display:flex;align-items:center;gap:6px}.zoom-label[data-v-2ed77b62]{font-size:12px;color:#a6adc8}.zoom-btn[data-v-2ed77b62]{width:28px;height:28px;background:#313244;border:1px solid #45475a;border-radius:6px;color:#cdd6f4;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.zoom-btn[data-v-2ed77b62]:hover{background:#45475a;border-color:#585b70}.zoom-value[data-v-2ed77b62]{font-size:12px;min-width:40px;text-align:center;color:#f5c2e7}.info-text[data-v-2ed77b62]{font-size:12px;color:#a6adc8}.shortcut-hint[data-v-2ed77b62]{font-size:11px;color:#6c7086}.canvas-container[data-v-2ed77b62]{flex:1;overflow:hidden;position:relative;background:linear-gradient(45deg,#1a1a2e 25%,transparent 25%),linear-gradient(-45deg,#1a1a2e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a2e 75%),linear-gradient(-45deg,transparent 75%,#1a1a2e 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#11111b}.canvas-view[data-v-2ed77b62]{width:100%;height:100%}.float-toolbar[data-v-2ed77b62]{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 10px;background:#1e1e2ef2;border:1px solid #45475a;border-radius:10px;box-shadow:0 4px 20px #0006;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.float-group[data-v-2ed77b62]{display:flex;gap:2px}.float-divider[data-v-2ed77b62]{width:1px;height:24px;background:#45475a;margin:0 4px}.float-btn[data-v-2ed77b62]{width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:#cdd6f4;padding:0;transition:all .15s}.float-btn[data-v-2ed77b62]:hover{background:#45475a;border-color:#585b70}.float-btn[data-v-2ed77b62]:active{background:#585b70}.float-btn.danger[data-v-2ed77b62]:hover{background:#45273a;border-color:#f38ba8;color:#f38ba8}.float-btn.accent[data-v-2ed77b62]{color:#89b4fa;font-size:13px}.float-btn.accent[data-v-2ed77b62]:hover{background:#27374a;border-color:#89b4fa}.float-btn[data-v-2ed77b62]:disabled{opacity:.3;cursor:not-allowed}.float-btn[data-v-2ed77b62]:disabled:hover{background:transparent;border-color:transparent}.float-fade-enter-active[data-v-2ed77b62],.float-fade-leave-active[data-v-2ed77b62]{transition:all .2s ease}.float-fade-enter-from[data-v-2ed77b62],.float-fade-leave-to[data-v-2ed77b62]{opacity:0;transform:translate(-50%) translateY(-10px)}.properties-panel[data-v-0c328275]{width:280px;min-width:280px;background:#1e1e2e;color:#cdd6f4;display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid #313244}.panel-header[data-v-0c328275]{padding:12px 16px;border-bottom:1px solid #313244}.panel-header h3[data-v-0c328275]{margin:0;font-size:14px;font-weight:600;color:#cba6f7}.empty-state[data-v-0c328275]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c7086}.empty-icon[data-v-0c328275]{font-size:40px;margin-bottom:8px}.empty-state p[data-v-0c328275]{font-size:13px}.panel-content[data-v-0c328275]{padding:0}.prop-section[data-v-0c328275]{padding:8px 12px;border-bottom:1px solid #313244}.prop-section-title[data-v-0c328275]{font-size:11px;color:#a6adc8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.prop-inline[data-v-0c328275]{display:flex;align-items:center;gap:6px;margin-bottom:5px}.prop-inline>label[data-v-0c328275]{font-size:11px;color:#a6adc8;white-space:nowrap;min-width:48px;flex-shrink:0}.prop-inline input[type=text][data-v-0c328275],.prop-inline input[type=number][data-v-0c328275],.prop-inline textarea[data-v-0c328275],.prop-inline select[data-v-0c328275]{flex:1;padding:4px 8px;background:#313244;border:1px solid #45475a;border-radius:5px;color:#cdd6f4;font-size:12px;outline:none;box-sizing:border-box;min-width:0}.prop-inline input[data-v-0c328275]:focus,.prop-inline textarea[data-v-0c328275]:focus,.prop-inline select[data-v-0c328275]:focus{border-color:#cba6f7}.prop-inline textarea[data-v-0c328275]{resize:vertical;font-family:inherit}.type-badge[data-v-0c328275]{display:inline-block;padding:2px 8px;background:#45475a;border-radius:10px;font-size:11px;color:#cba6f7}.computed-val[data-v-0c328275]{display:inline-block;padding:3px 8px;background:#11111b;border-radius:5px;font-size:12px;color:#f5c2e7;flex:1;text-align:center}.prop-hint[data-v-0c328275]{font-size:10px;color:#6c7086;margin-bottom:4px;line-height:1.3;padding:4px 6px;background:#11111b;border-radius:4px}.sub-label[data-v-0c328275]{font-size:11px;color:#a6adc8;display:block;margin-bottom:4px}.align-grid[data-v-0c328275]{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:4px}.align-extra[data-v-0c328275]{display:flex;gap:4px;margin-bottom:4px}.align-extra-btn[data-v-0c328275]{flex:1;height:28px;background:#313244;border:1px solid #45475a;border-radius:5px;color:#89b4fa;cursor:pointer;font-size:11px;transition:all .15s}.align-extra-btn[data-v-0c328275]:hover{background:#45475a;border-color:#89b4fa}.align-btn[data-v-0c328275]{width:100%;height:30px;background:#313244;border:1px solid #45475a;border-radius:5px;color:#cdd6f4;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.align-btn[data-v-0c328275]:hover{background:#45475a;border-color:#cba6f7;color:#cba6f7}.color-input[data-v-0c328275]{display:flex;gap:4px;align-items:center;flex:1}.color-input input[type=color][data-v-0c328275]{width:28px;height:28px;padding:2px;background:#313244;border:1px solid #45475a;border-radius:5px;cursor:pointer;flex-shrink:0}.color-input input[type=text][data-v-0c328275]{flex:1;padding:4px 6px;background:#313244;border:1px solid #45475a;border-radius:5px;color:#cdd6f4;font-size:11px;outline:none;min-width:0}.color-input input[data-v-0c328275]:focus{border-color:#cba6f7}.children-list[data-v-0c328275]{max-height:100px;overflow-y:auto}.child-item[data-v-0c328275]{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;background:#313244;border-radius:4px;margin-bottom:2px;font-size:11px}.child-name[data-v-0c328275]{color:#cdd6f4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.child-type[data-v-0c328275]{color:#a6adc8;margin-left:6px;font-size:10px}.unbind-btn[data-v-0c328275]{background:transparent;border:none;color:#f38ba8;cursor:pointer;font-size:12px;padding:0 4px;line-height:1;border-radius:3px}.unbind-btn[data-v-0c328275]:hover{background:#45273a}.switch[data-v-0c328275]{position:relative;display:inline-block;width:36px;height:20px}.switch input[data-v-0c328275]{opacity:0;width:0;height:0}.slider[data-v-0c328275]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#45475a;transition:.3s;border-radius:20px}.slider[data-v-0c328275]:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#cdd6f4;transition:.3s;border-radius:50%}input:checked+.slider[data-v-0c328275]{background-color:#cba6f7}input:checked+.slider[data-v-0c328275]:before{transform:translate(16px)}.btn-sm[data-v-0c328275]{padding:5px 10px;border-radius:5px;border:1px solid #45475a;cursor:pointer;font-size:11px;background:#313244;color:#cdd6f4;transition:all .15s;white-space:nowrap}.btn-sm[data-v-0c328275]:hover{background:#45475a;border-color:#cba6f7;color:#cba6f7}.btn-sm.full-width[data-v-0c328275]{width:100%;margin-top:4px}.btn-sm.btn-accent[data-v-0c328275]{background:#45273a;border-color:#ff6b35;color:#ff6b35}.btn-sm.btn-accent[data-v-0c328275]:hover{background:#5a3048;border-color:#ff8c5c;color:#ff8c5c}.mt-4[data-v-0c328275]{margin-top:8px}.fit-btns[data-v-0c328275]{display:flex;gap:4px}.fit-btns .btn-sm[data-v-0c328275]{flex:1;text-align:center}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-layout{display:flex;width:100%;height:100%;background:#11111b}@media print{.toolbar,.properties-panel,.canvas-toolbar{display:none!important}.canvas-area{position:absolute;top:0;left:0;width:100%;height:100%}.canvas-container{width:100%!important;height:100%!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#1e1e2e}::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#585b70}