:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8f0ec;background:#0f1a16;line-height:1.45;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(55,129,103,.22),transparent 26%),radial-gradient(circle at top right,rgba(241,189,71,.08),transparent 24%),#0f1a16}button,input,select,textarea{font:inherit}input,select,button,textarea{min-height:42px}textarea{resize:vertical}.page-shell{max-width:1480px;margin:0 auto;padding:24px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-size:cover;background-position:center}.login-card{width:min(460px,100%);padding:28px;display:flex;flex-direction:column;gap:10px;background:#f8fcf9f5;color:#163829}.login-brand{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.login-logo{width:min(220px,100%);height:auto}.login-badge{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#1e4c3d14;border:1px solid rgba(30,76,61,.12);color:#1e4c3d;font-size:.83rem;font-weight:700}.panel{background:#12251eeb;border:1px solid rgba(74,158,138,.16);border-radius:20px;box-shadow:0 20px 48px #020c0952}.topbar{padding:24px 28px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:linear-gradient(135deg,#0f2620f5,#1e4c3deb),#163829}.brand-block{display:flex;align-items:flex-start;gap:18px}.brand-logo{width:168px;height:auto;margin-top:2px}.topbar h1,.section-header h2{margin:0}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.77rem;font-weight:700;color:#7dc8ac}.subtitle,.muted,.help-text{color:#b6ccc2}.topbar-side{display:flex;gap:10px;flex-wrap:wrap}.controls-side{justify-content:flex-end;align-items:center}.status-pill,.instance-pill,.type-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.status-pill{background:#ffffff14;color:#f1f1f1}.success-pill{background:#00a7782e;color:#7fe3bf}.warning-pill{background:#f1bd472e;color:#ffd87d}.instance-pill{background:#3781672e;color:#8ee0bd}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.metric-card{background:#142a22eb;border-radius:18px;padding:16px 18px;border:1px solid rgba(74,158,138,.12);display:flex;flex-direction:column;gap:6px}.metric-card strong{font-size:1.8rem;color:#f4f8f6}.metric-card small{color:#9bb8ac}.metric-card.accent{background:linear-gradient(135deg,#1e4c3d,#378167);color:#fff}.metric-card.accent strong,.metric-card.accent small{color:#fff}.metric-card.success{background:linear-gradient(135deg,#133d30f5,#00a7783d)}.main-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.95fr);gap:18px}.main-column,.side-column{display:flex;flex-direction:column;gap:18px}.section-panel{padding:22px}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-card,.field-card,.prompt-card,.spec-card,.question-card,.result-summary-panel,.empty-builder-state,.preview-meta{border:1px solid rgba(74,158,138,.12);border-radius:16px;padding:14px 16px;background:#142a22d1}.info-card span,.field-meta span,.compact-list span,.spec-card span,.empty-builder-state span,.preview-meta span{color:#a8beb5;font-size:.9rem}.info-card strong,.compact-list strong{display:block;margin:4px 0}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input,.toolbar select,.prompt-card textarea,.prompt-card input{background:#081712e6;color:#f3f8f6;border:1px solid rgba(74,158,138,.18);border-radius:12px;padding:10px 12px}.toolbar input{flex:1}.field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.field-top code{display:block;margin-top:4px;font-size:.82rem;color:#8ab59f}.type-pill{background:#ffffff0f;color:#d9ebe3}.field-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px}.join-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#f1bd4729;color:#ffd77f!important;font-weight:700}.user-chip{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.09)}.user-chip span{color:#f1f1f1c7;font-size:.86rem}button{border:0;border-radius:12px;padding:10px 16px;background:linear-gradient(135deg,#378167,#2d6b56);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #0618133d}button:disabled{opacity:.6;cursor:default}.ghost-button,.secondary-button{background:#ffffff14;color:#eaf4ef}.active-option{background:linear-gradient(135deg,#378167,#1e4c3d);color:#fff}.error-box{border-radius:14px;padding:12px 14px;background:#8f342b26;border:1px solid rgba(228,116,99,.26);color:#ffb7ad}.floating-error{margin-bottom:16px}.compact-list,.bullet-list{margin:0;padding-left:18px}.compact-list li,.bullet-list li{margin-bottom:10px}.compact-list{list-style:none;padding-left:0}.compact-list li{border-bottom:1px solid rgba(24,54,86,.07);padding-bottom:10px}.compact-list li:last-child{border-bottom:0;padding-bottom:0}.inline-list li{margin-bottom:8px}.screen-state{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-size:1.05rem}.error-state{color:#8b2c2c}.builder-stack,.builder-result-stack,.question-stack,.preview-stack{display:flex;flex-direction:column;gap:14px}.model-explorer-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.6fr);gap:14px}.model-list-wrap,.model-detail-wrap{display:flex;flex-direction:column;gap:12px}.model-list-header{font-size:.92rem}.model-list{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow:auto}.model-pill{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;background:#142a22eb;color:#e6f0eb;border:1px solid rgba(74,158,138,.1)}.model-pill span{font-size:.82rem;color:#9db7ac}.active-model-pill{background:linear-gradient(135deg,#1e4c3d,#378167);color:#fff}.active-model-pill span{color:#ffffffd1}.field-top-main{display:flex;gap:10px;align-items:flex-start}.checkbox-inline{display:inline-flex;align-items:center;justify-content:center;min-height:24px}.checkbox-inline input{min-height:auto;width:16px;height:16px}.mini-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.single-column-list{grid-template-columns:1fr}.prompt-card{display:flex;flex-direction:column;gap:12px}.prompt-label,.spec-label{font-weight:700;color:#294861}.prompt-card textarea{min-height:118px}.builder-actions,.question-options{display:flex;gap:10px;flex-wrap:wrap}.top-gap{margin-top:12px}.active-filter-list{display:flex;flex-direction:column;gap:8px}.active-filter-chip{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(74,158,138,.12)}.hint-strip{display:flex;flex-wrap:wrap;gap:10px}.compact-strip{margin-top:2px}.hint-chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#f1bd471f;border:1px solid rgba(241,189,71,.18);color:#f6d889;font-size:.84rem}.small-button{padding:6px 10px;min-height:auto}.summary-title{display:block;margin-bottom:10px}.small-bullets{font-size:.95rem}.spec-card{display:flex;flex-direction:column;gap:16px}.spec-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.spec-card-header strong{display:block;margin-bottom:4px}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spec-json{margin:0;padding:16px;border-radius:16px;background:#081712;color:#dcebe4;overflow:auto;font-size:.88rem;line-height:1.5}.empty-builder-state{display:flex;flex-direction:column;gap:6px}.preview-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.table-wrap{overflow:auto;border:1px solid rgba(74,158,138,.12);border-radius:16px;background:#081712eb}.preview-table{width:100%;border-collapse:collapse;min-width:780px}.preview-table th,.preview-table td{padding:10px 12px;border-bottom:1px solid rgba(24,54,86,.08);text-align:left;vertical-align:top;font-size:.93rem}.preview-table thead th{position:sticky;top:0;background:#163829;color:#eaf5ef;z-index:1}.preview-table tbody tr:nth-child(2n){background:#ffffff08}.preview-table td{color:#dce9e2}@media (max-width: 1180px){.metrics-grid,.info-grid,.field-list,.main-layout,.spec-grid,.model-explorer-layout,.mini-metrics-grid{grid-template-columns:1fr}}@media (max-width: 720px){.page-shell,.login-shell{padding:14px}.topbar,.section-panel,.login-card{padding:18px}.toolbar,.section-header,.topbar,.builder-actions,.question-options,.spec-card-header,.preview-meta{flex-direction:column;align-items:flex-start}.brand-block{flex-direction:column}.brand-logo{width:136px}button,.toolbar input,.toolbar select{width:100%}.model-list{max-height:none}}