.outline-builder-container{display:flex;height:calc(100vh - 200px);gap:20px;padding:20px 20px 20px 216px;background:transparent}.outline-palette{width:280px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;overflow-y:auto;flex-shrink:0}.outline-palette h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.palette-category{margin-bottom:24px}.palette-category-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.palette-element{display:block;padding:10px 12px;margin-bottom:8px;border-radius:8px;background:#f9fafb;border:2px solid transparent;cursor:grab;transition:all .2s;-webkit-user-select:none;user-select:none}.palette-element:hover{background:#f3f4f6;border-color:#e5e7eb;transform:translate(4px)}.palette-element:active{cursor:grabbing;transform:scale(.98)}.palette-element-info{width:100%}.palette-element-name{font-size:13px;font-weight:500;color:#1f2937;margin-bottom:2px}.palette-element-desc{font-size:11px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-manage-btn{width:100%;padding:10px 12px;margin-top:16px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.palette-manage-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.palette-element[data-type=introduction]{border-left:3px solid #10b981}.palette-element[data-type=section]{border-left:3px solid #3b82f6}.palette-element[data-type=subsection]{border-left:3px solid #06b6d4}.palette-element[data-type=paragraph]{border-left:3px solid #8b5cf6}.palette-element[data-type=conclusion]{border-left:3px solid #f59e0b}.palette-element[data-type=primary-claim]{border-left:3px solid #ef4444}.palette-element[data-type=claim]{border-left:3px solid #f59e0b}.palette-element[data-type=observation]{border-left:3px solid #10b981}.palette-element[data-type=central-question]{border-left:3px solid #8b5cf6}.palette-element[data-type=question]{border-left:3px solid #a855f7}.palette-element[data-type=status-quo]{border-left:3px solid #6b7280}.palette-element[data-type=stable-context]{border-left:3px solid #64748b}.palette-element[data-type=destabilizing-evidence]{border-left:3px solid #dc2626}.palette-element[data-type=stakes]{border-left:3px solid #ea580c}.palette-element[data-type=counterclaim]{border-left:3px solid #7c3aed}.palette-element[data-type=evidence]{border-left:3px solid #059669}.palette-element[data-type=transition]{border-left:3px solid #0891b2}.palette-element[data-type=background]{border-left:3px solid #78716c}.outline-canvas{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px;overflow-y:auto;min-height:400px}.outline-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;text-align:center}.outline-canvas-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.outline-canvas-empty-text{font-size:16px;font-weight:500;margin-bottom:8px}.outline-canvas-empty-hint{font-size:14px;color:#d1d5db}.outline-element{position:relative;margin-bottom:12px;animation:elementSlideIn .2s ease-out}@keyframes elementSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.outline-element-inner{display:flex;gap:8px;align-items:flex-start;padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.outline-element-inner:hover{border-color:#d1d5db;background:#f3f4f6}.outline-element.dragging .outline-element-inner{opacity:.5;border-style:dashed}.outline-element-drag-handle{cursor:grab;color:#9ca3af;padding:4px;font-size:16px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.outline-element-drag-handle:hover{color:#6b7280}.outline-element-drag-handle:active{cursor:grabbing}.outline-element-number{display:flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;border-radius:6px;background:#f3f4f6;border:1px solid #d1d5db;font-size:13px;font-weight:700;color:#374151;margin-right:4px}.outline-element[data-type=section] .outline-element-number{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.outline-element[data-type=subsection] .outline-element-number{background:#cffafe;border-color:#67e8f9;color:#155e75}.outline-element[data-type=paragraph] .outline-element-number{background:#ede9fe;border-color:#c4b5fd;color:#6b21a8}.outline-element-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.outline-element[data-type=introduction] .outline-element-badge{background:#d1fae5;color:#065f46}.outline-element[data-type=section] .outline-element-badge{background:#dbeafe;color:#1e40af}.outline-element[data-type=subsection] .outline-element-badge{background:#cffafe;color:#155e75}.outline-element[data-type=paragraph] .outline-element-badge{background:#ede9fe;color:#6b21a8}.outline-element[data-type=conclusion] .outline-element-badge{background:#fed7aa;color:#9a3412}.outline-element[data-type=primary-claim] .outline-element-badge{background:#fee2e2;color:#991b1b}.outline-element[data-type=claim] .outline-element-badge{background:#ffedd5;color:#9a3412}.outline-element[data-type=observation] .outline-element-badge{background:#d1fae5;color:#065f46}.outline-element[data-type=central-question] .outline-element-badge{background:#ede9fe;color:#6b21a8}.outline-element[data-type=question] .outline-element-badge{background:#f3e8ff;color:#7e22ce}.outline-element[data-type=status-quo] .outline-element-badge{background:#e5e7eb;color:#374151}.outline-element[data-type=stable-context] .outline-element-badge{background:#e2e8f0;color:#334155}.outline-element[data-type=destabilizing-evidence] .outline-element-badge{background:#fecaca;color:#7f1d1d}.outline-element[data-type=stakes] .outline-element-badge{background:#fed7aa;color:#7c2d12}.outline-element[data-type=counterclaim] .outline-element-badge{background:#ddd6fe;color:#5b21b6}.outline-element[data-type=evidence] .outline-element-badge{background:#a7f3d0;color:#064e3b}.outline-element[data-type=transition] .outline-element-badge{background:#cffafe;color:#164e63}.outline-element-text{flex:1;min-width:0}.outline-element-textarea{width:100%;border:none;background:transparent;resize:vertical;min-height:24px;font-size:14px;line-height:1.5;color:#1f2937;font-family:inherit;padding:0}.outline-element-textarea:focus{outline:none}.outline-element-textarea::placeholder{color:#d1d5db}.outline-element-delete{cursor:pointer;color:#9ca3af;padding:4px;font-size:18px;display:flex;align-items:center;opacity:0;transition:all .2s}.outline-element-inner:hover .outline-element-delete{opacity:1}.outline-element-delete:hover{color:#ef4444}.outline-element-children{margin-left:32px;margin-top:8px;padding-left:16px;border-left:2px solid #e5e7eb}.outline-element.is-section>.outline-element-children,.outline-element.is-paragraph>.outline-element-children{border-left-color:#d1d5db}.outline-element.is-section>.outline-element-inner{background:#eff6ff;border-color:#bfdbfe}.outline-element.is-paragraph>.outline-element-inner{background:#f5f3ff;border-color:#ddd6fe}.outline-drop-zone{height:40px;border:2px dashed #d1d5db;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px;transition:all .2s;opacity:0}.outline-drop-zone.active{opacity:1;border-color:#3b82f6;background:#eff6ff;color:#2563eb}.outline-element.drag-over>.outline-element-inner{border-color:#3b82f6;background:#eff6ff}.outline-element.drag-over-before:before,.outline-element.drag-over-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:#3b82f6;border-radius:2px}.outline-element.drag-over-before:before{top:-6px}.outline-element.drag-over-after:after{bottom:-6px}.outline-element.drag-invalid{cursor:not-allowed;opacity:.5}.outline-element.drag-invalid>.outline-element-inner{border-color:#ef4444;background:#fee2e2}.outline-saving-indicator{position:fixed;bottom:20px;right:20px;padding:8px 16px;background:#10b981;color:#fff;border-radius:6px;font-size:13px;font-weight:500;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.outline-error-message{padding:12px 16px;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:14px;margin-bottom:16px}@media(max-width:1024px){.outline-builder-container{flex-direction:column}.outline-palette{width:100%;max-height:300px;order:2}.outline-canvas{order:1}.outline-element-children{margin-left:16px;padding-left:12px}}.outline-palette::-webkit-scrollbar,.outline-canvas::-webkit-scrollbar{width:8px}.outline-palette::-webkit-scrollbar-track,.outline-canvas::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.outline-palette::-webkit-scrollbar-thumb,.outline-canvas::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.outline-palette::-webkit-scrollbar-thumb:hover,.outline-canvas::-webkit-scrollbar-thumb:hover{background:#9ca3af}