.design-intro-modal{color:#e2e8f0;background:#1e293b;border-radius:12px;flex-direction:column;width:600px;max-width:90vw;max-height:85vh;display:flex;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0003}.modal-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.close-btn:hover{color:#fff}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid #334155;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:#cbd5e1;margin-bottom:8px;font-weight:500;display:block}.form-input,.form-select{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;padding:10px 12px;font-size:.95rem}.form-input:focus,.form-select:focus{background:#1e293b;border-color:#3b82f6;outline:none}.toggle-switch{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle-slider{background:#475569;border-radius:20px;width:44px;height:24px;transition:background .3s;position:relative}.toggle-input:checked+.toggle-slider{background:#10b981}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-weight:500}.config-section{background:#ffffff08;border:1px solid #334155;border-radius:8px;margin-top:20px;padding:20px;position:relative}.color-picker-wrapper{align-items:center;gap:12px;display:flex}.color-btn{cursor:pointer;border:1px solid #475569;border-radius:6px;width:36px;height:36px;position:relative;overflow:hidden}.color-input{cursor:pointer;opacity:0;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;margin-top:20px;padding:8px 16px}.delete-btn:hover{background:#dc2626}.btn-primary{color:#fff;background:#3b82f6;border-radius:6px;padding:10px 20px;font-weight:600}.btn-primary:hover{background:#2563eb}.btn-secondary{color:#e2e8f0;background:0 0;border:1px solid #475569;border-radius:6px;padding:10px 20px}.btn-secondary:hover{background:#ffffff0d}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-config-message{text-align:center;color:#94a3b8;margin-top:40px}.create-config-btn{color:#fff;background:#10b981;border-radius:6px;margin:20px auto;padding:10px 20px;font-weight:600;display:block}.create-config-btn:hover{background:#059669}[data-theme=light] .design-intro-modal{color:#1e293b;background:#fff;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a}[data-theme=light] .modal-header{border-bottom-color:#e2e8f0}[data-theme=light] .modal-footer{border-top-color:#e2e8f0}[data-theme=light] .close-btn{color:#64748b}[data-theme=light] .close-btn:hover{color:#1e293b}[data-theme=light] .form-group label{color:#475569}[data-theme=light] .form-input,[data-theme=light] .form-select{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus{background:#fff;border-color:#3b82f6}[data-theme=light] .config-section{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .color-btn{border-color:#e2e8f0}[data-theme=light] .btn-secondary{color:#475569;border-color:#e2e8f0}[data-theme=light] .btn-secondary:hover{color:#1e293b;background:#f1f5f9}[data-theme=light] .no-config-message{color:#64748b}[data-theme=light] .toggle-slider{background:#e2e8f0}[data-theme=light] .toggle-input:checked+.toggle-slider{background:#10b981}[data-theme=light] .loading-spinner{border-color:#3b82f6 #0000001a #0000001a}