:root{--bg: #0a0a0b;--surface: #18181b;--surface-2: #27272a;--border: rgba(34, 211, 238, .35);--border-subtle: rgba(34, 211, 238, .2);--text: #f4f4f5;--muted: #a1a1aa;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .45);--accent-glow: 0 2px 16px rgba(34, 211, 238, .12);--success: #a3e635;--warn: #f97316;--danger: #f87171;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:var(--accent)}.suite-root{min-height:100vh;display:flex;flex-direction:column}.suite-header{display:flex;flex-direction:column;gap:.65rem;padding:.65rem 1.25rem .75rem}.suite-header-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.suite-header-row--brand{justify-content:space-between}.suite-header-row--nav{min-width:0}.suite-brand-block{display:flex;align-items:center;gap:.65rem;min-width:0}.chalk-logo{width:2rem;height:2rem;flex-shrink:0}.chalk-logo--compact{width:1.75rem;height:1.75rem}.suite-brand-text{min-width:0}.suite-brand-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.suite-brand-suite{font-size:.875rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.suite-brand-app{font-size:.6875rem;font-weight:600;color:var(--accent)}.suite-brand-home{display:inline-block;margin-top:.1rem;font-size:.625rem;color:var(--muted);text-decoration:none;transition:color .15s ease}.suite-brand-home:hover{color:var(--accent)}.suite-build-badge{flex-shrink:0;padding:.2rem .5rem;border:1px solid var(--border-subtle);border-radius:999px;background:#22d3ee1a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;font-weight:600;color:var(--accent);letter-spacing:.02em;white-space:nowrap}.suite-nav-scroll{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.suite-nav-item{display:flex;flex-direction:column;flex-shrink:0;padding:.45rem .75rem;border-radius:8px;border:1px solid transparent;text-decoration:none;color:var(--text);min-width:8.5rem;transition:border-color .15s ease,background .15s ease}.suite-nav-item strong{font-size:.8rem}.suite-nav-item span{font-size:.68rem;color:var(--muted)}.suite-nav-item:hover:not(.is-planned):not(.is-active){border-color:var(--border-subtle);background:#22d3ee0f}.suite-nav-item.is-active{border-color:var(--accent-dim);background:#22d3ee1f;box-shadow:0 0 12px #22d3ee14}.suite-nav-item.is-active strong{color:var(--accent)}.suite-nav-item.is-planned{opacity:.55;pointer-events:none}.suite-main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.suite-footer{padding:1rem 1.5rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--border-subtle)}.footer-clear:hover{color:var(--accent)}.app-grid{display:grid;gap:1.25rem}@media (min-width: 960px){.app-grid{grid-template-columns:1fr 1fr;align-items:start}}.app-stack{display:flex;flex-direction:column;gap:1.25rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.panel-muted{color:var(--muted)}.panel-head h1,.panel-head h2{margin:0 0 .35rem;font-size:1.35rem}.lede{margin:0 0 1rem;color:var(--muted);max-width:52ch}.lede.small{font-size:.9rem;margin-bottom:.75rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field span{font-size:.8rem;color:var(--muted)}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.65rem .75rem;resize:vertical}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.btn{border-radius:8px;border:1px solid var(--border);padding:.55rem 1rem;background:var(--surface-2);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600;box-shadow:0 1px 14px #22d3ee59}.btn.primary:disabled,.btn.ghost:disabled,.btn.outline:disabled,.btn.outline.disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent}.btn.outline{background:transparent;border-color:var(--accent);color:var(--accent)}.btn.text{border:none;background:none;color:var(--muted);padding:.25rem}.btn.text.dismiss:hover{color:var(--danger)}.file-btn{display:inline-flex;align-items:center}.hint{font-size:.8rem;color:var(--muted);margin:0}.sample-preview pre{font-size:.72rem;overflow:auto;max-height:12rem;background:var(--bg);padding:.75rem;border-radius:8px}.constraint-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.constraint-list li{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.85rem;border-radius:10px;border:1px solid var(--border);background:var(--bg)}.constraint-list li.is-on{border-color:var(--accent-dim)}.constraint-check{display:flex;gap:.65rem;cursor:pointer}.constraint-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem}.badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:4px;background:var(--surface-2);color:var(--warn)}.constraint-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.78rem;color:var(--muted)}.constraint-section{font-size:.8rem;margin:.35rem 0 0;color:var(--accent)}blockquote{margin:.35rem 0 0;font-size:.78rem;color:var(--muted);border-left:2px solid var(--border);padding-left:.65rem}.export-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.export-actions a.disabled{pointer-events:none;opacity:.45}.export-preview{font-size:.7rem;max-height:14rem;overflow:auto;background:var(--bg);padding:.75rem;border-radius:8px;margin:0}code{font-size:.85em}.basis-guardrail{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.basis-warn{font-size:.78rem;color:var(--warn);font-weight:600}.basis-confirmed{font-size:.78rem;color:var(--success)}.basis-toggles{display:flex;gap:.35rem}.basis-btn{font-size:.75rem;padding:.25rem .65rem;border-color:var(--warn);color:var(--warn)}.basis-btn:hover{background:color-mix(in srgb,var(--warn) 15%,transparent)}.file-status{margin-top:.25rem}.file-ok{color:var(--success)}.file-error{color:var(--danger)}.scan-feedback{margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);font-size:.92rem;line-height:1.45}.scan-feedback-error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.scan-feedback-success{color:var(--success);border-color:color-mix(in srgb,var(--success) 45%,var(--border));background:color-mix(in srgb,var(--success) 10%,var(--surface))}.scan-feedback-info{color:var(--text);border-color:var(--border);background:var(--surface-2)}