.app-header{background:var(--dd-purple);color:#fff;padding:1.5rem 2rem}.header-content h1{font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.header-content p{opacity:.85;margin-top:.25rem;font-size:.95rem}.app-main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.products-section{background:#fff;border-radius:8px;border:1px solid var(--dd-gray-200);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:baseline;gap:.75rem}.section-header h2{font-size:1.1rem;font-weight:600}.hint{font-size:.8rem;color:var(--dd-gray-400)}.entries-list{display:flex;flex-direction:column;gap:.75rem}.entry-card{border:1px solid var(--dd-gray-200);border-radius:6px;padding:1rem;background:var(--dd-gray-50)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.entry-number{font-size:.78rem;font-weight:600;color:var(--dd-purple);background:#632ca614;padding:.15rem .5rem;border-radius:999px}.btn-remove{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--dd-gray-400);padding:0 .2rem;line-height:1;transition:color .15s}.btn-remove:hover{color:var(--dd-error)}.entry-fields{display:grid;grid-template-columns:1fr 2fr;gap:1rem}@media(max-width:600px){.entry-fields{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.75rem;font-weight:600;color:var(--dd-gray-600);text-transform:uppercase;letter-spacing:.5px}.field-hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--dd-gray-400);font-size:.72rem}.field input[type=text]{padding:.5rem .75rem;border:1px solid var(--dd-gray-200);border-radius:5px;font-size:.9rem;background:#fff;color:var(--dd-gray-900);width:100%;transition:border-color .15s,box-shadow .15s}.field input[type=text]:focus{outline:none;border-color:var(--dd-purple);box-shadow:0 0 0 3px #632ca61f}.tag-input{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem .5rem;border:1px solid var(--dd-gray-200);border-radius:5px;background:#fff;cursor:text;min-height:38px;align-items:center;transition:border-color .15s,box-shadow .15s}.tag-input:focus-within{border-color:var(--dd-purple);box-shadow:0 0 0 3px #632ca61f}.tag{display:inline-flex;align-items:center;gap:.25rem;background:#632ca61a;color:var(--dd-purple-dark);padding:.15rem .45rem;border-radius:999px;font-size:.82rem;font-weight:500}.tag button{background:none;border:none;cursor:pointer;color:var(--dd-purple-dark);font-size:.95rem;line-height:1;padding:0;opacity:.6;transition:opacity .15s}.tag button:hover{opacity:1}.tag-input input{border:none;outline:none;font-size:.875rem;flex:1;min-width:140px;background:transparent;color:var(--dd-gray-900)}.btn-primary{background:var(--dd-purple);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:var(--dd-purple-light)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--dd-purple);border:1.5px solid var(--dd-purple);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;align-self:flex-start}.btn-secondary:hover{background:#632ca60d}.generate-btn{padding:.75rem 2rem;font-size:1rem;align-self:flex-start}.search-options{display:flex;align-items:center}.depth-toggle{display:flex;border:1.5px solid var(--dd-gray-200);border-radius:6px;overflow:hidden}.depth-btn{background:#fff;color:var(--dd-gray-600);border:none;border-right:1.5px solid var(--dd-gray-200);padding:.4rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.depth-btn:last-child{border-right:none}.depth-btn:hover:not(.active){background:#632ca60d;color:var(--dd-purple)}.depth-btn.active{background:var(--dd-purple);color:#fff;font-weight:600}.error-banner{background:#fef0f0;border:1px solid #F5C0C0;color:var(--dd-error);padding:.75rem 1rem;border-radius:6px;font-size:.9rem}.loading-state{display:flex;align-items:center;gap:.75rem;color:var(--dd-gray-600);font-size:.9rem;padding:1rem 1.25rem;background:#fff;border-radius:8px;border:1px solid var(--dd-gray-200)}.spinner{width:18px;height:18px;border:2px solid var(--dd-gray-200);border-top-color:var(--dd-purple);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.category-filter{background:#fff;border-radius:8px;border:1px solid var(--dd-gray-200);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.filter-header{display:flex;align-items:center;gap:.75rem}.filter-header h2{font-size:1.1rem;font-weight:600;flex:1}.filter-actions{display:flex;gap:.5rem}.filter-actions .btn-secondary{padding:.3rem .7rem;font-size:.8rem}.filter-tree{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0;max-height:260px;overflow-y:auto;border:1px solid var(--dd-gray-100);border-radius:6px;padding:.35rem 0}.tree-node{display:flex;flex-direction:column}.tree-row{display:flex;align-items:center;gap:.1rem;padding:.15rem .5rem;border-radius:4px}.tree-row:hover{background:var(--dd-gray-50)}.tree-expand-btn{background:none;border:none;cursor:pointer;font-size:.65rem;color:var(--dd-gray-400);padding:0 .2rem;line-height:1;flex-shrink:0;transition:color .15s}.tree-expand-btn:hover{color:var(--dd-purple)}.filter-item{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.84rem;color:var(--dd-gray-900);flex:1;min-width:0}.filter-item input[type=checkbox]{accent-color:var(--dd-purple);cursor:pointer;width:13px;height:13px;flex-shrink:0}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-count{font-size:.72rem;color:var(--dd-gray-400);background:var(--dd-gray-100);padding:.05rem .35rem;border-radius:999px;flex-shrink:0}.results-section{background:#fff;border-radius:8px;border:1px solid var(--dd-gray-200);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.results-header h2{font-size:1.1rem;font-weight:600}.results-meta{font-size:.83rem;color:var(--dd-gray-400);margin-top:.2rem}.results-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.export-btn{font-size:.875rem;padding:.55rem 1.1rem}.table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid var(--dd-gray-200)}.results-table{width:100%;border-collapse:collapse;font-size:.875rem}.results-table th{background:var(--dd-gray-50);padding:.6rem .9rem;text-align:left;font-weight:600;font-size:.75rem;color:var(--dd-gray-600);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--dd-gray-200);white-space:nowrap}.results-table td{padding:.55rem .9rem;border-bottom:1px solid var(--dd-gray-100);vertical-align:top}.results-table tr:last-child td{border-bottom:none}.results-table tr:hover td{background:var(--dd-gray-50)}.results-table a{color:var(--dd-purple);text-decoration:none;word-break:break-all;font-size:.82rem}.results-table a:hover{text-decoration:underline}.product-badge{display:inline-block;background:#632ca614;color:var(--dd-purple-dark);padding:.15rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;white-space:nowrap}.availability-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.availability-preview{background:#ff95001f;color:#b85c00}.availability-beta{background:#007acc1a;color:#0057a3}.availability-private-beta{background:#632ca61a;color:var(--dd-purple-dark)}.availability-limited-availability{background:#ff3b301a;color:#c0392b}.empty-state{text-align:center;padding:2rem;color:var(--dd-gray-400);background:#fff;border-radius:8px;border:1px solid var(--dd-gray-200);font-size:.9rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dd-purple: #632CA6;--dd-purple-light: #7B4ABF;--dd-purple-dark: #4A1E80;--dd-gray-50: #F8F9FA;--dd-gray-100: #F0F1F3;--dd-gray-200: #E0E2E7;--dd-gray-400: #9BA3B2;--dd-gray-600: #5C6573;--dd-gray-900: #1A1E27;--dd-error: #D6001C;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--dd-gray-50);color:var(--dd-gray-900);line-height:1.5;min-height:100vh}
