.tree-page{flex-direction:column;width:100%;height:calc(100vh - 80px);display:flex}.tree-canvas-wrap{flex-grow:1;position:relative}.tree-toolbar{z-index:4;gap:10px;display:flex;position:absolute;top:20px;right:20px}.tree-toolbar-form{gap:6px;display:flex}.tree-more-menu{z-index:5;position:absolute;top:20px;left:20px}.tree-more-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 20px #00000026}.tree-more-item{text-align:left;cursor:pointer;color:#111827;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:.9rem;font-weight:600}.tree-more-item:hover{background:#f3f4f6}.tree-more-item-danger{color:#e02424}.tree-hidden-input{display:none}.tree-input{border:1px solid #ccc;border-radius:8px;width:190px;padding:10px}.tree-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:700}.tree-btn-primary{background:#0070f3}.tree-btn-dark{background:#333}.tree-toolbar-form .tree-btn{padding:12px 18px}.tree-error{z-index:4;color:#e02424;position:absolute;top:78px;right:20px}.tree-prereq-legend{z-index:4;background:#ffffffeb;border:1px solid #ddd;border-radius:6px;gap:5px;padding:8px 10px;font-size:.78rem;display:grid;position:absolute;top:68px;left:20px}.tree-prereq-legend span{align-items:center;gap:8px;display:flex}.tree-legend-line{border-top:2px solid #666;width:28px}.tree-legend-line-any{border-top-style:dashed}.tree-layout-toolbar{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border-radius:30px;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a}.tree-layout-btn-topo,.tree-layout-btn-align,.tree-layout-btn-shuffle{color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600}.tree-layout-btn-topo{background:#4f46e5}.tree-layout-btn-align{background:#10b981}.tree-layout-btn-shuffle{background:#f59e0b}.tree-detail-panel{background-color:#f9f9f9;border-top:2px solid #ccc;height:300px;padding:24px;position:relative;overflow-y:auto}.tree-detail-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.5rem;position:absolute;top:16px;right:16px}.tree-note-editor{flex-direction:column;gap:10px;height:100%;display:flex}.tree-note-editor h2{margin:0}.tree-note-textarea{resize:none;border:1px solid #ccc;border-radius:6px;flex-grow:1;width:100%;padding:12px;font-family:inherit}.tree-edit-form{flex-direction:column;gap:8px;display:flex}.tree-edit-input,.tree-edit-select{padding:8px}.tree-edit-label{font-size:.85rem;font-weight:600}.tree-edit-color{cursor:pointer;border:1px solid #ccc;border-radius:4px;width:100%;height:36px}.tree-edit-textarea{height:50px;padding:8px}.tree-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;padding:10px}.tree-view-title{align-items:center;gap:10px;margin-top:0;display:flex}.tree-color-dot{border-radius:50%;width:16px;height:16px;display:inline-block}.tree-view-subtitle{color:#555;margin-top:0}.tree-view-actions{gap:10px;margin-top:15px;display:flex}.tree-edit-btn,.tree-remove-btn{color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px}.tree-edit-btn{background:#0070f3}.tree-remove-btn{background:#e02424}.tree-btn:disabled{opacity:.5;cursor:not-allowed}.tree-modal-overlay{z-index:10;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.tree-modal-card{background:#fff;border-radius:12px;width:380px;max-width:90vw;padding:24px;box-shadow:0 10px 25px #0003}.tree-plan-card{width:min(760px,94vw);max-height:88vh;overflow-y:auto}.tree-plan-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:18px 0;display:grid}.tree-plan-semester{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;min-height:84px;padding:10px}.tree-plan-semester h3{margin:0 0 6px;font-size:.9rem}.tree-plan-semester span{color:#6b7280}.tree-plan-warnings{background:#fef2f2;border-left:3px solid #dc2626;margin-bottom:16px;padding:10px}.tree-plan-valid{background:#ecfdf5;border-color:#059669}.tree-modal-title{margin:0 0 8px}.tree-modal-subtitle{color:#555;margin:0 0 16px;font-size:.9rem}.tree-modal-options{flex-direction:column;gap:10px;max-height:240px;margin-bottom:20px;display:flex;overflow-y:auto}.tree-modal-option{cursor:pointer;align-items:center;gap:8px;display:flex}.tree-modal-actions{justify-content:flex-end;gap:10px;display:flex}