.pig-terminal{--pt-border:#5f87ff;--pt-editor-rule:#505050;--pt-muted:gray;--pt-dim:#666;--pt-accent:#8abeb7;--pt-success:#b5bd68;--pt-warning:#ff0;--pt-text:#d4d4d4;--pt-user-bg:#343541;--pt-tool-bg:#283228;--pt-tool-pending-bg:#282832;--pt-selected-bg:#3a3a4a}.pt-screen{white-space:pre-wrap;overflow-wrap:anywhere;color:#dfede6;padding:18px 16px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.pt-screen strong{font-weight:700}.pt-user{background:var(--pt-user-bg);color:var(--pt-text);margin:0 0 12px;padding:8px}.pt-tool{background:var(--pt-tool-bg);color:var(--pt-text);margin:0 0 12px;padding:8px}.pt-tool-pending{background:var(--pt-tool-pending-bg)}.pt-tool>div+div{margin-top:4px}.pt-assistant{margin:0 0 12px;padding:0 8px}.pt-accent{color:var(--pt-accent)}.pt-muted{color:var(--pt-muted)}.pt-dim{color:#dfede6;opacity:.55;margin:0 0 12px}.pt-success{color:var(--pt-success)}.pt-warning{color:var(--pt-warning)}.pt-bold{font-weight:700}.pt-rule{border-top:1px solid var(--pt-editor-rule);height:0;margin:9px 0}.pt-border-rule{border-color:var(--pt-border)}.pt-working{height:auto;color:var(--pt-editor-rule);border:0;align-items:center;gap:0;margin:0;display:flex}.pt-working:after{content:"";border-top:1px solid var(--pt-editor-rule);flex:1}.pt-working>span{white-space:pre}.pt-editor-line{align-items:center;height:1.6em;display:flex}.pt-cursor{background:#dfede6;width:.62em;height:1.3em;display:block}.pt-footer{color:var(--pt-dim)}.pt-footer-stats{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.pt-queued{color:var(--pt-muted)}.pt-selector-pad{padding-left:2ch}.pt-selector button{text-align:left;width:100%;font:inherit;color:inherit;white-space:pre-wrap;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.pt-selector button:focus-visible{outline:1px solid var(--pt-accent);outline-offset:1px}.pt-selector .pt-selected{background:var(--pt-selected-bg);font-weight:700}.pt-tree-gutter{color:var(--pt-dim)}.pt-heading{color:#f0c674;font-weight:700;text-decoration:underline}@media (max-width:420px){.pt-screen{padding:14px 10px;font-size:11px}}
.port-hero:has(>.hero-video){grid-template:"copy mark""copy video"/minmax(0,1.1fr) minmax(0,1fr);align-content:center;row-gap:22px}.port-hero:has(>.hero-video)>.hero-copy{grid-area:copy;align-self:center}.port-hero:has(>.hero-video)>.port-wordmark{text-align:left;grid-area:mark;grid-template-columns:111px minmax(0,1fr);align-self:end;gap:4px 22px;padding:0 0 18px;display:grid}.port-hero:has(>.hero-video) .hero-sprite{grid-area:1/1/3;width:111px;height:90px}.port-hero:has(>.hero-video)>.port-wordmark>span{letter-spacing:-3px;grid-column:2;align-self:end;margin:0;font-size:58px;line-height:1}.port-hero:has(>.hero-video)>.port-wordmark>div{grid-column:2;align-self:start;margin:0}.port-hero:has(>.hero-video)>.port-wordmark>a{grid-column:1/-1;justify-content:flex-start;margin-top:10px}.port-hero>.hero-video{grid-area:video;align-self:start}@media (max-width:800px){.port-hero:has(>.hero-video){grid-template-columns:minmax(0,1fr);grid-template-areas:"mark""video""copy";row-gap:18px;padding-top:24px}.port-hero:has(>.hero-video)>.port-wordmark{order:0;padding:0}.port-hero:has(>.hero-video)>.port-wordmark>a{margin-top:6px}}@media (max-width:390px){.port-hero:has(>.hero-video)>.port-wordmark>span{font-size:50px}}.hero-video{min-width:0;margin:0}.hero-video-frame{border:1px solid var(--line);background:#101c1a;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 50px #101c1a2e}.hero-video video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.hero-video-start{color:#e8f4f0;cursor:pointer;background:#101c1ac7;border:0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:auto;padding-left:6px;font-size:26px;display:flex;position:absolute;inset:0}.hero-video-controls{opacity:.9;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.hero-video-controls button{letter-spacing:.2px;color:#e8f4f0;cursor:pointer;background:#101c1ac7;border:1px solid #e8f4f040;border-radius:6px;min-height:30px;padding:7px 9px;font:600 12px/1 Arial,sans-serif}.hero-video-controls button[aria-pressed=true]{background:#127560;border-color:#25c99b}.hero-video-controls button:hover{background:#101c1af2}.hero-video-start:focus-visible,.hero-video-controls button:focus-visible{outline-offset:2px;outline:3px solid #25c99b}.hero-video figcaption{margin-top:12px;font-size:14px}.hero-video figcaption a{color:var(--green);align-items:center;gap:8px;display:inline-flex}.hero-video figcaption a svg{stroke:currentColor}@media (max-width:540px){.hero-video-controls{gap:4px;bottom:6px;right:6px}.hero-video-controls button{padding:6px 7px;font-size:11px}}.tutorial-video{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:34px 0 40px;padding:26px}.tutorial-video h2{margin-top:0}.tutorial-video>p{color:var(--subtle)}.tutorial-video video{background:#101c1a;border-radius:8px;width:100%;height:auto;margin:18px 0 8px;display:block}.tutorial-commands{margin:12px 0 0;padding-left:22px}.tutorial-commands li>p{margin:18px 0 -10px;font-weight:600}.tutorial-commands .codeblock{margin-bottom:14px}@media (max-width:540px){.tutorial-video{margin-left:-4px;margin-right:-4px;padding:16px}}.press-video-files{flex-wrap:wrap;gap:8px 18px;margin:10px 0 0;padding:0;list-style:none;display:flex}.press-video-files a{align-items:center;gap:6px;display:inline-flex}