:root{--paper:#eef0f2;--card:#fff;--ink:#22282e;--ink-soft:#4a525a;--margin:#6b747d;--rule:#d4d9dd;--cyanotype:#2f5d8a;--cyanotype-deep:#244a70;--safelight:#8a5e1e;--safelight-wash:#f6ecd9;--danger:#8c3a2e;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--paper)}body{font-family:var(--sans);color:var(--ink);margin:0;font-size:1rem;line-height:1.55}.app-shell{flex-direction:column;max-width:68rem;min-height:100vh;margin:0 auto;padding:0 1.25rem;display:flex}.app-header{border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:.75rem 2rem;padding:1.4rem 0 1rem;display:flex}.brand-row{align-items:baseline;gap:.6rem;display:flex}.brand{font-family:var(--serif);letter-spacing:.01em;font-size:1.35rem}.demo-badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);border-radius:2px;padding:.1rem .45rem;font-size:.68rem}.app-header nav{flex-wrap:wrap;gap:1.1rem;margin-left:auto;display:flex}.app-header nav a{color:var(--ink-soft);padding-bottom:.2rem;font-size:.92rem;text-decoration:none}.app-header nav a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--cyanotype)}.app-header nav a:hover{color:var(--cyanotype-deep)}main{flex:1;padding:2rem 0 3rem}h1{font-family:var(--serif);margin:0 0 .6rem;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:500;line-height:1.15}h2{font-family:var(--serif);margin:2rem 0 .5rem;font-size:1.25rem;font-weight:500}.lede{color:var(--ink-soft);max-width:44rem;margin-top:0;font-size:1.08rem}a{color:var(--cyanotype)}.method-list{max-width:44rem;padding-left:1.2rem}.method-list li{margin-bottom:.8rem}.toolbar{flex-wrap:wrap;align-items:end;gap:.9rem;margin:1.1rem 0;display:flex}label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--margin);flex-direction:column;gap:.25rem;font-size:.7rem;display:flex}label.check{text-transform:none;letter-spacing:0;font-family:var(--sans);color:var(--ink-soft);flex-direction:row;align-items:center;gap:.45rem;font-size:.9rem}input,select,textarea{font-family:var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:.45rem .55rem;font-size:.95rem}textarea{font-family:var(--mono);font-size:.85rem;line-height:1.5}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cyanotype);outline-offset:2px}button{font-family:var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--ink-soft);cursor:pointer;border-radius:3px;padding:.45rem .9rem;font-size:.9rem}button:hover{border-color:var(--cyanotype);color:var(--cyanotype-deep)}button[type=submit]{background:var(--cyanotype);border-color:var(--cyanotype);color:#fff}button[type=submit]:hover{background:var(--cyanotype-deep);color:#fff}button.danger{border-color:var(--danger);color:var(--danger)}.link-button{font-size:inherit;color:var(--cyanotype);background:0 0;border:none;padding:0;text-decoration:underline}.card-list{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--ink);border-radius:2px;padding:.9rem 1rem .8rem;position:relative}.card:before{content:"";background:repeating-linear-gradient(to bottom, var(--margin) 0 5px, transparent 5px 9px);width:4px;height:38%;position:absolute;bottom:0;left:-4px}.card-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.card p{color:var(--ink-soft);margin:.3rem 0;font-size:.92rem}.pill{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--margin);border:1px solid var(--rule);border-radius:999px;padding:.05rem .5rem;font-size:.66rem}.pill-safety{color:var(--safelight);border-color:var(--safelight);background:var(--safelight-wash)}.tags{font-family:var(--mono);color:var(--margin);font-size:.75rem}.card-actions{flex-wrap:wrap;gap:.45rem;margin-top:.7rem;display:flex}.card-actions button{padding:.25rem .6rem;font-size:.8rem}.descriptor-form{flex-direction:column;gap:.9rem;max-width:46rem;margin-top:1.2rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.9rem;display:grid}.notice{border:1px solid var(--rule);border-left:4px solid var(--cyanotype);background:var(--card);padding:.6rem .9rem;font-size:.92rem}.notice-warn{border-left-color:var(--safelight);background:var(--safelight-wash)}.notice ul{margin:0;padding-left:1.1rem}.editor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:2rem;margin-top:1rem;display:grid}.editor-form{flex-direction:column;gap:.9rem;display:flex}.editor-form h2{margin:1.4rem 0 .2rem}.editor-preview{border-left:1px solid var(--rule);padding-left:1.5rem;position:sticky;top:1rem}.editor-preview h2:first-child{margin-top:0}.use-row{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--ink);border-radius:2px;flex-direction:column;gap:.5rem;padding:.7rem .9rem;display:flex}.prompt-preview{font-family:var(--mono);background:var(--card);border:1px solid var(--rule);white-space:pre-wrap;border-radius:2px;max-height:24rem;padding:.9rem;font-size:.8rem;line-height:1.55;overflow:auto}.app-footnote{color:var(--margin);font-size:.8rem}.execution-panel{border-top:1px solid var(--rule);margin-top:1.5rem;padding-top:1rem}.language-sample{font-family:var(--mono);background:var(--paper);border:1px solid var(--rule);white-space:pre-wrap;border-radius:2px;max-height:9rem;margin:.4rem 0;padding:.55rem .7rem;font-size:.78rem;line-height:1.5;overflow-y:auto}.pill-proven{color:#2c5f3f;background:#e6f0e9;border-color:#2c5f3f}.playbook-insert{border:1px solid var(--rule);background:var(--card);border-radius:2px;flex-direction:column;gap:.5rem;padding:.7rem .9rem;display:flex}@media (width<=56rem){.editor-grid{grid-template-columns:1fr}.editor-preview{border-left:none;padding-left:0;position:static}}.app-footer{border-top:1px solid var(--rule);color:var(--margin);max-width:46rem;padding:1.1rem 0 1.6rem;font-size:.84rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=40rem){.app-header nav{margin-left:0}.card-list{grid-template-columns:1fr}}