.quote-wrapper{max-width:100%;}.quote-input-group{margin-bottom:18px;}.quote-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#666;margin-bottom:6px;}html[data-theme="dark"] .quote-label{color:#94a3b8;}.quote-input,.quote-textarea,.quote-select{width:100%;padding:10px 14px;font-size:14px;border:1.5px solid #ddd;border-radius:8px;background:#fff;color:#333;outline:none;transition:border-color 0.2s,box-shadow 0.2s;}html[data-theme="dark"] .quote-input,html[data-theme="dark"] .quote-textarea,html[data-theme="dark"] .quote-select{background:#1e1e2e;color:#e2e8f0;border-color:#334155;}.quote-textarea{font-family:inherit;resize:vertical;min-height:80px;}.quote-input:focus,.quote-textarea:focus,.quote-select:focus{border-color:#C7CEEA;box-shadow:0 0 0 3px rgba(199,206,234,0.1);}.quote-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px;}.quote-option-group{display:flex;flex-direction:column;gap:6px;}.quote-preview-section{margin-bottom:18px;}.quote-preview{width:100%;max-width:100%;border:2px solid #ddd;border-radius:12px;background:#fff;margin-bottom:12px;}html[data-theme="dark"] .quote-preview{border-color:#334155;}.quote-color-picker{width:100%;height:40px;border:1px solid #ddd;border-radius:6px;cursor:pointer;background:#fff;}html[data-theme="dark"] .quote-color-picker{border-color:#334155;}.quote-actions{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}.quote-btn-primary,.quote-btn-secondary{padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px;white-space:nowrap;}.quote-btn-primary{background:linear-gradient(135deg,#C7CEEA 0%,#9FA8D1 100%);color:#1e1e2e;box-shadow:0 4px 12px rgba(199,206,234,0.25);flex:1;min-width:160px;}.quote-btn-primary:hover{box-shadow:0 6px 18px rgba(199,206,234,0.35);transform:translateY(-2px);}.quote-btn-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd;}html[data-theme="dark"] .quote-btn-secondary{background:#2d2d4e;color:#e2e8f0;border-color:#334155;}.quote-btn-secondary:hover{background:#eee;}html[data-theme="dark"] .quote-btn-secondary:hover{background:#3d3d5e;}.tool-article{margin-top:40px;padding-top:40px;border-top:1px solid #e0e0e0;}html[data-theme="dark"] .tool-article{border-top-color:#334155;}