codex-snapshots 0.1.0 → 0.1.1

package/site/assets/site.css

@@ -1,605 +1,3 @@
-:root {
-  --ink: #16191f;
-  --muted: #687386;
-  --line: #d9dee4;
-  --paper: #f4f0e7;
-  --panel: #fffdf8;
-  --panel-soft: #faf7ef;
-  --blue: #255f82;
-  --green: #0c6958;
-  --red: #ad3728;
-  --amber: #a56d13;
-  --shadow-soft: 0 24px 70px -58px rgba(22, 25, 31, 0.5);
-  --grid-strong: rgba(22, 25, 31, 0.065);
-  --grid-soft: rgba(22, 25, 31, 0.038);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-  min-height: 100vh;
-  color: var(--ink);
-  background:
-    linear-gradient(90deg, var(--grid-strong) 1px, transparent 1px),
-    linear-gradient(var(--grid-soft) 1px, transparent 1px),
-    var(--paper);
-  background-size: 24px 24px;
-  font-family: "Iowan Old Style", "Palatino Linotype", Georgia, "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", serif;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-button,
-input {
-  font: inherit;
-}
-
-code,
-pre,
-.eyebrow,
-.status-pill,
-.button,
-label span,
-.share-meta,
-.shot-kicker,
-.shot-meta {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "PingFang SC", "Microsoft YaHei", monospace;
-}
-
-.shell,
-.share-shell {
-  width: min(1360px, calc(100vw - 32px));
-  margin: 0 auto;
-  padding: 34px 0 72px;
-}
-
-.hero {
-  display: grid;
-  min-height: min(760px, calc(100vh - 48px));
-  align-items: center;
-  gap: clamp(28px, 5vw, 72px);
-  grid-template-columns: minmax(0, 0.82fr) minmax(520px, 1.18fr);
-}
-
-.hero-copy {
-  max-width: 620px;
-}
-
-.eyebrow {
-  margin: 0 0 12px;
-  color: var(--blue);
-  font-size: 12px;
-  font-weight: 900;
-  letter-spacing: 0.08em;
-  text-transform: none;
-}
-
-h1,
-h2,
-p {
-  margin-top: 0;
-}
-
-h1 {
-  margin-bottom: 24px;
-  font-size: 92px;
-  line-height: 1.16;
-  letter-spacing: 0;
-}
-
-h2 {
-  margin-bottom: 14px;
-  font-size: 34px;
-  line-height: 1.25;
-  letter-spacing: 0;
-}
-
-.lede,
-.status-panel p,
-.commands p {
-  color: var(--muted);
-  font-size: 20px;
-  line-height: 1.7;
-}
-
-.actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  margin-top: 34px;
-}
-
-.button {
-  display: inline-flex;
-  min-height: 46px;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid rgba(22, 25, 31, 0.14);
-  border-radius: 8px;
-  background: var(--panel);
-  padding: 0 18px;
-  color: var(--ink);
-  font-size: 13px;
-  font-weight: 900;
-  text-transform: none;
-  transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease;
-}
-
-.button:hover {
-  border-color: rgba(22, 25, 31, 0.34);
-  transform: translateY(-1px);
-}
-
-.button.primary {
-  border-color: #07111f;
-  background: #07111f;
-  color: white;
-}
-
-.product-shot {
-  display: grid;
-  min-height: 560px;
-  overflow: hidden;
-  border: 3px solid var(--ink);
-  background: rgba(255, 253, 248, 0.76);
-  box-shadow: 0 34px 110px -74px rgba(22, 25, 31, 0.8);
-  grid-template-columns: minmax(240px, 0.33fr) minmax(0, 0.67fr);
-}
-
-.shot-sidebar,
-.shot-main {
-  min-width: 0;
-  padding: 26px;
-}
-
-.shot-sidebar {
-  border-right: 3px solid var(--ink);
-  background: rgba(250, 247, 239, 0.68);
-}
-
-.shot-title {
-  margin-bottom: 18px;
-  font-size: 34px;
-  font-weight: 900;
-  line-height: 1;
-}
-
-.shot-search {
-  height: 42px;
-  margin-bottom: 18px;
-  border: 1px solid var(--line);
-  background: var(--panel);
-}
-
-.shot-row {
-  display: flex;
-  min-height: 48px;
-  align-items: center;
-  gap: 12px;
-  border-bottom: 1px solid rgba(22, 25, 31, 0.1);
-  color: var(--muted);
-}
-
-.shot-row span {
-  width: 14px;
-  height: 14px;
-  border: 2px solid currentColor;
-  border-radius: 4px;
-}
-
-.shot-row.active {
-  color: var(--ink);
-}
-
-.shot-main {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-
-.shot-top {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 18px;
-  border-bottom: 3px solid var(--ink);
-  padding-bottom: 18px;
-}
-
-.shot-top > div:first-child {
-  min-width: 0;
-  flex: 1;
-}
-
-.shot-heading {
-  font-size: 40px;
-  font-weight: 900;
-  line-height: 1.24;
-}
-
-.shot-switches {
-  display: flex;
-  flex: 0 0 auto;
-  gap: 6px;
-}
-
-.shot-switches span {
-  width: 34px;
-  height: 28px;
-  border: 1px solid var(--line);
-  background: var(--panel);
-}
-
-.shot-switches .on {
-  border-color: rgba(12, 105, 88, 0.38);
-  background: #e6f6f1;
-}
-
-.shot-meta {
-  border: 1px solid var(--line);
-  background: var(--panel);
-  padding: 14px;
-  color: var(--muted);
-  font-size: 13px;
-  font-weight: 900;
-}
-
-.shot-bubble {
-  max-width: 78%;
-  padding: 18px 22px;
-  font-size: 22px;
-  line-height: 1.45;
-}
-
-.shot-bubble.user {
-  align-self: flex-end;
-  border: 1px solid #cfe6e2;
-  border-radius: 18px;
-  background: #eef9f6;
-}
-
-.shot-bubble.assistant {
-  align-self: flex-start;
-}
-
-.status-grid {
-  display: grid;
-  gap: 18px;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.status-panel,
-.commands,
-.share-header,
-.empty {
-  border: 1px solid rgba(22, 25, 31, 0.12);
-  background: rgba(255, 253, 248, 0.9);
-  box-shadow: var(--shadow-soft);
-}
-
-.status-panel,
-.commands {
-  padding: 26px;
-}
-
-.panel-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 18px;
-}
-
-.status-pill {
-  display: inline-flex;
-  min-height: 32px;
-  align-items: center;
-  border: 1px solid rgba(22, 25, 31, 0.12);
-  border-radius: 999px;
-  padding: 0 12px;
-  background: var(--panel-soft);
-  color: var(--muted);
-  font-size: 12px;
-  font-weight: 900;
-  text-transform: none;
-}
-
-.status-pill.ready {
-  border-color: rgba(12, 105, 88, 0.24);
-  background: #e9f7f3;
-  color: var(--green);
-}
-
-.status-pill.error {
-  border-color: rgba(173, 55, 40, 0.24);
-  background: #fff0ec;
-  color: var(--red);
-}
-
-pre {
-  max-width: 100%;
-  overflow: auto;
-  margin: 22px 0 0;
-  border: 1px solid #253043;
-  border-radius: 8px;
-  background: #111722;
-  color: #edf4ff;
-  padding: 16px;
-  font-size: 13px;
-  line-height: 1.6;
-}
-
-.share-form {
-  display: grid;
-  gap: 12px;
-  margin-top: 22px;
-}
-
-label {
-  display: grid;
-  gap: 7px;
-}
-
-label span {
-  color: var(--muted);
-  font-size: 12px;
-  font-weight: 900;
-  text-transform: none;
-}
-
-input {
-  min-height: 46px;
-  width: 100%;
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  background: white;
-  padding: 0 13px;
-  color: var(--ink);
-}
-
-input:focus {
-  border-color: var(--blue);
-  outline: 3px solid rgba(37, 95, 130, 0.14);
-}
-
-.commands {
-  display: grid;
-  align-items: start;
-  gap: 22px;
-  margin-top: 18px;
-  grid-template-columns: minmax(220px, 0.35fr) minmax(0, 0.65fr);
-}
-
-.share-shell {
-  max-width: 1220px;
-}
-
-.share-header {
-  border-bottom: 3px solid var(--ink);
-  padding: 28px;
-}
-
-.share-header h1 {
-  margin-bottom: 18px;
-  font-size: 72px;
-}
-
-.share-meta {
-  margin: 0;
-  color: var(--muted);
-  font-size: 13px;
-  font-weight: 900;
-}
-
-.turns {
-  display: grid;
-  gap: 34px;
-  margin-top: 34px;
-}
-
-.turn {
-  display: flex;
-  min-width: 0;
-}
-
-.turn.user {
-  justify-content: flex-end;
-}
-
-.turn.assistant,
-.turn.tool {
-  justify-content: flex-start;
-}
-
-.message-card {
-  min-width: 0;
-  max-width: min(960px, 76%);
-}
-
-.turn.user .message-card {
-  border: 1px solid #d6e9e5;
-  border-radius: 18px;
-  background: #eef9f6;
-  padding: 20px 28px;
-  box-shadow: var(--shadow-soft);
-}
-
-.turn.tool .message-card {
-  width: min(960px, 86%);
-  border: 1px solid #efd99f;
-  border-radius: 8px;
-  background: #fff8df;
-  padding: 16px 18px;
-}
-
-.body {
-  min-width: 0;
-  color: var(--ink);
-  font-size: 19px;
-  line-height: 1.75;
-  overflow-wrap: anywhere;
-}
-
-.body > *:first-child {
-  margin-top: 0;
-}
-
-.body > *:last-child {
-  margin-bottom: 0;
-}
-
-.body code {
-  border: 1px solid rgba(22, 25, 31, 0.12);
-  border-radius: 6px;
-  background: rgba(22, 25, 31, 0.06);
-  padding: 0.08rem 0.34rem;
-  font-size: 0.9em;
-}
-
-.body pre,
-.tool-details pre {
-  max-width: 100%;
-  overflow: auto;
-  border: 1px solid #253043;
-  border-radius: 8px;
-  background: #111722;
-  color: #edf4ff;
-  padding: 16px;
-  font: 13px/1.58 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-}
-
-.attachment-grid {
-  display: grid;
-  gap: 18px;
-  margin-top: 24px;
-}
-
-.image-attachment {
-  margin: 0;
-  min-width: 0;
-}
-
-.image-attachment img {
-  display: block;
-  max-width: 100%;
-  max-height: 540px;
-  border: 1px solid rgba(22, 25, 31, 0.18);
-  border-radius: 8px;
-  background: #fff;
-  object-fit: contain;
-}
-
-.image-attachment figcaption {
-  margin-top: 10px;
-  color: var(--muted);
-  font: 800 14px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-}
-
-.image-unavailable {
-  border: 1px dashed var(--line);
-  border-radius: 8px;
-  padding: 16px;
-  color: var(--muted);
-}
-
-.empty {
-  padding: 22px;
-  color: var(--muted);
-}
-
-@media (max-width: 980px) {
-  .hero,
-  .status-grid,
-  .commands {
-    grid-template-columns: 1fr;
-  }
-
-  .hero {
-    min-height: 0;
-    padding-top: 28px;
-  }
-
-  .product-shot {
-    min-height: 460px;
-    grid-template-columns: 1fr;
-  }
-
-  .shot-sidebar {
-    display: none;
-  }
-
-  h1 {
-    font-size: 78px;
-  }
-
-  .shot-heading {
-    font-size: 40px;
-  }
-
-  .share-header h1 {
-    font-size: 64px;
-  }
-}
-
-@media (max-width: 680px) {
-  .shell,
-  .share-shell {
-    width: min(100vw - 20px, 1360px);
-    padding-top: 18px;
-  }
-
-  .actions {
-    display: grid;
-  }
-
-  .product-shot {
-    min-height: 420px;
-  }
-
-  .shot-main,
-  .status-panel,
-  .commands,
-  .share-header {
-    padding: 18px;
-  }
-
-  .shot-top {
-    display: grid;
-  }
-
-  h1 {
-    font-size: 54px;
-  }
-
-  h2 {
-    font-size: 28px;
-  }
-
-  .shot-heading {
-    font-size: 36px;
-  }
-
-  .share-header h1 {
-    font-size: 44px;
-  }
-
-  .shot-bubble,
-  .message-card,
-  .turn.user .message-card,
-  .turn.tool .message-card {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  .body {
-    font-size: 17px;
-  }
-}
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.collapse{visibility:collapse}.visible{visibility:visible}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}:root{--ink:#17202a;--muted:#617181;--soft:#8492a3;--line:#d9e2e8;--paper:#f6f8f5;--paper-2:#eef4f1;--panel:#fff;--panel-soft:#f8fbf9;--teal:#0f766e;--blue:#2f6fbb;--green:#15803d;--red:#b43b45;--amber:#b7791f;--violet:#7157a8;--shadow-soft:0 24px 70px -54px #17202a6b;--shadow-panel:0 26px 80px -62px #17202a8c;--grid-strong:#17202a0f;--grid-soft:#17202a09}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:linear-gradient(90deg, var(--grid-strong) 1px, transparent 1px), linear-gradient(var(--grid-soft) 1px, transparent 1px), linear-gradient(180deg, var(--paper), #fbfcfb 72%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-size:24px 24px,24px 24px,auto;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}code,pre,.eyebrow,.status-pill,.button,.share-meta,.public-session-engine,.public-session-meta,.shot-kicker,.shot-meta,.shot-tabs,.shot-project em,.shot-risk,.hero-stats,.copy-button{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,PingFang SC,Microsoft YaHei,monospace}.shell,.share-shell{width:min(1320px,100vw - 32px);margin:0 auto;padding:28px 0 72px}.hero{grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);align-items:center;gap:48px;min-height:min(720px,100vh - 32px);display:grid}.hero-copy{max-width:620px}.eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:22px;font-size:80px;line-height:.98}h2{letter-spacing:0;margin-bottom:12px;font-size:30px;line-height:1.2}.lede,.status-panel p,.commands p{color:var(--muted);font-size:20px;line-height:1.68}.hero-stats{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-stats span{min-height:34px;color:var(--muted);background:#ffffffb8;border:1px solid #17202a1c;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 18px 44px -42px #17202a80}.hero-stats b{color:var(--ink);font-weight:900}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{min-height:46px;color:var(--ink);cursor:pointer;background:#ffffffdb;border:1px solid #17202a24;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13px;font-weight:900;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.button span[aria-hidden=true]{min-width:24px;height:24px;color:var(--muted);background:#17202a12;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.button:hover{border-color:#17202a4d;transform:translateY(-1px);box-shadow:0 18px 44px -36px #17202a99}.button.primary{color:#fff;background:#111827;border-color:#111827}.button.primary span[aria-hidden=true]{color:#fff;background:#ffffff1f}.product-shot{min-height:560px;box-shadow:var(--shadow-panel);background:#ffffffd1;border:1px solid #17202a29;border-radius:8px;grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr);display:grid;overflow:hidden}.shot-sidebar,.shot-main{min-width:0;padding:22px}.shot-sidebar{background:linear-gradient(180deg, #ffffffd1, #f8fbf9eb), var(--panel-soft);border-right:1px solid #17202a1f}.shot-title{margin-bottom:16px;font-size:26px;font-weight:900;line-height:1}.shot-search{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--soft);border-radius:8px;margin-bottom:12px;padding:11px 12px 0;font-size:12px}.shot-tabs{background:#ffffffb8;border:1px solid #17202a1a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:4px;display:grid}.shot-tabs span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:9px 7px;font-size:10px;font-weight:900;overflow:hidden}.shot-tabs .active{background:var(--ink);color:#fff}.shot-tabs b{font-weight:900}.shot-project{min-height:64px;color:var(--muted);border-radius:8px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 9px;display:grid}.shot-project+.shot-project{margin-top:4px}.shot-project.active{color:var(--ink);background:#0f766e1a}.shot-project b,.shot-project small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.shot-project b{font-size:14px}.shot-project small,.shot-project em{color:var(--soft);font-size:11px;font-style:normal}.shot-dot{background:var(--blue);border-radius:999px;width:10px;height:10px}.shot-dot.green{background:var(--teal)}.shot-dot.amber{background:var(--amber)}.shot-main{background-color:#ffffffad;background-image:linear-gradient(90deg,#17202a09 1px,#0000 1px),linear-gradient(#17202a07 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;gap:14px;display:flex}.shot-topbar{border-bottom:1px solid #17202a1f;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding-bottom:14px;display:grid}.shot-heading{max-width:420px;font-size:32px;font-weight:900;line-height:1.18}.shot-switches{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.shot-switches span{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--muted);border-radius:8px;align-items:center;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.shot-switches .on{color:var(--teal);background:#0f766e1c;border-color:#0f766e42}.shot-meta{flex-wrap:wrap;gap:8px;display:flex}.shot-meta span{color:var(--muted);background:#ffffffc7;border:1px solid #17202a1a;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800}.shot-risk{border-left:4px solid var(--green);color:var(--muted);background:#15803d14;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:800;display:grid}.shot-risk b{color:var(--green)}.shot-bubble{border-radius:8px;max-width:82%;padding:16px 18px;font-size:17px;line-height:1.58;box-shadow:0 22px 56px -48px #17202a80}.shot-bubble.user{background:#eef9f6;border:1px solid #0f766e2e;align-self:flex-end}.shot-bubble.assistant{background:#f5f8fd;border:1px solid #2f6fbb29;align-self:flex-start}.status-grid{grid-template-columns:1fr;gap:18px;margin-top:18px;display:grid}.public-sessions{margin-top:42px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2{margin-bottom:0}.public-session-actions{justify-content:flex-end;align-items:end;gap:10px;display:flex}.github-auth{justify-content:flex-end;align-items:center;gap:10px;min-height:42px;display:flex}.github-auth-user,.github-auth-note{min-width:0;color:var(--muted);align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:12px;font-weight:900;display:inline-flex}.github-auth-user img{background:#fff;border:1px solid #17202a2e;border-radius:50%;flex:none;width:26px;height:26px}.github-auth-user span,.github-auth-note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-session-status{color:var(--muted);margin:-6px 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:12px;font-weight:900}.public-session-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.public-session-card,.public-session-empty{min-width:0;box-shadow:var(--shadow-soft);background:#ffffffe6;border:1px solid #17202a1c;border-radius:8px}.public-session-card{min-height:178px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.public-session-card:hover{border-color:#2f6fbb3d;transform:translateY(-2px);box-shadow:0 22px 62px -48px #17202a9e}.public-session-link{align-content:space-between;gap:18px;min-height:178px;padding:18px 18px 62px;display:grid}.public-session-link:focus-visible,.public-session-delete:focus-visible{outline-offset:-3px;outline:3px solid #2f6fbb38}.public-session-delete{min-height:34px;color:var(--red);cursor:pointer;background:#b43b4514;border:1px solid #b43b4542;border-radius:8px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:12px;font-weight:900;transition:transform .16s,border-color .16s,background-color .16s;position:absolute;bottom:18px;right:18px}.public-session-delete:hover:not(:disabled){background:#b43b4521;border-color:#b43b4575;transform:translateY(-1px)}.public-session-delete:disabled{cursor:wait;opacity:.62}.public-session-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.public-session-engine{min-width:0;max-width:60%;min-height:28px;color:var(--teal);text-overflow:ellipsis;white-space:nowrap;background:#0f766e1a;border:1px solid #0f766e33;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex;overflow:hidden}.public-session-top time{color:var(--soft);flex:none;font-size:12px;font-weight:800}.public-session-card h3{-webkit-line-clamp:2;min-height:58px;color:var(--ink);letter-spacing:0;-webkit-box-orient:vertical;margin:0;font-size:23px;line-height:1.26;display:-webkit-box;overflow:hidden}.public-session-meta{color:var(--muted);margin:0;font-size:12px;font-weight:900}.public-session-owner{color:var(--soft);margin:-10px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:11px;font-weight:900}.public-session-empty{color:var(--muted);grid-column:1/-1;padding:20px;font-size:16px}.status-panel,.command-block,.share-header,.empty{box-shadow:var(--shadow-soft);background:#ffffffe6;border:1px solid #17202a1c;border-radius:8px}.status-panel,.command-block{padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.status-pill{background:var(--panel-soft);min-height:30px;color:var(--muted);border:1px solid #17202a1f;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.status-pill.ready{color:var(--teal);background:#0f766e1a;border-color:#0f766e3d}.status-pill.error{color:var(--red);background:#b43b4514;border-color:#b43b453d}pre{color:#edf4ff;background:#111722;border:1px solid #253043;border-radius:8px;max-width:100%;margin:0;padding:16px;font-size:13px;line-height:1.62;overflow:auto}.command-line{gap:10px;margin-top:20px;display:grid}.command-line.large{margin-top:0}.copy-button{cursor:pointer;justify-self:start;min-height:38px;padding:0 13px}.commands{gap:18px;margin-top:18px;display:grid}.command-block{grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);align-items:center;gap:28px;min-width:0;display:grid}.command-block-copy{min-width:0}.command-block h2{margin-bottom:16px}.command-block p{color:var(--muted);margin-bottom:0;font-size:18px;line-height:1.62}.share-shell{max-width:1180px}.share-header{padding:26px}.share-header h1{margin-bottom:16px;font-size:56px;line-height:1.05}.share-meta{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:900}.share-goal{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);gap:12px;margin-top:18px;padding-top:14px;display:grid}.share-goal span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:11px;font-weight:900}.share-goal p{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:15px;font-weight:700;line-height:1.58}.turns{gap:28px;margin-top:28px;display:grid}.turn{min-width:0;display:flex}.turn.user{justify-content:flex-end}.turn.assistant,.turn.tool,.turn.process{justify-content:flex-start}.message-card{min-width:0;max-width:min(930px,76%)}.turn.user .message-card{box-shadow:var(--shadow-soft);background:#eef9f6;border:1px solid #0f766e2e;border-radius:8px;padding:18px 22px}.turn.assistant .message-card{max-width:min(900px,74%)}.turn.tool .message-card{background:#fff9ea;border:1px solid #b7791f42;border-radius:8px;width:min(930px,86%);padding:15px 16px}.process-details{color:#17202a9e;border-top:1px solid #17202a1f;width:min(930px,76%)}.process-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;min-height:42px;font:800 17px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;display:inline-flex}.process-summary::-webkit-details-marker{display:none}.process-summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .16s;transform:translateY(-2px)rotate(45deg)}.process-details[open] .process-summary:after{transform:translateY(2px)rotate(225deg)}.process-body{gap:22px;padding:6px 0 8px;display:grid}.process-entry{min-width:0}.process-tool{border-left:3px solid #b7791f52;max-width:min(860px,100%);padding-left:12px}.body{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:18px;line-height:1.75}.body>:first-child{margin-top:0}.body>:last-child{margin-bottom:0}.body code{background:#17202a0f;border:1px solid #17202a1f;border-radius:6px;padding:.08rem .34rem;font-size:.9em}.body pre,.tool-details pre{color:#edf4ff;background:#111722;border:1px solid #253043;border-radius:8px;max-width:100%;padding:16px;font:13px/1.58 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.attachment-grid{gap:18px;margin-top:24px;display:grid}.image-attachment{min-width:0;margin:0}.image-attachment img{object-fit:contain;background:#fff;border:1px solid #17202a2e;border-radius:8px;max-width:100%;max-height:540px;display:block}.image-unavailable{border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:16px}.empty{color:var(--muted);padding:20px}@media (max-width:1080px){.hero{grid-template-columns:1fr;min-height:0;padding-top:28px}.product-shot{min-height:520px}}@media (max-width:860px){.status-grid,.commands,.command-block,.public-session-grid,.product-shot{grid-template-columns:1fr}.shot-sidebar{display:none}h1{font-size:62px}.shot-heading{font-size:28px}.share-header h1{font-size:44px}}@media (max-width:680px){.shell,.share-shell{width:min(100vw - 20px,1320px);padding-top:16px}.actions{display:grid}.section-heading{align-items:start;display:grid}.public-session-actions{justify-content:stretch;display:grid}.github-auth{justify-content:space-between}.product-shot{min-height:420px}.shot-main,.status-panel,.command-block,.share-header{padding:18px}.shot-topbar{grid-template-columns:1fr}.shot-switches{justify-content:flex-start}h1{font-size:44px}h2{font-size:25px}.lede,.status-panel p,.commands p{font-size:17px}.shot-heading{font-size:25px}.share-header h1{font-size:34px}.shot-bubble,.message-card,.process-details,.turn.user .message-card,.turn.tool .message-card{width:100%;max-width:100%}.body{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
+/*$vite$:1*/