*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--border:#2e3248;--accent:#6c8cf4;--accent-h:#8aa4ff;--text:#e2e6f0;--muted:#7a82a0;--success:#4caf82;--danger:#e05c5c;--radius:8px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif}body{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface);padding:1rem 1.5rem}.app-header h1{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.tab-bar{background:var(--surface);border-bottom:1px solid var(--border);gap:2px;padding:.5rem 1.5rem 0;display:flex}.tab-btn{border-radius:var(--radius) var(--radius) 0 0;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.5rem 1.25rem;font-size:.9rem;transition:color .15s,background .15s}.tab-btn:hover{color:var(--text);background:var(--border)}.tab-btn--active{color:var(--accent);background:var(--bg);border:1px solid var(--border);border-bottom-color:var(--bg);margin-bottom:-1px}.app-main{flex:1;width:100%;max-width:700px;margin:0 auto;padding:1.5rem}.tab-content{flex-direction:column;gap:1rem;display:flex}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;min-height:180px;color:var(--muted);justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.drop-zone:hover{border-color:var(--accent);background:#1e2136}.drop-zone--has-image{border-style:solid;border-color:var(--border)}.image-preview{object-fit:contain;max-width:100%;max-height:300px;display:block}.prompt-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.prompt-input:focus{border-color:var(--accent);outline:none}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-h)}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--download{background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:.85rem}.btn--download:hover{border-color:var(--accent);color:var(--accent)}.status{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.status--queued{color:#8fa3f5;background:#2b3060}.status--running{color:#6bbfff;background:#2b4560}.status--completed{color:var(--success);background:#1e3d30}.status--failed{color:var(--danger);background:#3d1e1e}.job-status{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.job-error{color:var(--danger);margin-top:.25rem;font-size:.875rem}.mesh-stats{color:var(--muted);gap:1rem;font-size:.8rem;list-style:none;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.download-panel{flex-direction:column;gap:.5rem;display:flex}.download-panel h3{color:var(--muted);font-size:.9rem}.download-btns{flex-wrap:wrap;gap:.5rem;display:flex}.history-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=540px){.history-layout{grid-template-columns:1fr}}.job-list{flex-direction:column;gap:2px;list-style:none;display:flex}.job-row{border-radius:var(--radius);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .75rem;transition:background .12s;display:flex}.job-row:hover{background:var(--surface)}.job-row--active{background:var(--surface);outline:1px solid var(--accent)}.job-type{color:var(--muted);font-size:.8rem}.job-prompt{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;font-style:italic;overflow:hidden}.job-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.75rem}.job-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.job-detail h3{font-size:.95rem}.hint{color:var(--muted);font-size:.8rem}.facade-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.facade-row{grid-template-columns:1fr}}.facade-slot{flex-direction:column;gap:.35rem;display:flex}.facade-label{font-size:.85rem;font-weight:500}.facade-required{color:var(--danger)}.drop-zone--short{min-height:140px}.roof-picker{flex-direction:column;gap:.5rem;display:flex}.roof-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}@media (width<=480px){.roof-options{grid-template-columns:1fr}}.roof-option{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:.2rem;padding:.6rem .85rem;transition:border-color .15s,background .15s;display:flex}.roof-option:hover{border-color:var(--accent)}.roof-option--active{border-color:var(--accent);background:#1e2136}.roof-option-name{font-size:.875rem;font-weight:500}.blueprint-drop{flex-direction:column;gap:.5rem;min-height:260px}.blueprint-img{max-height:400px}.blueprint-placeholder{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;display:flex}.blueprint-icon{font-size:2.5rem}.bp-params{flex-direction:column;gap:1.25rem;display:flex}.bp-section{flex-direction:column;gap:.5rem;display:flex}.bp-scale-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}@media (width<=480px){.bp-scale-grid{grid-template-columns:1fr}}.bp-field{flex-direction:column;gap:.2rem;display:flex}.bp-field-label{color:var(--muted);font-size:.8rem}.bp-field-row{align-items:center;gap:.75rem;display:flex}.bp-slider{accent-color:var(--accent);cursor:pointer;flex:1}.bp-field-val{font-variant-numeric:tabular-nums;text-align:right;min-width:4rem;color:var(--text);font-size:.85rem}.bp-instructions{border-radius:var(--radius);background:#1a2340;border:1px solid #2e3a60;flex-direction:column;gap:.4rem;padding:.875rem 1rem;display:flex}.bp-instr-title{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.bp-instr-list{flex-direction:column;gap:.2rem;padding-left:1.25rem;font-size:.85rem;display:flex}.repair-drop{flex-direction:column;gap:.4rem;min-height:140px}.repair-placeholder,.repair-file-info{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:.3rem;display:flex}.repair-file-icon{font-size:2rem}.repair-file-name{color:var(--text);font-size:.95rem;font-weight:500}.repair-option{cursor:pointer;align-items:baseline;gap:.4rem;font-size:.875rem;display:flex}.repair-option input[type=checkbox]{accent-color:var(--accent)}.repair-stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1rem;display:flex}.stat-table{border-collapse:collapse;width:100%;font-size:.85rem}.stat-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.35rem;font-weight:500}.stat-table td{padding:.25rem .5rem .25rem 0}.stat-label{color:var(--muted);width:40%}.stat-before{color:var(--muted)}.stat-arrow{color:var(--border);padding:0 .25rem}.stat-after{font-weight:500}.stat-good{color:var(--success)}.stat-bad{color:var(--danger)}.diag-panel{border:1px solid var(--border);border-radius:var(--radius);background:#13161f;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-family:Courier New,Courier,monospace;font-size:.82rem;display:flex}.diag-table{border-collapse:collapse;width:100%}.diag-th-label{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.3rem;font-size:.78rem;font-weight:500}.diag-th-val{text-align:right;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.3rem;padding-left:.75rem;font-size:.78rem;font-weight:500}.diag-th-arrow{border-bottom:1px solid var(--border);width:1.5rem}.diag-label{color:var(--muted);padding:.18rem 0}.diag-val{text-align:right;color:var(--text);padding-left:.75rem;font-weight:500}.diag-arrow{text-align:center;color:var(--border);padding:0 .3rem}.diag-good{color:var(--success)}.diag-bad{color:var(--danger)}.diag-timing{color:var(--muted);border-top:1px solid var(--border);margin-top:.25rem;padding-top:.35rem;font-size:.78rem}.repair-log{margin-top:.25rem}.repair-list{color:var(--muted);flex-direction:column;gap:.15rem;padding-left:1.25rem;font-size:.8rem;display:flex}.repair-verdict{border-radius:var(--radius);padding:.4rem .75rem;font-size:.875rem;font-weight:500}.repair-verdict--pass{color:var(--success);background:#1e3d30}.repair-verdict--warn{color:#e0a04c;background:#3a2e1e}.repair-note{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:#1e2a40;padding:.4rem .6rem;font-size:.8rem}