:root{--bg:#eef1f6;--panel:#fff;--text:#1e293b;--muted:#64748b;--line:#e2e8f0;--accent:#3b82f6;--accent-2:#6366f1;--danger:#e5484d;--radius:14px;--shadow:0 1px 2px #0f172a0f, 0 8px 24px #0f172a0f;--surface:#fff;--surface-2:#f1f5f9;--surface-glass:#fffffff2;--accent-soft:#eff6ff;--accent-grad:var(--accent-grad);--accent-border:#bfdbfe;--slider-off:#cbd5e1;--warn-bg:#fef3c7;--warn-bg2:#fffbeb;--warn-fg:#92400e;--ok-bg:#ecfdf5;--ok-fg:#065f46;--tag-bg:#e0e7ff;--tag-fg:#3730a3;--danger-soft:#fee2e2;--canvas-bg:#fff;--canvas-dot:#cbd5e1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-ui=dark]{--bg:#0b1220;--panel:#111a2e;--text:#e2e8f0;--muted:#94a3b8;--line:#26334d;--accent:#5b9bff;--accent-2:#8b8cf8;--danger:#f2686d;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--surface:#17213a;--surface-2:#1d2946;--surface-glass:#111a2ef5;--accent-soft:#172a54;--accent-grad:linear-gradient(135deg, #172a54, #1f2150);--accent-border:#1e3a8a;--slider-off:#475569;--warn-bg:#3b2a06;--warn-bg2:#2c2008;--warn-fg:#fbbf24;--ok-bg:#052e1f;--ok-fg:#6ee7b7;--tag-bg:#2e2b6b;--tag-fg:#c7d2fe;--danger-soft:#3b1218;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-canvas=dark]{--canvas-bg:#0f172a;--canvas-dot:#2b3a57}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,Segoe UI,sans-serif;font-size:14px}#root{text-align:left;border:none;width:100%;max-width:none;margin:0;padding:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:4px 0 10px;font-size:12px}.app{grid-template-rows:auto 1fr auto;height:100%;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;padding:10px 18px;display:flex}.brand{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand-img{object-fit:contain;max-width:110px;height:32px}.topbar-group{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;display:flex}.segmented{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg{color:var(--muted);text-transform:none;letter-spacing:0;background:0 0;border:0;border-radius:8px;padding:5px 11px;font-weight:600;transition:all .15s}.seg:hover{color:var(--text)}.seg.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0f172a26}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text)}.switch input{display:none}.slider{background:var(--slider-off);border-radius:20px;width:36px;height:20px;transition:background .2s;position:relative}.slider:after{content:"";background:var(--surface)fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:after{transform:translate(16px)}.main{grid-template-columns:270px minmax(0,1fr) 310px;gap:14px;min-height:0;padding:14px;display:grid}.library,.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);min-height:0;padding:16px;overflow-y:auto}.canvas-wrap{border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--shadow);background-color:var(--canvas-bg);background-image:radial-gradient(var(--canvas-dot) 1.3px, transparent 1.3px);position:relative;overflow:hidden}.floating-summary{z-index:25;resize:both;background:var(--surface-glass);border:1px solid var(--line);border-radius:16px;width:min(420px,100vw - 32px);min-width:320px;max-width:calc(100vw - 32px);min-height:220px;max-height:calc(100vh - 80px);padding:14px;position:fixed;bottom:54px;right:330px;overflow:auto;box-shadow:0 18px 48px #0f172a38}.floating-summary-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.floating-summary-head strong{font-size:15px;display:block}.floating-summary-head small{color:var(--muted)}.floating-summary-head small:after{content:" · Arrastra la esquina para cambiar tamaño"}.summary-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:24px;line-height:1}.summary-close:hover{color:var(--danger)}.summary-price{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:9px 10px;font-size:12px;display:flex}.summary-price input{border:1px solid var(--line);background:var(--surface);text-align:right;border-radius:8px;width:104px;padding:6px 8px}.summary-rows{gap:7px;display:grid}.summary-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.summary-row summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;list-style:none;display:flex}.summary-row summary::-webkit-details-marker{display:none}.summary-row summary>span{min-width:0}.summary-row summary .summary-tools{flex-shrink:0;align-items:center;gap:6px;display:flex}.summary-row summary .summary-tools strong{display:inline;overflow:visible}.summary-buy{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:10px}.summary-buy summary{cursor:pointer;justify-content:space-between;align-items:center;padding:9px 10px;list-style:none;display:flex}.summary-buy summary::-webkit-details-marker{display:none}.summary-buy ul{gap:6px;margin:0;padding:0 10px 10px;font-size:12px;list-style:none;display:grid}.summary-buy li small{color:var(--muted);display:block}.summary-copy{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:3px 9px;font-size:12px}.summary-quote{width:100%;margin-top:10px}.sides-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.side-pick{flex-direction:column;gap:2px;display:flex}.side-pick small{color:var(--muted)}.side-pick select{width:100%}.summary-color{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:22px;height:22px;padding:0}.summary-reset{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px}.summary-row summary strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.summary-row summary small{color:var(--muted);margin-top:2px;display:block}.summary-row[style*=color] summary small{color:inherit;opacity:.75}.summary-details{color:var(--muted);gap:4px;padding:0 10px 9px 24px;font-size:11px;line-height:1.35;display:grid}.summary-total{background:var(--accent-grad);border:1px solid var(--accent-border);border-radius:12px;margin-top:12px;overflow:hidden}.summary-total div{border-bottom:1px solid #bfdbfecc;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.summary-total div:last-child{border-bottom:0;font-size:16px}.summary-total span{color:var(--muted)}.card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:12px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f62e}.card-icon{background:var(--accent-soft);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.card strong{display:block}.card small{color:var(--muted)}.card-group{margin-bottom:10px}.card-group .card{margin-bottom:6px}.chips{flex-wrap:wrap;gap:6px;display:flex}.protection-options{gap:8px;padding:0 2px 4px;display:grid}.mini-field{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.mini-field select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 8px}.material-references{border:1px solid var(--line);border-radius:10px;margin:12px 0 16px;padding:8px}.material-references summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}.material-photo-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:8px;display:grid}.material-photo-grid img{aspect-ratio:1/1.2;object-fit:cover;border:1px solid var(--line);border-radius:6px;width:100%}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;transition:all .12s}.chip:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tree{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tree-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;width:100%;padding:7px 8px;display:flex}.tree-item:hover{background:var(--surface-2)}.tree-item.active{background:var(--accent-soft);border-color:var(--accent-border)}.tree-item.nested{width:calc(100% - 18px);margin-left:18px}.dot{border:1px solid #0003;border-radius:50%;flex:none;width:10px;height:10px}.tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-weight{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:6px 2px;font-size:13px}.panel-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-head .card-icon{width:36px;height:36px}.panel-head h3{margin:0;font-size:16px}.panel-head small{color:var(--muted)}.fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.field.full{grid-column:1/-1}.field input,.field select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;outline:none;min-width:0;padding:7px 9px;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}.stats{border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:hidden}.stat{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:8px 12px;font-size:13px;display:flex}.stat:last-child{border-bottom:0}.stat span{color:var(--muted)}.stat.total{background:var(--accent-grad);font-size:15px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font-weight:600;transition:all .12s}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border:0}.btn.primary:hover:not(:disabled){color:#fff;filter:brightness(1.08)}.btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn-row{gap:8px;margin-top:12px;display:flex}.btn-row .btn{flex:1}.tips{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.7}.zoom-controls{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;right:14px}.zoom-controls button{background:0 0;border:0;border-radius:8px;min-width:30px;height:30px;padding:0 8px;font-weight:700}.zoom-controls button:hover{background:var(--surface-2)}.zoom-controls span{text-align:center;min-width:46px;color:var(--muted);font-size:12px}.canvas-hint{pointer-events:none;color:var(--muted);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.legend{background:var(--surface-glass);border:1px solid var(--line);border-radius:10px;gap:12px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:14px;left:14px}.legend i{vertical-align:middle;border-radius:2px;width:12px;height:3px;margin-right:5px;display:inline-block}.statusbar{background:var(--panel);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:22px;padding:8px 18px;font-size:12px;display:flex}.statusbar strong{color:var(--text)}.statusbar .status{margin-left:auto}.project-group{align-items:center;gap:6px;display:flex;position:relative}.project-status{color:var(--muted);font-size:11px}.project-menu{background:var(--surface);border:1px solid var(--line);min-width:160px;box-shadow:var(--shadow);z-index:30;border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.project-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:13px}.project-menu button:hover{background:var(--accent-soft)}.project-menu button.danger:hover{background:var(--danger-soft);color:var(--danger)}@media (width<=1100px){.app{height:auto}.main{grid-template-columns:1fr}.canvas-wrap{min-height:520px}.floating-summary{bottom:54px;right:16px}}.seg:disabled{opacity:.35;cursor:not-allowed}.seg-label{text-align:center;min-width:28px;color:var(--text);text-transform:none;letter-spacing:0;align-self:center;font-weight:700}.segmented.wide{display:flex}.segmented.wide .seg{flex:1}.mini-select{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:5px 8px}.rot-buttons{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.field input[type=range]{accent-color:var(--accent);padding:0}.group-box{background:#f8fbff;border:1px dashed #bfdbfe;border-radius:12px;margin-bottom:14px;padding:12px;font-size:13px}.group-box p{margin:0 0 8px}.group-box .btn-row{margin-top:8px}.color-control{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-control input[type=color]{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:7px;width:38px;height:30px;padding:2px}.color-control code{color:var(--muted);font-size:12px}.dimension-controls{grid-column:1/-1;gap:7px;display:grid}.dimension-controls strong{color:var(--text)}.dimension-controls small{color:var(--muted)}.arrow-pad{grid-template-columns:repeat(3,36px);justify-content:center;gap:5px;display:grid}.arrow-pad .chip{min-height:30px;padding:3px 8px}.layer-controls{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.layer-controls>span{width:100%;color:var(--text);font-weight:700}.muted-note{color:var(--muted);font-size:12px;line-height:1.5}.tag{text-transform:uppercase;letter-spacing:.05em;color:#15803d;background:#dcfce7;border-radius:6px;padding:1px 6px;font-size:10px}.modal-back{z-index:50;background:#0f172a73;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:min(520px,92vw);padding:22px 24px;box-shadow:0 20px 60px #0f172a59}.modal h3{margin:0 0 12px}.modal table{border-collapse:collapse;width:100%}.modal td{border-bottom:1px solid var(--line);padding:6px 4px;font-size:13px}.kbd{background:var(--surface-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-family:ui-monospace,Consolas,monospace;font-size:12px;display:inline-block}.field textarea{border:1px solid var(--line);background:var(--surface);color:var(--text);resize:vertical;font:inherit;border-radius:9px;outline:none;padding:7px 9px}.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}.field.check,.check{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:13px;display:flex}.field.check input,.check input{width:auto}.settings-modal,.quote-modal{width:min(820px,94vw);max-height:90vh;overflow-y:auto}.quote-modal{width:min(640px,94vw)}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h3{margin:0 0 6px}.settings-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin:4px 0 14px;display:flex}.settings-tab{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:8px 12px;font-weight:600}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-body h4,.quote-modal h4{margin:16px 0 6px;font-size:13px}.logo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.logo-preview{object-fit:contain;border:1px solid var(--line);background:var(--surface);border-radius:8px;max-width:160px;max-height:64px;padding:4px}.logo-preview.empty{width:110px;height:56px;color:var(--muted);place-items:center;font-size:12px;display:grid}.about-table td{vertical-align:top}.about-table td:first-child{color:var(--muted);width:38%}.link{color:var(--accent);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.cat-tools{gap:8px;margin-bottom:10px;display:flex}.cat-search{border:1px solid var(--line);border-radius:9px;flex:1;padding:8px 10px}.cat-scroll{border:1px solid var(--line);border-radius:10px;max-height:48vh;overflow:auto}.cat-table{border-collapse:collapse;width:100%;font-size:12.5px}.cat-table th{background:var(--surface-2);text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:7px 8px;font-size:11px;position:sticky;top:0}.cat-table td{border-bottom:1px solid var(--line);padding:5px 8px}.cat-table td small{color:var(--muted);margin-left:4px}.cat-name{min-width:220px}.cat-num{border:1px solid var(--line);border-radius:7px;width:78px;padding:4px 6px}.cat-changed{background:var(--surface)beb}.cat-tag{background:var(--tag-bg);color:var(--tag-fg);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px}.cat-tag.warn{background:var(--warn-bg);color:var(--warn-fg)}.cat-act{white-space:nowrap}.cat-act .btn{padding:3px 8px}.cat-add{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin-bottom:10px;padding:12px}.backup-status{background:var(--ok-bg);color:var(--ok-fg);border-radius:10px;margin:6px 0;padding:9px 12px;font-size:13px}.backup-status.warn{background:var(--warn-bg);color:var(--warn-fg)}.backup-toast{color:#fff;background:#1e293b;border-radius:10px;margin-top:10px;padding:9px 12px;font-size:13px;position:sticky;bottom:0}.snap-list{gap:6px;max-height:260px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.snap-list li{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.snap-list small{color:var(--muted);display:block}.snap-act{gap:6px;display:flex}.snap-act .btn{padding:4px 9px}.backup-banner{color:var(--warn-fg);align-items:center;gap:8px;display:inline-flex}.backup-banner button{background:var(--surface)beb;border:1px solid #f59e0b;border-radius:8px;padding:2px 9px;font-size:12px}.quote-warn{background:var(--warn-bg);color:var(--warn-fg);border-radius:10px;margin:0 0 10px;padding:8px 12px;font-size:13px}.quote-line{grid-template-columns:1fr 130px auto;gap:8px;margin:6px 0;display:grid}.quote-line.fixed{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto;padding:8px 10px;font-size:13px}.quote-line input{border:1px solid var(--line);border-radius:9px;min-width:0;padding:7px 9px}.quote-opts{gap:6px;margin:12px 0;display:grid}.layout-pick{flex-wrap:wrap;margin-left:24px}.layout-pick select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 8px}.quote-total{border:1px solid var(--accent-border);background:var(--accent-grad);border-radius:12px;margin:12px 0}.quote-total div{border-bottom:1px solid #bfdbfecc;justify-content:space-between;padding:8px 12px;display:flex}.quote-total div:last-child{border-bottom:0}.quote-total .big{font-size:17px;font-weight:700}.asst{z-index:60;pointer-events:none;position:fixed}.asst>*{pointer-events:auto}.asst-fab{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 10px #0f172a40);background:0 0;border:0;padding:0;transition:transform .15s;display:block;position:relative}.asst-fab:hover{transform:scale(1.06)}.asst.dragging .asst-fab{cursor:grabbing;transition:none;transform:scale(1.1)}.asst-fab:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:16px}.asst-hello{white-space:nowrap;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px 14px 14px 4px;padding:7px 11px;font-size:13px;animation:.3s both asst-pop;position:absolute;top:6px;left:calc(100% - 6px)}.mascot{display:block;overflow:visible}.mascot .m-body{transform-origin:60px 120px;animation:3.2s ease-in-out infinite asst-bob}.mascot .m-shadow{transform-origin:60px 126px;animation:3.2s ease-in-out infinite asst-shadow}.mascot .m-eye{transform-box:fill-box;transform-origin:50%;animation:4.5s infinite asst-blink}.mascot .m-wave{transform-origin:86px 88px;transform-box:view-box}.asst-fab:hover .m-wave,.mascot.mood-talking .m-wave{animation:.7s ease-in-out infinite asst-wave}.mascot .m-mouth,.mascot.mood-talking .m-smile{opacity:0}.mascot.mood-talking .m-mouth{opacity:1;transform-box:fill-box;transform-origin:50%;animation:.28s ease-in-out infinite alternate asst-talk}.mascot .m-dots{opacity:0}.mascot.mood-thinking .m-dots{opacity:1}.mascot.mood-thinking .m-dots circle{animation:1s ease-in-out infinite asst-dot}.mascot.mood-thinking .m-dots circle:nth-child(2){animation-delay:.15s}.mascot.mood-thinking .m-dots circle:nth-child(3){animation-delay:.3s}@keyframes asst-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes asst-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.9)}}@keyframes asst-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes asst-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}@keyframes asst-talk{0%{transform:scaleY(1)}to{transform:scaleY(5)}}@keyframes asst-dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes asst-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mascot *,.asst-hello{animation:none!important}}.asst-hello.to-left{left:auto;right:calc(100% - 6px)}.asst-win{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;animation:.2s both asst-pop;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 40px #0f172a38}.asst-head{color:#3b2a00;background:linear-gradient(135deg,#ffc928,#f5a300);align-items:center;gap:8px;padding:10px 12px;display:flex}.asst-head strong{flex:1;font-size:14px}.asst-head small{opacity:.8;font-size:11px;font-weight:500;display:block}.asst-icon{color:inherit;cursor:pointer;background:#fff6;border:0;border-radius:8px;width:28px;height:28px;font-size:14px}.asst-icon:hover{background:#ffffffb3}.asst-msgs{background:var(--bg);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.asst-msg{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:88%;padding:8px 11px;font-size:13px;line-height:1.45}.asst-msg.bot{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.asst-msg.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.asst-msg.err{border-color:var(--danger);color:var(--danger)}.asst-chips{background:var(--panel);flex-wrap:wrap;gap:6px;padding:8px 12px 0;display:flex}.asst-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text);border-radius:999px;padding:4px 10px;font-size:12px}.asst-chip:hover{border-color:var(--accent);color:var(--accent)}.asst-form{background:var(--panel);gap:6px;padding:10px 12px 12px;display:flex}.asst-form input{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-size:13px}.asst-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.asst-send{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:0 14px;font-weight:600}.asst-send:disabled{opacity:.5;cursor:default}