.test-container{max-width:1200px;margin:0 auto;padding:80px 20px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.node-content{padding-left:20px!important}.test-header{text-align:center;padding:30px 0;background:linear-gradient(135deg,#f25654 0%,#764ba2 100%);color:#fff;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 20px #0000001a}.test-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:700}.test-header p{font-size:1.1rem;margin:0;opacity:.9}.test-content{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin-bottom:30px;min-height:700px}.test-panel{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #e0e0e0;display:flex;flex-direction:column}.test-panel h3{margin:0 0 20px;color:#2c3e50;font-size:1.4rem;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:10px;flex-shrink:0}.outline-editor-container{flex:1;min-height:600px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.control-panel{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:calc(100vh - 200px);overflow-y:auto}.control-group{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:20px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.control-group:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.control-group label{font-weight:600;color:#334155;font-size:.95rem;margin-bottom:4px;display:flex;align-items:center;gap:6px}.control-group input,.control-group select,.control-group textarea{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background:white;color:#1e293b}.control-group input:focus,.control-group select:focus,.control-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;transform:translateY(-1px)}.control-group textarea{min-height:110px;resize:vertical;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.btn-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:10px}.test-btn{min-width:120px;padding:12px 18px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:#fff;position:relative;overflow:hidden;text-align:center;white-space:nowrap;box-shadow:0 2px 8px #0000001f}.test-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0003}.test-btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 15px #00000026}.btn-primary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);box-shadow:0 8px 25px #6366f166}.btn-parse-markdown{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);box-shadow:0 4px 15px #f59e0b4d;font-weight:700;letter-spacing:.5px;min-width:140px}.btn-parse-markdown:hover{background:linear-gradient(135deg,#d97706 0%,#ea580c 100%);box-shadow:0 8px 25px #f59e0b66;transform:translateY(-3px) scale(1.05)}.btn-secondary{background:linear-gradient(135deg,#64748b 0%,#475569 100%);box-shadow:0 4px 15px #64748b4d}.btn-secondary:hover{background:linear-gradient(135deg,#475569 0%,#334155 100%);box-shadow:0 8px 25px #64748b66}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 15px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 8px 25px #10b98166}.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.btn-warning:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);color:#fff;box-shadow:0 8px 25px #f59e0b66}.btn-info{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);box-shadow:0 4px 15px #0ea5e94d}.btn-info:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 8px 25px #0ea5e966}.log-panel{background:#1e1e1e;color:#ccc;border-radius:8px;padding:15px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;height:300px;overflow-y:auto;border:1px solid #333}.log-entry{margin:0 0 5px;padding:2px 0}.log-entry.info{color:#61dafb}.log-entry.success{color:#98d982}.log-entry.warning{color:#ffeb3b}.log-entry.error{color:#ff6b6b}.log-timestamp{color:#999;font-size:12px}.stats-display{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat-item{background:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border:1px solid #e9ecef}.stat-value{font-size:2rem;font-weight:700;color:#f25654;margin:0}.stat-label{font-size:.9rem;color:#6c757d;margin:5px 0 0}.test-instructions{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:20px;margin-bottom:30px}.test-instructions h4{color:#1976d2;margin:0 0 15px;font-size:1.2rem}.test-instructions ul{margin:0;padding-left:20px;color:#424242}.test-instructions li{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.test-content{grid-template-columns:1fr;gap:20px;min-height:auto}.control-panel{max-height:400px}.stats-display{grid-template-columns:1fr}.test-header h1{font-size:2rem}.outline-editor-container{min-height:400px}.btn-group{grid-template-columns:1fr;gap:8px}.test-btn{min-width:100%;margin-bottom:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-panel{animation:fadeInUp .5s ease-out}.test-panel:nth-child(2){animation-delay:.1s}.toast{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 20px #0003;z-index:1000;opacity:0;transform:translate(100%);transition:all .3s ease}.toast.show{opacity:1;transform:translate(0)}.toast.error{background:#dc3545}.toast.warning{background:#ffc107;color:#212529}.toast.info{background:#17a2b8}