:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.shell{width:min(1040px,calc(100vw - 32px));margin:32px auto;display:grid;gap:20px}.topbar,.controls,.promptRow,.panel{background:#fff;border:1px solid #d7deea;border-radius:8px;box-shadow:0 18px 50px #1f293714}.topbar{display:flex;justify-content:space-between;gap:20px;padding:24px}h1,h2,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.08}h2{font-size:1rem;margin-bottom:14px}#statusText{color:#58657a;margin-top:8px}.actions,.controls,.promptRow{display:flex;align-items:center;gap:12px}.controls,.promptRow,.panel{padding:18px}.button{min-height:42px;border:1px solid transparent;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;cursor:pointer;white-space:nowrap}.button:disabled{cursor:not-allowed;opacity:.5}.primary{background:#2563eb}.secondary{background:#fff;border-color:#bfcbda;color:#172033}.danger{background:#b42318}.promptRow input{width:100%;min-height:42px;border:1px solid #bfcbda;border-radius:8px;padding:0 12px}.log{display:grid;gap:8px;margin:0;padding-left:22px;color:#39465a}.log li{line-height:1.45}.grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:stretch}.notesPanel{display:flex;flex-direction:column;min-height:320px;max-height:70vh}.notesHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.notesHeader h2{margin:0}.notesActions{display:flex;gap:8px}.button.small{min-height:32px;padding:0 10px;font-size:.85rem}.notes{flex:1;overflow-y:auto;border:1px solid #e3e8f0;border-radius:6px;padding:12px;background:#fafbfd;display:flex;flex-direction:column;gap:12px}.notesEmpty{color:#98a2b3;font-style:italic;text-align:center;margin:auto}.noteEntry{background:#fff;border:1px solid #d7deea;border-radius:6px;padding:12px 14px}.noteEntry header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem}.noteEntry header strong{flex:1;color:#172033}.noteEntry header time{color:#98a2b3;font-size:.8rem}.noteEntry pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.95rem;line-height:1.45;color:#1f2937}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge.note{background:#dbeafe;color:#1e40af}.badge.draft{background:#fef3c7;color:#92400e}@media(max-width:900px){.grid{grid-template-columns:1fr}.notesPanel{max-height:none}}@media(max-width:700px){body{overflow:hidden}.shell{width:100vw;margin:0;padding:8px;gap:8px;height:100dvh;grid-template-rows:auto auto auto 1fr}.topbar,.controls,.promptRow,.panel{padding:10px 12px;box-shadow:none}.topbar{flex-direction:column;align-items:stretch;gap:10px}h1{font-size:1.4rem}#statusText{font-size:.85rem;margin-top:2px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:stretch}.button{width:100%;min-height:38px;padding:0 10px;font-size:.9rem}.controls,.promptRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.promptRow{grid-template-columns:1fr auto}.promptRow input{min-height:38px}.grid{grid-template-columns:1fr;grid-template-rows:1fr;gap:0;overflow:hidden}.grid>.panel:first-child{display:none}.notesPanel{height:100%;max-height:none;min-height:0}.notesHeader h2{font-size:.95rem;margin:0}}@media(max-width:700px){.topbar,.controls,.promptRow{flex-direction:column;align-items:stretch}.actions{align-items:stretch}.button{width:100%}}