:root{--bg:#f5efe2;--panel:#fffaf0e6;--panel-strong:#fffdf8;--ink:#1f2937;--muted:#5f6b7a;--line:#1f29371f;--accent:#0f766e;--accent-soft:#0f766e1f;--warn:#b45309;--error:#b91c1c;--shadow:0 18px 60px #543a141f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 0 0,#0f766e29,#0000 28%),radial-gradient(circle at 100% 0,#b4530929,#0000 22%),linear-gradient(#f8f1e6 0%,#efe6d6 100%);margin:0;font-family:Georgia,Times New Roman,serif}button,input,select,textarea{font:inherit}a{color:inherit}.page-shell{padding:24px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 100% 0,#0f766e1f,#0000 30%),linear-gradient(#fffaf0f5 0%,#f8f1e6f5 100%);border-radius:28px;gap:18px;padding:28px;display:grid}.auth-title{margin:0}.auth-tabs,.auth-form{gap:12px;display:grid}.auth-tab-active{box-shadow:inset 0 0 0 1px #0f766e59}.help-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1f293757;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.help-modal{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#0f766e1a,#0000 26%),linear-gradient(#fffaf0 0%,#f8f1e6 100%);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(1120px,100%);max-height:calc(100vh - 48px);padding:20px;display:grid;overflow:hidden;box-shadow:0 24px 80px #1f29373d}.help-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.help-title{font-size:2rem}.help-body{gap:18px;padding-bottom:18px;padding-right:6px;display:grid;overflow:auto}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.help-body:after{content:"";height:8px;display:block}.help-footer{border-top:1px solid var(--line);padding-top:12px}.help-footer p{margin:0}.help-copy{gap:10px;display:grid}.help-copy p{margin:0}.workspace{grid-template-columns:240px minmax(0,1.2fr) 320px;gap:18px;min-height:calc(100vh - 48px);display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px}.sidebar,.inspector,.content{padding:18px}.brand{margin:0 0 6px;font-size:1.8rem;line-height:1.1}.eyebrow,.muted{color:var(--muted)}.sidebar nav{gap:10px;margin-top:24px;display:grid}.nav-item,.status-card,.section-card,.result-card,.table-shell{border:1px solid var(--line);background:var(--panel-strong);border-radius:16px}.nav-item{padding:12px 14px}.nav-button{border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--ink);background:var(--panel-strong)}.nav-button:hover{background:#0f766e14;border-color:#0f766e59}.nav-item-active{color:var(--accent);background:#0f766e1f;border-color:#0f766e73}.status-card,.section-card,.result-card,.table-shell{padding:16px}.content{gap:18px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.headline{margin:0;font-size:2.4rem;line-height:1}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 16px}.button.secondary{background:var(--accent-soft);color:var(--accent)}.button:disabled{opacity:.5;cursor:not-allowed}.workspace-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;display:grid}.workspace-grid-wide{grid-template-columns:1fr}.section-card-wide{min-width:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:.9rem}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:10px 12px}.table-input{border:1px solid var(--line);background:#fff;border-radius:10px;width:96px;padding:8px 10px}.rank-section{gap:14px;display:grid}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:7px 11px;display:inline-flex}.metric{margin:0;font-size:2rem}.mini-list{gap:10px;display:grid}.mini-item{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding-top:10px;display:flex}.mini-item:first-child{border-top:0;padding-top:0}.table-shell{overflow:hidden auto}.matrix-shell{border-radius:18px;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px}th{color:var(--muted);font-weight:600}.matrix-table{min-width:max-content}.matrix-table th{z-index:2;background:var(--panel-strong);box-shadow:inset 0 -1px 0 var(--line);position:sticky;top:0}.matrix-table th:first-child,.matrix-table td:first-child{z-index:1;background:var(--panel-strong);position:sticky;left:0}.matrix-table th:first-child{z-index:3}.matrix-table td{white-space:nowrap}.inspector{align-content:start;gap:18px;display:grid}.summary-grid{grid-template-columns:1fr;gap:12px;display:grid}.summary-label{margin:4px 0 0}.pill{border:1px solid var(--line);border-radius:999px;align-items:center;padding:6px 10px;font-size:.9rem;display:inline-flex}.pill-ok{color:var(--accent);background:var(--accent-soft)}.pill-error{color:var(--error);background:#b91c1c1a}.pill-soft{color:var(--ink);background:#1f29370f}.diagnostics-item{flex-direction:column;align-items:stretch}.diagnostics-allocations{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.diagnostics-log-shell{border-top:1px solid var(--line);max-height:360px;padding-top:12px;overflow:auto}.diagnostics-log{padding-left:22px}.override-editor{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.override-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.log-list,.warning-list{gap:8px;margin:0;padding-left:18px;display:grid}.warning{color:var(--warn)}.error{color:var(--error)}@media (width<=1180px){.help-grid,.workspace,.workspace-grid{grid-template-columns:1fr}}@media (width<=1460px){.workspace{grid-template-columns:220px minmax(0,1.15fr) 280px}}@media (width<=720px){.help-overlay{padding:12px}.help-header{flex-direction:column}.summary-grid,.override-grid{grid-template-columns:1fr}}
