.hidden{display:none!important}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f6;--bg-hover: #e4e9f0;--bg-active: #d8e0ea;--bg-card: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-muted: rgba(37, 99, 235, .1);--accent-glow: rgba(37, 99, 235, .25);--success: #059669;--warning: #d97706;--danger: #dc2626;--price-bg: rgba(5, 150, 105, .12);--price-text: #047857;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--border: #e2e6ed;--border-light: #c7cedb;--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--shadow: 0 4px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 40px rgba(15, 23, 42, .14);--top-bar-h: 52px;--status-bar-h: 32px;--left-panel-w: 338px;--right-panel-w: 280px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font);font-size:13px;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#top-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:var(--top-bar-h);padding:0 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:1000}.top-left,.top-right{display:flex;align-items:center;gap:8px}.top-right{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.top-right>*{flex-shrink:0}.tool-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .15s}.tool-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.separator{width:1px;height:24px;background:var(--border);margin:0 4px}.project-title{font-size:14px;font-weight:500;color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color .2s}.project-title:hover{border-color:var(--border-light)}.project-title:focus{border-color:var(--accent);outline:none}#main-nav{display:flex;gap:2px;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius)}.nav-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s}.nav-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-btn.active{color:var(--text-primary);background:var(--accent);box-shadow:0 2px 8px #4f8cff40}.price-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--price-bg);color:var(--price-text);border-radius:20px;font-weight:600;font-size:14px;border:1px solid rgba(52,211,153,.2);-webkit-user-select:none;user-select:none}.price-badge.calc-btn{background:linear-gradient(135deg,var(--accent),#1d4ed8);color:#fff;border-color:var(--accent);cursor:pointer;box-shadow:0 2px 8px #2563eb4d;transition:all .2s}.price-badge.calc-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb73}.action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);transition:all .2s}.action-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.primary:hover{background:var(--accent-hover)}#app{display:flex;height:calc(100vh - var(--top-bar-h) - var(--status-bar-h))}#left-panel{width:var(--left-panel-w);min-width:var(--left-panel-w);background:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;padding:16px 14px}.panel-content{display:none}.panel-content.active{display:block}.panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px}.config-group{margin-bottom:14px}.config-group label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:5px}.config-group input[type=number],.config-group select,#panel-kitchen select{width:100%;padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;transition:border-color .2s}.config-group input:hover,.config-group select:hover{border-color:var(--border-light)}.config-group input:focus,.config-group select:focus{border-color:var(--accent);outline:none}select option{background:var(--bg-secondary)}.room-templates{display:flex;gap:8px;margin-bottom:16px}.room-tpl{flex:1;aspect-ratio:1.5;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);padding:6px;transition:all .2s;color:var(--text-secondary)}.room-tpl svg{width:100%;height:100%}.room-tpl:hover{border-color:var(--border-light);color:var(--text-primary)}.room-tpl.active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-weight:600;font-size:13px;border-radius:var(--radius);border:none;transition:all .2s;box-shadow:0 2px 10px #4f8cff40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4f8cff59}.full-width{width:100%}.openings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opening-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);transition:all .2s}.opening-btn svg{width:32px;height:32px}.opening-btn span{font-size:11px}.opening-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.color-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.swatch{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all .15s;position:relative}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.swatch:after{content:attr(data-name);position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:9px;color:var(--text-muted);white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}.swatch:hover:after{opacity:1}.separator-line{height:1px;background:var(--border);margin:16px 0}.hint-text{font-size:12px;color:var(--text-muted);margin-bottom:12px}#canvas-container{flex:1;position:relative;overflow:hidden;background:var(--bg-primary)}#three-canvas{width:100%;height:100%;display:block}#view-controls{position:absolute;top:12px;left:12px;display:flex;gap:2px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:3px;box-shadow:var(--shadow)}.view-btn{padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-secondary);transition:all .2s}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--accent);color:#fff}#zoom-controls{position:absolute;bottom:16px;left:12px;display:flex;flex-direction:column;gap:2px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:3px;box-shadow:var(--shadow)}.zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);font-size:18px;font-weight:300;color:var(--text-secondary);transition:all .15s}.zoom-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.selection-info{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 18px;background:#12161ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #00000059;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;max-width:95vw}.selection-info.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(12px)}.sel-info-header{display:flex;align-items:center;gap:12px;font-size:13px}#sel-name{font-weight:600;color:#3b82f6}#sel-dims{color:var(--text-secondary);font-size:11px}.sel-tools-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.sel-tool-section{display:flex;align-items:center;gap:4px;background:#ffffff0a;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.sel-tool-label{font-size:11px;font-weight:500;color:#94a3b8;margin-right:2px}.sel-btn{display:flex;align-items:center;justify-content:center;padding:0 8px;height:26px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;border:1px solid transparent}.sel-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#3b82f680}.sel-btn.danger{color:#f87171}.sel-btn.danger:hover{background:#f8717133;color:#ef4444;border-color:#ef444480}.sel-num-input{width:52px;height:26px;background:#0f172a;border:1px solid #334155;border-radius:4px;color:#f8fafc;text-align:center;font-size:11px;font-weight:600}.sel-num-input:focus{border-color:#3b82f6;outline:none}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f1117bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;transition:opacity .3s}.wizard-overlay.hidden{opacity:0;pointer-events:none}.wizard-card{text-align:center;padding:48px 56px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px}.wizard-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--accent-muted);color:var(--accent);margin-bottom:20px}.wizard-card h2{font-size:22px;font-weight:700;margin-bottom:10px}.wizard-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}#right-panel{width:var(--right-panel-w);min-width:var(--right-panel-w);background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column}.panel-header{padding:14px 14px 10px}.search-box{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:10px;color:var(--text-muted);transition:border-color .2s}.search-box:focus-within{border-color:var(--accent)}.search-box input{flex:1;background:transparent;border:none;outline:none;font-size:12px}.cabinet-tabs{display:flex;padding:0 14px;gap:2px;border-bottom:1px solid var(--border)}.cab-tab{padding:8px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .2s}.cab-tab:hover{color:var(--text-secondary)}.cab-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.cabinet-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.cab-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.cab-item:hover{border-color:var(--accent);background:var(--accent-muted);transform:translateY(-2px);box-shadow:0 4px 12px #4f8cff26}.cab-item.active{border-color:var(--accent);background:var(--accent-muted);box-shadow:0 0 0 2px var(--accent-glow)}.cab-preview{width:80px;height:70px;margin-bottom:6px;display:flex;align-items:center;justify-content:center}.cab-preview canvas{max-width:100%;max-height:100%}.cab-code{font-size:11px;font-weight:600;color:var(--text-primary);text-align:center}.cab-dims{font-size:10px;color:var(--text-muted);margin-top:2px}.cab-price{font-size:11px;color:var(--price-text);font-weight:600;margin-top:4px}.catalog-items{display:flex;flex-direction:column;gap:6px}.appliance-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.appliance-item:hover{border-color:var(--accent);background:var(--accent-muted)}.appliance-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.appliance-name{font-size:12px;font-weight:500}.appliance-price{font-size:11px;color:var(--price-text);margin-left:auto}#status-bar{display:flex;align-items:center;justify-content:space-between;height:var(--status-bar-h);padding:0 16px;background:var(--bg-tertiary);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.status-left{display:flex;align-items:center;gap:8px}.status-sep{color:var(--border)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cab-item{animation:fadeIn .3s ease both}.cab-item:nth-child(2){animation-delay:.03s}.cab-item:nth-child(3){animation-delay:.06s}.cab-item:nth-child(4){animation-delay:.09s}.cab-item:nth-child(5){animation-delay:.12s}.cab-item:nth-child(6){animation-delay:.15s}@media(max-width:1200px){:root{--left-panel-w: 286px;--right-panel-w: 240px}}@media(max-width:900px){:root{--left-panel-w: 260px;--right-panel-w: 0px}#right-panel{display:none}#main-nav .nav-btn span,#main-nav .nav-btn{font-size:12px}.action-btn{padding:6px 10px;font-size:12px}}@media(max-width:700px){:root{--top-bar-h: auto}#top-bar{flex-wrap:wrap;gap:6px;padding:8px}#main-nav{order:3;width:100%;overflow-x:auto}.top-right{flex-wrap:wrap}#app{flex-direction:column;height:auto;min-height:0}#left-panel{position:fixed;left:0;right:0;bottom:var(--status-bar-h, 32px);top:auto;width:100%;max-height:38vh;overflow-y:auto;border-right:none;border-top:1px solid var(--border);z-index:900}#canvas-container{flex:none;height:52vh;min-height:260px}.project-title,.status-sep,#status-area{display:none}.action-btn{font-size:0;gap:0;padding:8px}.action-btn svg{font-size:initial}.top-right{flex-wrap:nowrap;overflow-x:auto}#price-badge{font-size:12px;padding:4px 8px}.tool-btn,.action-btn,.cab-item,.appliance-item,.swatch{min-height:40px}.swatch{min-width:40px}}.dim-page{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}.dim-main{flex:1;display:flex;flex-direction:column;padding:16px 20px 24px;overflow:hidden;min-height:0}.dim-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px;flex-shrink:0}.dim-toolbar input[type=search]{flex:1;min-width:220px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:13px}.dim-toolbar select{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:13px}.dim-count{color:var(--text-muted);font-size:12px}.dim-hint{margin:0 0 14px;color:var(--text-secondary);font-size:12.5px;line-height:1.6;max-width:90ch;flex-shrink:0}.dim-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.dim-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.dim-table th{position:sticky;top:0;background:#1e293b;color:#fff;text-align:left;padding:12px 10px;font-weight:600;border-bottom:2px solid #334155;white-space:nowrap;z-index:100;box-shadow:0 1px #334155}.dim-table th.num,.dim-table td.num{text-align:right}.dim-table td{padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.dim-table tr:hover td{background:var(--bg-hover)}.dim-code{font-weight:600;white-space:nowrap}.dim-sku{display:block;font-weight:400;font-size:10.5px;color:var(--text-muted)}.dim-name{color:var(--text-secondary);min-width:240px;text-align:left}.dim-name input{text-align:left!important}.dim-input,.dim-note,.dim-select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit}.dim-input{width:84px;text-align:right}.dim-note{width:100%;min-width:120px}.dim-input.changed,.dim-select.changed{border-color:var(--accent);background:var(--accent-muted);font-weight:600}.dim-was{display:block;font-size:10.5px;color:var(--text-muted);text-decoration:line-through;margin-top:2px}.row-changed td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.row-suspect .dim-name{color:var(--warning)}.dim-flag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#d9770624;color:var(--warning);font-size:10.5px;font-weight:600}.dim-reset{padding:5px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:11.5px;cursor:pointer;white-space:nowrap}.dim-reset:hover{border-color:var(--danger);color:var(--danger)}.price-badge.ok{color:var(--price-text)}.price-badge.warn{color:var(--warning)}.price-badge.error{color:var(--danger)}@media(max-width:700px){.dim-main{padding:12px}.dim-name{min-width:160px}.dim-input{width:70px}}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ai-label{font-size:12px;color:var(--text-muted);margin-bottom:6px}.ai-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary)}.ai-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;text-align:center;padding:12px}.ai-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:16px}.ai-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.ai-field-wide{flex:1;min-width:200px}.ai-field select,.ai-field input{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit}.ai-note{margin:14px 0 0;font-size:11.5px;color:var(--text-muted);line-height:1.6}.ai-spin{animation:ai-pulse 1.2s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:.45}50%{opacity:1}}@media(max-width:700px){.ai-grid{grid-template-columns:1fr}}.dim-photo{width:64px;padding:4px 6px!important}.dim-photo img{width:54px;height:54px;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;display:block}.dim-nophoto{color:var(--text-muted);font-size:11px}.collection-select{width:100%;padding:8px 10px;margin-bottom:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit}.collection-info{font-size:11px;color:var(--text-muted);line-height:1.5;margin-bottom:10px}.collection-gallery{position:relative;margin-bottom:14px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-tertiary)}.collection-gallery.hidden{display:none}.collection-photo{display:block;width:100%;height:150px;object-fit:cover;cursor:zoom-in}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#1118278c;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s}.gallery-nav:hover{background:#111827cc}.gallery-nav.prev{left:6px}.gallery-nav.next{right:6px}.gallery-nav.hidden{display:none}.gallery-zoom{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:var(--radius-sm);background:#1118278c;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s}.gallery-zoom:hover{background:#111827cc}.gallery-dots{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:4px}.gallery-dot{width:5px;height:5px;border-radius:50%;background:#ffffff8c;cursor:pointer}.gallery-dot.active{background:#fff;width:14px;border-radius:3px}.hint-note{font-size:10.5px;color:var(--text-muted);line-height:1.5;margin:-2px 0 8px;font-style:italic}.hint-note.hidden{display:none}.cab-tip{position:fixed;width:280px;z-index:1200;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:12px 14px;pointer-events:none;font-size:12px;line-height:1.55;color:var(--text-secondary)}.cab-tip.hidden{display:none}.cab-tip-head{font-weight:700;font-size:13px;color:var(--text-primary)}.cab-tip-sub{color:var(--text-muted);margin-bottom:8px}.cab-tip ul{margin:0;padding-left:16px}.cab-tip li{margin-bottom:3px}.ai-check{flex-direction:row;align-items:center;gap:6px;white-space:nowrap}.ai-check input{width:16px;height:16px}.proj-list{max-height:50vh;overflow-y:auto}.proj-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border)}.proj-row:last-child{border-bottom:none}.proj-main{flex:1;min-width:0}.proj-name{font-weight:600;font-size:13.5px;color:var(--text-primary)}.proj-meta{font-size:11.5px;color:var(--text-muted)}.proj-btn{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap}.proj-btn.primary{border-color:var(--accent);color:var(--accent);font-weight:600}.proj-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.proj-empty{color:var(--text-muted);font-size:13px;padding:18px 4px;text-align:center}.gate-card{max-width:420px;text-align:left;padding:28px}.gate-title{font-size:19px;margin:0 0 6px;color:var(--text-primary)}.gate-sub{margin:0 0 20px;font-size:13px;color:var(--text-secondary);line-height:1.6}.gate-form{display:flex;flex-direction:column;gap:12px}.gate-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-secondary)}.gate-field input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit}.gate-field input:focus{outline:none;border-color:var(--accent)}.gate-field input.bad{border-color:var(--danger)}.gate-submit{justify-content:center;margin-top:4px;padding:11px;font-size:14px}.gate-error{padding:9px 11px;border-radius:var(--radius-sm);background:#dc26261a;color:var(--danger);font-size:12.5px}.gate-error.hidden{display:none}.gate-note{margin:6px 0 0;font-size:11px;color:var(--text-muted);line-height:1.55}.guide-card{max-width:960px;width:95%;max-height:90vh;display:flex;flex-direction:column}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;overflow-y:auto;max-height:58vh;padding:2px}.guide-grid-card{background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius, 8px);padding:14px;display:flex;flex-direction:column;transition:all .2s ease;position:relative}.guide-grid-card:hover{border-color:var(--accent);background:var(--bg-secondary, #ffffff);box-shadow:0 4px 14px #2563eb17;transform:translateY(-2px)}.guide-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.guide-card-badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--accent-muted);padding:2px 8px;border-radius:999px}.guide-card-title{font-size:13.5px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.guide-card-desc{font-size:12px;line-height:1.55;color:var(--text-secondary);margin:0}.guide-card-desc strong{color:var(--text-primary)}.guide-step-icon{width:36px;height:36px;border-radius:var(--radius-sm, 6px);background:var(--accent-muted);color:var(--accent);display:flex;align-items:center;justify-content:center}@media(max-width:820px){.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.guide-grid{grid-template-columns:1fr}}.chat-toggle-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:1000;transition:background .15s,transform .15s}.chat-toggle-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.chat-toggle-btn.hidden{display:none}.chat-widget{position:fixed;bottom:92px;right:24px;width:360px;max-width:calc(100vw - 32px);height:480px;max-height:calc(100vh - 120px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:1000}.chat-widget.hidden{display:none}.chat-header{background:var(--text-primary);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:10px}.chat-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.chat-header-title{font-weight:700;font-size:13.5px}.chat-header-status{font-size:11px;opacity:.75}.chat-header .tool-btn{color:#fffc}.chat-header .tool-btn:hover{color:#fff;background:#ffffff1a}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-msg{max-width:85%;padding:9px 13px;border-radius:16px;font-size:13px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.chat-msg.assistant{align-self:flex-start;background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-msg.typing{color:var(--text-muted);letter-spacing:3px}.chat-input-area{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0}.chat-input-area input{flex:1;border:1px solid var(--border);border-radius:20px;padding:9px 14px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.chat-input-area input:focus{border-color:var(--accent)}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.5;cursor:default}