.tree-container[data-v-5842420b]{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;width:100%;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.canvas-tools[data-v-5842420b]{z-index:10;pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.button-group[data-v-5842420b]{pointer-events:auto;gap:8px;display:flex}.action-btn[data-v-5842420b]{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.action-btn[data-v-5842420b]:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.tree-svg[data-v-5842420b]{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.tree-svg.is-dragging[data-v-5842420b]{cursor:grabbing}.tree-svg .link[data-v-5842420b]{stroke:#cbd5e1;stroke-width:3px}.tree-svg .fraction-text[data-v-5842420b]{fill:#64748b;text-anchor:middle;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600}.tree-svg .node-shape[data-v-5842420b]{fill:#fff;stroke-width:3px}.tree-svg .node-text[data-v-5842420b]{fill:#0f172a;text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:700}.drilldown-editor[data-v-692573f6]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.breadcrumbs[data-v-692573f6]{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 14px;display:flex}.breadcrumb-btn[data-v-692573f6]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:13px;font-weight:500;transition:all .2s}.breadcrumb-btn[data-v-692573f6]:hover{color:#0f172a;background:#e2e8f0}.breadcrumb-btn.is-active[data-v-692573f6]{color:#0f172a;pointer-events:none;font-weight:700}.separator[data-v-692573f6]{color:#cbd5e1;font-size:13px}.level-editor[data-v-692573f6]{flex-direction:column;gap:8px;padding:12px;display:flex}.empty-state[data-v-692573f6]{color:#94a3b8;text-align:center;padding:10px;font-size:13px}.child-row[data-v-692573f6]{background:#f8fafc;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px;display:flex}.color-picker[data-v-692573f6]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.color-picker[data-v-692573f6]::-webkit-color-swatch-wrapper{padding:1px}.color-picker[data-v-692573f6]::-webkit-color-swatch{border:none;border-radius:4px}.color-picker[data-v-692573f6]::-moz-color-swatch{border:none;border-radius:4px}.clean-input[data-v-692573f6]{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 8px;font-size:13px}.clean-input[data-v-692573f6]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.flex-1[data-v-692573f6]{flex:1;min-width:60px}.fraction-input[data-v-692573f6]{align-items:center;gap:2px;display:flex}.num-input[data-v-692573f6]{text-align:center;font-variant-numeric:tabular-nums;width:28px;padding:6px 2px}.slash[data-v-692573f6]{color:#94a3b8;margin:0 2px;font-size:14px;font-weight:700}input[type=number][data-v-692573f6]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number][data-v-692573f6]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number][data-v-692573f6]{appearance:textfield}.action-buttons[data-v-692573f6]{gap:4px;margin-left:auto;display:flex}.icon-btn[data-v-692573f6]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.icon-btn.danger[data-v-692573f6]{color:#dc2626;background:#fee2e2}.icon-btn.danger[data-v-692573f6]:hover{background:#fca5a5}.icon-btn.primary[data-v-692573f6]{color:#0284c7;background:#e0f2fe}.icon-btn.primary[data-v-692573f6]:hover{background:#bae6fd}.btn-secondary[data-v-692573f6]{color:#64748b;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:8px;width:100%;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.btn-secondary[data-v-692573f6]:hover{color:#0f172a;background:#f1f5f9}.mt-2[data-v-692573f6]{margin-top:4px}body{color:#0f172a;background-color:#f1f5f9;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}.app-layout{grid-template-columns:380px 1fr;align-items:start;gap:32px;max-width:1400px;margin:40px auto;padding:0 24px;display:grid}.controls-panel{background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.panel-title{letter-spacing:-.5px;margin:0 0 24px;font-size:22px;font-weight:700}.segmented-control{background-color:#f1f5f9;border-radius:12px;margin-bottom:24px;padding:5px;display:flex}.segmented-control.small{border-radius:10px;margin-bottom:20px;padding:4px}.segmented-control button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.segmented-control.small button{padding:8px;font-size:13px}.segmented-control button.active{color:#0f172a;background:#fff;box-shadow:0 2px 5px #0000000f,0 1px 2px #0000000a}label{color:#475569;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.input-group{margin-bottom:24px}.list-group{flex-direction:column;gap:10px;display:flex}.list-item{align-items:center;gap:8px;display:flex}.clean-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.clean-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.full-width{box-sizing:border-box;width:100%}.flex-1{flex:1;min-width:0}.w-24{width:85px}.color-picker-lg{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:44px;height:44px;padding:2px;transition:border-color .2s}.color-picker-lg:focus{border-color:#3b82f6;outline:none}.color-picker-lg::-webkit-color-swatch-wrapper{padding:3px}.color-picker-lg::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-lg::-moz-color-swatch{border:none;border-radius:6px}.fraction-input{align-items:center;gap:4px;display:flex}.num-input{text-align:center;width:44px;padding:12px 6px}.slash{color:#94a3b8;font-size:16px;font-weight:700}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn-secondary{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.icon-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:300;transition:all .2s;display:flex}.icon-btn:hover{color:#b91c1c;background:#fca5a5}.preview-panel{justify-content:center;align-items:center;width:100%;display:flex}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.app-layout{grid-template-columns:1fr;gap:20px;margin:20px auto;padding:0 16px}.controls-panel{padding:20px}}