:root{
  --nav:#0e1a2b;--nav2:#142238;--navmuted:#93a0b4;
  --surface:#fff;--page:#f6f8fb;--line:#e8edf3;--text:#172235;
  --muted:#768398;--teal:#078e7a;--mint:#56d5bd;--blue:#1d5cff;
  --shadow:0 10px 38px rgba(17,36,60,.055);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);background:var(--page);font-synthesis:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:not-allowed}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid #54b4f7;outline-offset:3px}
[hidden]{display:none!important}
.shell{display:flex;min-height:100vh}
.sidebar{position:fixed;z-index:25;inset:0 auto 0 0;width:265px;background:var(--nav);
  display:flex;flex-direction:column;color:#edf3fb;box-shadow:4px 0 35px rgba(4,13,27,.04)}
.brand{display:flex;gap:12px;align-items:center;padding:29px 24px 30px;border-bottom:1px solid #253247}
.brand-mark{height:42px;width:42px;border:1px solid rgba(112,228,204,.4);border-radius:12px;display:flex;
  justify-content:center;align-items:center;color:var(--mint);font-size:24px;font-weight:900;
  background:#1a3342;letter-spacing:-5px;padding-right:6px}
.brand-mark span{font-size:17px;color:#f5fafd;transform:translateY(4px)}
.brand-name{display:flex;flex-direction:column;gap:3px;letter-spacing:.13em}
.brand-name strong{font-size:15px;font-weight:850;letter-spacing:.09em}
.brand-dot{color:var(--mint)}
.brand-name small{font-size:10px;letter-spacing:.22em;color:#8ca0b4;font-weight:680}
.sidebar-scroll{flex:1;overflow:auto;padding:27px 14px}
.nav-label{display:flex;justify-content:space-between;padding:0 14px;color:#73869e;font-size:10px;
  font-weight:780;letter-spacing:.14em;margin-bottom:12px}
.nav-label-categories{margin-top:31px}
.nav-items{display:flex;flex-direction:column;gap:5px}
.nav-item{border:0;background:transparent;color:#a6b2c3;text-align:left;min-height:44px;border-radius:10px;
  display:flex;align-items:center;gap:13px;padding:0 14px;font-weight:600;font-size:13px;width:100%}
.nav-item:hover{background:#1d2d43;color:#fff}
.nav-item.active{color:#f1fcfa;background:linear-gradient(90deg,rgba(44,174,148,.24),rgba(37,129,132,.10));
  box-shadow:inset 3px 0 0 var(--mint)}
.nav-glyph{display:inline-flex;justify-content:center;align-items:center;width:20px;font-size:17px;opacity:.87}
.nav-count{margin-left:auto;color:#8798af;font-size:10px;background:#24334a;border-radius:6px;padding:3px 7px}
.nav-item.active .nav-count{color:var(--mint)}
.sidebar-note{border:1px solid #2c3a4d;border-radius:13px;margin:32px 8px 8px;padding:18px;
  background:radial-gradient(ellipse at 5% 0%,#1d4953 0,transparent 68%),#17263a}
.sidebar-note-icon{font-size:21px;color:#6fe5d0;margin-bottom:10px}
.sidebar-note strong{font-size:12px;display:block;color:#f5fbfe}
.sidebar-note p{font-size:11px;line-height:1.7;color:#93a9bb;margin:6px 0 0}
.sidebar-footer{padding:14px;border-top:1px solid #26344a}
.admin-entry{width:100%;background:transparent;border:0;display:flex;align-items:center;
  gap:11px;color:#e5f0f8;text-align:left;border-radius:10px;padding:7px 8px}
.admin-entry:hover{background:#1d3048}
.footer-avatar,.topbar-initials{display:grid;place-items:center;font-size:12px;font-weight:800}
.footer-avatar{width:36px;height:36px;border-radius:10px;background:#284a5b;color:#8df0dd}
.footer-user{display:flex;flex-direction:column;gap:4px;flex:1}
.footer-user strong{font-size:12px}.footer-user small{font-size:10px;color:#8c9db0}
.arrow-right{color:#8b9bab;font-size:20px}
.version-note{display:block;font-size:9px;letter-spacing:.1em;color:#64768b;margin:14px 8px 5px}
.workspace{margin-left:265px;min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh}
.topbar{height:77px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:15;
  backdrop-filter:blur(16px)}
.top-left,.top-right{display:flex;align-items:center;gap:17px}
.topbar-section{color:#637286;font-size:12px;font-weight:690;letter-spacing:.035em}
.topbar-separator{padding:0 13px;color:#c9d2df}
.global-search{background:#f6f8fa;border:1px solid #e9edf3;border-radius:9px;
  width:306px;height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#8e9bad}
.global-search:focus-within{border-color:#5bb8ac;box-shadow:0 0 0 3px rgba(91,184,172,.12)}
.global-search input{border:0;outline:0;flex:1;min-width:0;background:transparent;font-size:12px;color:var(--text)}
.global-search input::placeholder{color:#a1abba}
.global-search kbd{color:#a4b0bf;border:1px solid #dce3ec;background:#fff;border-radius:4px;
  font-size:10px;padding:2px 5px}
.search-icon{font-size:23px;line-height:0;transform:translateY(-1px)}
.topbar-help{background:#f8fafc;border:1px solid #e8edf2;width:30px;height:30px;border-radius:100%;
  font-weight:700;color:#64758d}
.topbar-initials{height:35px;width:35px;background:#e4f4f0;border:1px solid #c7e8e0;
  border-radius:100%;color:#157e6e}
.mobile-menu{display:none}
#content{width:100%;max-width:1510px;margin:0 auto;flex:1;padding:41px 44px 55px;outline:none}
.page-footer{margin:auto 44px 0;padding:21px 0 24px;border-top:1px solid #e4e9ef;
  display:flex;justify-content:space-between;color:#a3afbd;font-size:10px;font-weight:650;letter-spacing:.1em}
.loading-state,.error-state{padding:90px 0;text-align:center;color:#7b899e}
.loading-dot{display:inline-block;width:9px;height:9px;background:var(--teal);border-radius:100%;margin-right:6px}
.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:830;color:var(--teal);text-transform:uppercase}
.page-heading{font-size:36px;font-weight:780;letter-spacing:-.055em;line-height:1.14;margin:14px 0 12px}
.lead{font-size:14px;color:#7c889a;line-height:1.85;max-width:760px;margin:0}
.hero{border-radius:18px;padding:36px 40px 37px;background:#132d3b;overflow:hidden;min-height:224px;position:relative;
  display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 36px rgba(14,35,49,.11)}
.hero::before{content:"";position:absolute;pointer-events:none;right:-100px;top:-165px;
  height:540px;width:540px;border:1px solid rgba(102,213,187,.18);border-radius:100%;
  box-shadow:0 0 0 54px rgba(93,232,187,.035),0 0 0 112px rgba(93,232,187,.028),0 0 0 175px rgba(93,232,187,.025)}
.hero::after{content:"";position:absolute;right:20%;bottom:-105px;width:235px;height:235px;border-radius:50%;
  background:radial-gradient(circle,rgba(31,226,171,.2),transparent 70%);pointer-events:none}
.hero-copy{z-index:1;max-width:650px}.hero .eyebrow{color:#81ebd4}
.hero-title{margin:12px 0;font-size:38px;font-weight:790;letter-spacing:-.06em;line-height:1.1;color:#fff}
.hero p{max-width:600px;color:#adc7cc;font-size:13px;line-height:1.85;margin:0}
.hero-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.primary-btn,.secondary-btn,.soft-btn{border:0;border-radius:9px;padding:11px 16px;display:inline-flex;
  gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:745;white-space:nowrap}
.primary-btn{background:#3acdb2;color:#092b29;box-shadow:0 7px 20px rgba(47,205,177,.2)}
.primary-btn:hover{background:#65e8d0}
.secondary-btn{background:#fff;border:1px solid #e4eaf0;color:#35465c}
.secondary-btn:hover{background:#f8fafc}
.soft-btn{background:#eaf4f2;color:#107b69}.soft-btn:hover{background:#d5ede6}
.button-icon{font-size:15px;line-height:1}
.hero-art{width:165px;min-width:145px;z-index:1;position:relative;height:140px;display:grid;place-items:center}
.hero-art .hero-ring{border:1px solid #497b7b;border-radius:22px;width:105px;height:125px;transform:rotate(-13deg);
  position:absolute;box-shadow:0 0 0 15px rgba(66,176,166,.05),0 0 0 30px rgba(66,176,166,.025)}
.hero-art span{font-size:58px;font-weight:800;letter-spacing:-.13em;color:#a1f4df;text-shadow:0 12px 30px #07161c}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:23px 0 38px}
.stat-card{border-radius:13px;padding:20px 23px;border:1px solid var(--line);background:var(--surface);
  display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}
.stat-card span{font-size:11px;font-weight:650;color:#8c9aab;display:block;margin-bottom:11px}
.stat-card strong{font-size:27px;font-weight:780;letter-spacing:-.05em}
.stat-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;
  background:#ebf6f4;color:#0f927f;font-size:20px}
.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}
.section-heading-row h2{font-size:18px;font-weight:775;letter-spacing:-.035em;margin:0}
.section-heading-row p{margin:6px 0 0;font-size:12px;color:#8896a7}
.inline-link{border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:730}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.category-card{background:#fff;border:1px solid var(--line);border-radius:13px;min-height:150px;padding:21px;
  display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:transform .2s,border-color .2s}
.category-card:hover,.sop-card:hover{transform:translateY(-2px);border-color:#b5d9d2}
.category-icon{display:grid;place-items:center;border-radius:11px;width:39px;height:39px;font-size:18px;
  color:#067f6e;background:#e9f7f3}
.category-card strong{margin-top:14px;font-size:13px;color:#1c2a3d}
.category-card .category-small{font-size:11px;color:#909eb0;margin-top:6px;line-height:1.5}
.category-footer{margin-top:auto;display:flex;align-items:center;gap:9px;color:#088a78;font-size:11px;font-weight:700;padding-top:14px}
.recent-section{margin-top:37px}
.sop-list{display:grid;grid-template-columns:1fr;gap:12px}
.sop-card{display:flex;width:100%;align-items:center;text-align:left;gap:17px;background:#fff;
  border:1px solid var(--line);border-radius:13px;padding:21px;transition:transform .2s,border-color .2s}
.sop-doc-icon{width:46px;height:54px;border:1px solid #d7ede9;background:#edf7f4;border-radius:10px;
  flex-shrink:0;display:grid;place-items:center;color:#168f7d;font-size:21px;font-weight:800}
.sop-info{flex:1;min-width:0}
.sop-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;font-weight:720;color:#9aa5b5;letter-spacing:.03em}
.sop-meta .sop-code{color:#048773}
.sop-card h3{margin:8px 0 5px;font-size:14px;letter-spacing:-.015em;font-weight:760}
.sop-card p{margin:0;color:#8190a2;font-size:11.5px;line-height:1.65}
.pill{font-size:10px;font-weight:700;background:#e6f6ee;color:#198059;padding:5px 9px;border-radius:99px;white-space:nowrap}
.sop-arrow{font-size:25px;color:#aab5c2;margin-left:10px}
.empty-state{padding:54px 20px;background:#fff;border:1px dashed #d9e3ed;border-radius:13px;
  text-align:center;color:#8896a8;font-size:13px}
.empty-state strong{display:block;color:#36475d;font-size:17px;margin-bottom:9px}
.doc-back{display:inline-flex;gap:9px;align-items:center;border:0;background:none;color:#738199;
  padding:0;font-size:12px;font-weight:700;margin-bottom:25px}
.doc-back:hover{color:#008b76}
.doc-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:26px}
.doc-title{max-width:860px;font-size:34px;line-height:1.17;letter-spacing:-.05em;font-weight:795;margin:12px 0 14px}
.doc-summary{font-size:13px;line-height:1.85;color:#7c899b;max-width:760px}
.doc-head-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.doc-badges{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:18px 0 0}
.doc-tag{background:#fff;border:1px solid #e1e9ef;border-radius:6px;padding:6px 10px;
  font-size:10px;font-weight:700;color:#7c899b}
.doc-tag.accent{color:#087f6e;background:#e5f7f1;border-color:#d1eee5}
.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;align-items:start}
.doc-column{min-width:0}
.paper-section{background:#fff;border:1px solid var(--line);border-radius:13px;
  margin-bottom:17px;box-shadow:var(--shadow);overflow:hidden}
.paper-intro{padding:27px 30px}
.paper-intro h2{margin:0 0 10px;font-size:17px;letter-spacing:-.02em}
.paper-intro p{margin:0;font-size:12.5px;line-height:1.9;color:#69798c}
.info-head{display:flex;align-items:center;gap:9px;color:#152c3b;font-size:13px;font-weight:750;margin:20px 0 12px}
.plain-list{margin:0;padding-left:19px;color:#64768a;font-size:12px;line-height:2}
.plain-list li{padding-left:4px;margin-bottom:5px}
.step-section{scroll-margin-top:95px}
.step-top{padding:24px 27px 18px;display:flex;align-items:flex-start;gap:15px}
.step-number{flex-shrink:0;background:#e5f6f0;color:#007e6b;border-radius:11px;width:38px;height:38px;
  display:grid;place-items:center;font-size:12px;font-weight:820}
.step-header h2{font-size:17px;letter-spacing:-.03em;margin:1px 0 7px}
.step-header p{font-size:12px;color:#8491a2;line-height:1.75;margin:0}
.step-body{padding:0 27px 25px}
.step-label{font-size:10px;font-weight:820;letter-spacing:.14em;color:#7c8b9d;margin:7px 0 12px}
.action-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.action-list li{display:flex;align-items:flex-start;gap:10px;color:#54657b;font-size:12px;line-height:1.65}
.action-list li:before{content:"✓";color:#0c9a7f;font-weight:900;margin-top:0}
.prompt-panel{background:#101b2c;color:#dce9f1;border-radius:10px;overflow:hidden;margin:23px 0 18px;border:1px solid #273549}
.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 16px;border-bottom:1px solid #2c3747;background:#172337}
.prompt-toolbar span{font-size:10px;font-weight:760;letter-spacing:.14em;color:#86beaF}
.prompt-copy{background:#283a4d;border:1px solid #37536a;padding:8px 11px;border-radius:7px;
  color:#f5f9fc;font-size:10px;font-weight:750}
.prompt-copy:hover{background:#33556a}
.prompt-panel pre{margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;
  color:#dae3eb;padding:19px 18px;line-height:1.85;font-size:11.7px;font-family:ui-monospace,SFMono-Regular,Consolas,Monaco,monospace;
  max-height:490px;overflow:auto}
.output-line{display:flex;gap:10px;align-items:flex-start;margin-top:14px;background:#f5faf8;
  padding:12px 14px;border-radius:8px}
.output-line strong{color:#137e6b;flex-shrink:0;font-size:11px}
.output-line p{color:#5c7680;font-size:11.5px;line-height:1.65;margin:0}
.output-line.checkpoint{background:#f4f7fc}
.output-line.checkpoint strong{color:#42628e}
.checklist-section{padding:27px 30px;scroll-margin-top:90px}
.checklist-section h2{font-size:17px;margin:0 0 8px;letter-spacing:-.025em}
.checklist-section p{font-size:12px;color:#8290a1;margin:0 0 19px;line-height:1.7}
.checklist-list{display:grid;gap:10px}
.checklist-item{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#5f7186;
  cursor:pointer;padding:5px 0;line-height:1.65}
.checklist-item input{width:16px;height:16px;accent-color:#078e7a;margin:1px 0 0;flex-shrink:0}
.checklist-item input:checked + span{text-decoration:line-through;color:#9eacb8}
.principle-box{margin-top:19px;border-left:3px solid #32b69e;background:#f0faf7;padding:18px;border-radius:0 9px 9px 0}
.principle-box strong{color:#087a68;font-size:11px;letter-spacing:.08em}
.principle-box p{font-size:12px;line-height:1.8;margin:7px 0 0;color:#52726e}
.toc{position:sticky;top:102px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:22px 17px}
.toc-title{font-size:10px;font-weight:820;letter-spacing:.16em;color:#8391a4;margin-bottom:15px}
.toc a{display:block;font-size:11px;line-height:1.6;color:#748398;padding:10px 12px;border-left:2px solid #e4e9f0}
.toc a:hover{border-color:#31b89b;color:#0e8d79;background:#f6faf9}
.toc-number{font-size:10px;margin-right:4px;font-weight:780;color:#16a18a}
.toc-bottom{border-top:1px solid var(--line);margin-top:15px;padding-top:17px;color:#94a0af;font-size:11px;line-height:1.7}
.toc-bottom strong{display:block;color:#5c6d83}
.editor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}
.editor-heading h1{font-size:30px;margin:10px 0 9px;letter-spacing:-.05em}
.editor-heading p{color:#8c9aab;font-size:12px;margin:0}
.editor-form{max-width:950px}
.editor-card{border:1px solid var(--line);background:white;border-radius:12px;padding:25px;margin:17px 0}
.editor-card h2{font-size:17px;margin:0 0 21px;letter-spacing:-.025em}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.field label{font-size:11px;font-weight:760;color:#566981}
.field input,.field select,.field textarea{border:1px solid #dce5ed;background:#fbfcfd;border-radius:8px;color:#20324a;
  padding:11px 12px;width:100%;font-size:12px;outline:none}
.field textarea{resize:vertical;min-height:90px;line-height:1.55}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#4caf9e;box-shadow:0 0 0 3px rgba(53,173,151,.12)}
.field-hint{font-size:10px;color:#9aa7b5}
.editor-step{border:1px solid #dfe8ef;background:#fbfcfd;border-radius:11px;padding:20px;margin-bottom:16px}
.editor-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.editor-step-head strong{font-size:13px}
.remove-step{color:#a64a4a;background:#fff0f0;border:1px solid #f1caca;padding:7px 10px;border-radius:7px;font-size:11px}
.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}
.modal-root:not(:empty){position:fixed;z-index:50;inset:0;background:rgba(7,18,31,.6);
  display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}
.modal{width:min(460px,100%);background:#fff;border-radius:16px;padding:30px;position:relative;
  box-shadow:0 25px 100px rgba(4,15,30,.35)}
.modal h2{font-size:22px;letter-spacing:-.04em;margin:5px 0 8px}
.modal p{font-size:12px;line-height:1.75;color:#8290a3;margin:0 0 21px}
.modal-close{position:absolute;right:17px;top:16px;border:0;background:#f4f6f9;border-radius:8px;
  height:29px;width:29px;color:#738397;font-size:17px}
.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:9px}
.toast{position:fixed;right:25px;bottom:23px;z-index:65;max-width:390px;
  color:#fff;background:#132d39;border:1px solid #2a736b;box-shadow:0 10px 35px #12253b2e;
  border-radius:9px;padding:13px 16px;font-size:12px;display:none}
.toast.show{display:block}
.mobile-menu{border:0;background:#f4f8fa;border-radius:8px;height:32px;width:32px;font-size:17px;color:#2a485d}
.sidebar-backdrop{display:none}
@media(max-width:1250px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topbar{padding:0 28px}#content{padding:33px 29px 52px}
  .page-footer{margin-left:29px;margin-right:29px}
  .doc-layout{grid-template-columns:minmax(0,1fr) 185px;gap:16px}
  .doc-title{font-size:30px}
}
@media(max-width:950px){
  .sidebar{transform:translateX(-100%);transition:transform .25s}
  body.sidebar-open .sidebar{transform:translateX(0)}
  body.sidebar-open .sidebar-backdrop{display:block;position:fixed;z-index:24;inset:0;background:#03101eb0}
  .workspace{margin-left:0}
  .mobile-menu{display:block}
  .doc-layout{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
}
@media(max-width:680px){
  .topbar{height:62px;padding:0 16px}
  .topbar-section{display:none}
  .top-left,.top-right{gap:9px}
  .global-search{width:min(56vw,275px);height:35px}
  .global-search kbd,.topbar-help{display:none}
  #content{padding:22px 16px 37px}
  .page-footer{margin:0 16px;gap:14px;flex-direction:column;font-size:9px}
  .hero{padding:27px 22px;min-height:196px}
  .hero-title{font-size:30px}.hero-art{display:none}
  .hero p{font-size:12px}
  .stat-grid{gap:9px;margin:14px 0 29px}
  .stat-card{padding:13px 12px;min-height:94px}
  .stat-card span{font-size:9px}.stat-card strong{font-size:23px}
  .stat-symbol{display:none}
  .category-grid{grid-template-columns:1fr;gap:10px}
  .category-card{min-height:130px;padding:17px}
  .sop-card{padding:17px 14px;gap:12px}
  .sop-doc-icon{width:37px;height:45px;font-size:18px}
  .sop-arrow{display:none}.sop-meta{gap:6px}
  .sop-card h3{font-size:13px}.sop-card p{font-size:11px}
  .doc-title{font-size:26px}.doc-head{flex-direction:column}
  .doc-head-actions{justify-content:flex-start}
  .paper-intro{padding:22px}
  .step-top{padding:20px 19px 15px}
  .step-body{padding:0 19px 20px}.step-header h2{font-size:15px}
  .prompt-panel pre{font-size:10.6px;padding:16px 13px;max-height:440px}
  .checklist-section{padding:22px}
  .field-grid{grid-template-columns:1fr;gap:0}
  .editor-card{padding:19px}.editor-step{padding:14px}
  .editor-top{align-items:flex-start;flex-direction:column}
}
@media print{
  .sidebar,.topbar,.page-footer,.doc-head-actions,.prompt-copy,.doc-back,.toc,.sidebar-backdrop,.editor-actions{display:none!important}
  .workspace{margin:0}#content{padding:0;max-width:none}
  .paper-section{box-shadow:none;border:1px solid #c9d0d8;break-inside:avoid}
  .prompt-panel{background:#f6f7f8;color:#1d2933;border:1px solid #d8dde4}
  .prompt-panel pre{color:#192b38;max-height:none}
  .prompt-toolbar{background:#edf2f4}.prompt-toolbar span{color:#354b5b}
  body{background:white}
}