.auth{background:var(--paper);flex-direction:column;align-items:center;height:100%;padding:clamp(40px,16vh,160px) 24px 40px;display:flex;overflow:auto}.auth__sheet{flex-direction:column;width:100%;max-width:304px;display:flex}.auth__mark{border-bottom:1px solid var(--ink-structure);padding-bottom:12px}.auth__title{letter-spacing:-.01em;margin:20px 0 0;font-size:13px;font-weight:600;line-height:16px}.auth__title:focus-visible{box-shadow:none}.auth__lead{color:var(--ink-2);overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:22px}.auth__lead b{color:var(--ink);font-weight:500}.auth__form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.auth__form .in{height:32px;font-size:13px}.auth__form .in[readonly]{background:var(--paper-index);color:var(--ink-2)}.auth__form .btn.wide{margin-top:4px}.auth__form .errline{margin:0}.auth__foot{color:var(--ink-3);margin:20px 0 0;font-size:12px;line-height:16px}.auth__actions{gap:8px;margin-top:20px;display:flex}.auth__status{color:var(--ink-3);margin:20px 0 0}@media (width<=900px){.auth__form .in{height:40px;font-size:16px}.auth__form .btn.wide{height:40px}}.acct{background:var(--paper);border:1px solid var(--divider);border-radius:var(--r-frame);width:264px;font:12px/16px var(--font);color:var(--ink);outline:none;padding:4px}.acct__who{border-bottom:1px solid var(--divider);flex-direction:column;min-width:0;margin-bottom:4px;padding:6px 8px 8px;display:flex}.acct__who span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct__item{border-radius:var(--r-row);text-align:left;align-items:center;width:100%;height:28px;padding:0 8px;display:flex}.acct__item:hover:not(:disabled),.acct__item:focus-visible{background:var(--paper-hover)}.acct__item:disabled{color:var(--ink-3)}.acct__item{color:var(--ink-2);gap:8px}.acct__item:hover:not(:disabled),.acct__item:focus-visible{color:var(--ink)}.acct__item[aria-current=page]{background:var(--paper-press);color:var(--ink)}.acct__more{color:var(--ink-3);margin-left:auto;display:inline-flex;transform:rotate(-90deg)}.acct__back{color:var(--ink);font-weight:600}.acct__backglyph{color:var(--ink-3);display:inline-flex;transform:rotate(90deg)}.acct__sep{background:var(--divider);height:1px;margin:4px 0}.acct__switch{min-height:32px;color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:2px 8px;display:flex}.acct__switch>span{flex-direction:column;min-width:0;display:flex}.acct__switch small{color:var(--ink-3);font-size:11px;line-height:14px}.acct__note{color:var(--ink-3);margin:4px 8px 6px;font-size:11px;line-height:15px}.acct .errline{margin:4px 8px 6px}.acct__form{flex-direction:column;gap:10px;padding:8px;display:flex}.acct__form h2{margin:0;font-size:12px;font-weight:600;line-height:16px}.acct__form .errline{margin:0}.acct__done{color:var(--ink-2);align-items:center;gap:4px;margin:0;padding:8px;display:flex}.ulinks{flex-direction:column;grid-column:1/-1;gap:8px;min-width:0;margin-top:-8px;padding-left:36px;display:flex}.ulinks__a{flex-wrap:wrap;align-items:center;gap:2px;margin-left:-6px;display:flex}.ulinks .chip{justify-self:auto;height:20px;padding:0 6px;font-size:11px}.ulinks__link{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;max-width:560px;padding-bottom:4px;display:grid}.ulinks__link .field__hint{grid-column:1/-1}.ulinks__link .in{font-family:var(--font-mono);font-size:11px}.ulinks .errline{margin:0}@media (width<=900px){.ulinks{padding-left:0}}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin-variable.woff2)format("woff2")}:root{--paper:#fff;--paper-index:#f2f2f2;--paper-canvas:#f6f6f6;--paper-hover:#0000000a;--paper-press:#00000012;--divider:#e0e0e0;--dot-grid:#d3d3d3;--ink:#000000e6;--ink-2:#0000009e;--ink-3:#0000008a;--ink-hair:#00000052;--accent:#0d99ff;--accent-text:#0069c2;--accent-soft:#e5f4ff;--ok:#16a34a;--bad:#ef4444;--bad-text:#dc2626;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, Menlo, Consolas, monospace;--r-rule:2px;--r-control:4px;--r-row:6px;--r-frame:8px;--r-sheet:12px;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font:12px/16px var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}@layer cm-reset{button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0 solid;padding:0}:where([class^=css-],[class*=\ css-]){border-style:solid;border-width:0;border-color:var(--chakra-colors-border,#e4e4e7);margin:0}}button:disabled,button[aria-disabled=true]{cursor:default}a{color:var(--accent-text)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}::selection{background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.i{stroke:currentColor;fill:none;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.i.s{width:14px;height:14px}.wordmark{letter-spacing:-.01em;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.pi.logo{stroke-width:1.4px;width:16px;height:16px;color:var(--ink)}.pi.turn__mark{stroke-width:1.05px;width:26px;height:26px}.turn__working{color:var(--ink-2);align-items:center;gap:12px;margin-top:6px;font-size:12px;line-height:16px;display:flex}.pi.logo--working{stroke-width:.9px;width:36px;height:36px}.pi.on,.glyph.on{color:var(--accent-text)}.glyph.on{flex:none;place-items:center;width:20px;height:20px;display:grid}.glyph{vertical-align:middle;flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.glyph.ok{color:var(--ok)}.glyph.bad{color:var(--bad)}.shell{grid-template-columns:var(--sw,248px) 8px minmax(420px, 1fr) 8px min(max(var(--rw,45%), 360px), calc(100vw - var(--sw,248px) - 436px));grid-template-rows:minmax(0,1fr);height:100%;display:grid}.main,.right,.side{min-height:0}.shell[data-side=off]{grid-template-columns:0 0 minmax(420px, 1fr) 8px min(max(var(--rw,45%), 360px), calc(100vw - 428px))}.shell[data-right=off]{grid-template-columns:var(--sw,248px) 8px minmax(420px, 1fr) 0 0}.shell[data-side=off][data-right=off]{grid-template-columns:0 0 1fr 0 0}.shell[data-expanded]{grid-template-columns:0 0 0 0 1fr}.shell[data-screen]{grid-template-columns:var(--sw,248px) 8px minmax(0, 1fr)}.shell[data-screen][data-side=off]{grid-template-columns:0 0 minmax(0,1fr)}.shell[data-expanded] .main,.shell[data-expanded] .side,.shell[data-expanded] .handle{display:none}.shell>.side{grid-column:1}.shell>.handle.a{grid-column:2}.shell>.main{grid-column:3}.shell>.handle.b{grid-column:4}.shell>.right{grid-column:5}.shell[data-expanded]>.right{grid-column:1/-1}.handle{cursor:col-resize;touch-action:none;background:0 0;position:relative}.handle:after{content:"";background:var(--divider);width:1px;transition:background-color .1s;position:absolute;top:0;bottom:0;left:50%}.handle.a{background:linear-gradient(to right, var(--paper-index) 50%, var(--paper) 50%)}.handle.b{background:linear-gradient(to right, var(--paper) 50%, var(--paper-canvas) 50%)}.handle:hover:after{background:var(--accent)}.shell[data-side=off] .handle.a,.shell[data-right=off] .handle.b{display:none}.shell[data-side=off] .side,.shell[data-right=off] .right{visibility:hidden}.side{background:var(--paper-index);flex-direction:column;min-width:0;display:flex;overflow:hidden}.side__head{flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 12px;display:flex}.side__btns{gap:2px;display:flex}.side__nav{flex-direction:column;padding:4px 8px;display:flex}.side__list{scrollbar-width:thin;scrollbar-color:var(--divider) transparent;flex:1;min-height:0;overflow:auto}.nav{width:100%;height:30px;color:var(--ink-2);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:0 8px;transition:background-color .15s,color .15s;display:flex}.nav:hover:not(:disabled){color:var(--ink);background:#00000009}.nav:disabled{color:var(--ink-3)}.nav[aria-current=page]{background:var(--paper-press);color:var(--ink)}.side__empty{color:var(--ink-3);margin:0;padding:12px 14px}.sheet{width:100%;height:30px;color:var(--ink-2);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:0 8px 0 6px;transition:background-color .15s,color .15s;display:flex}.sheet:hover{color:var(--ink);background:#00000009}.sheet[aria-current=page]{background:var(--paper-press);color:var(--ink)}.sheet .lbl{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sheet .t{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:45%;font-size:11px;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.side__foot{height:52px;color:var(--ink-2);border-top:1px solid #0000000d;flex:none;align-items:center;gap:4px;padding:0 8px;display:flex}.side__me{border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;height:34px;padding:0 6px;transition:background-color .15s;display:flex}.side__me:hover{background:#00000009}.side__foot .n{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.main{flex-direction:column;min-width:0;display:flex;position:relative}.top{flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 12px 0 16px;display:flex}.top__l{align-items:center;gap:4px;min-width:0;display:flex}.model{height:24px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:0 6px;font-size:13px;font-weight:600;display:flex}.top__r{align-items:center;gap:4px;display:flex}.top__r>.chakra-badge{margin-right:4px}.drawer-open,.drawer-close,.scrim{display:none}.scroll{padding:8px 24px max(168px, calc(var(--composer-h,0px) + 28px));scrollbar-width:thin;scrollbar-color:var(--divider) transparent;flex:1;overflow:auto}.col{flex-direction:column;gap:28px;max-width:720px;margin:0 auto;display:flex}.msg-user-wrap{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:4px;max-width:78%;display:flex}.msg-user-wrap .msg-user{max-width:100%}.msg-user-wrap[data-ghost] .msg-user{background:var(--paper);color:var(--ink-2);border:1px dashed #d4d4d8}.msg-status{color:var(--ink-2);text-align:right;margin:0;padding:0 4px;font-size:12px;line-height:16px}.msg-reject{color:#991919;overflow-wrap:anywhere;background:#fee2e2;border-radius:8px;max-width:60ch;margin:0;padding:4px 10px;font-size:12px;line-height:16px}.older{text-align:center;color:var(--ink-3);pointer-events:none;z-index:2;font-size:11px;position:absolute;top:52px;left:0;right:0}.msg-user{background:var(--paper-hover);border-radius:var(--r-sheet);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-end;max-width:78%;padding:10px 14px;font-size:14px;line-height:22px}.msg-glyph{color:var(--ink-2);vertical-align:-2px;margin-right:6px}.msg-system{border-radius:8px;flex-direction:column;align-self:stretch;gap:2px;margin:0 -6px;padding:4px 6px;transition:background-color .1s;display:flex}.msg-system:hover{background:var(--paper-hover)}.msg-system__line{color:var(--ink-2);align-items:center;gap:8px;font-size:12px;line-height:18px;display:flex}.msg-system__line>span:first-of-type{overflow-wrap:anywhere}.msg-system__line[data-failed]{color:var(--bad-text)}.msg-system__time{color:var(--ink-3);margin-left:auto}.msg-atts{white-space:normal;flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.msg-att{background:var(--paper);max-width:220px;height:24px;color:var(--ink-2);border:1px solid #e4e4e7;border-radius:9999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:16px;display:inline-flex}.msg-att span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);overflow:hidden}.turn{flex-direction:column;gap:12px;min-width:0;font-size:14px;line-height:22px;display:flex}.turn__head{align-items:center;gap:8px;display:flex}.turn__head b{letter-spacing:-.01em;font-size:13px;font-weight:600}.turn__timer{color:var(--ink-2);margin-top:-8px;font-size:12px}.turn p{max-width:70ch;margin:0}.turn p+p{margin-top:8px}.turn b{font-weight:600}.turn ul,.turn ol{max-width:70ch;margin:8px 0 0;padding-left:20px}.turn code{font:12px/16px var(--font-mono);background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;padding:1px 5px}.turn pre{background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;max-width:70ch;margin:8px 0 0;padding:10px 12px;overflow:auto}.turn pre code{background:0 0;border:0;border-radius:0;padding:0;line-height:18px}.caret{background:var(--ink);vertical-align:-2px;width:1px;height:14px;margin-left:2px;display:inline-block}.turn-steer{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:4px;max-width:78%;display:flex}.turn .turn-steer__text{color:var(--ink-2);text-align:right;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding-right:2px;font-size:12px;line-height:16px}.md-table{max-width:100%;margin-top:8px;overflow-x:auto}.md-table table{border-collapse:collapse;font-size:12px;line-height:16px}.md-table th,.md-table td{border-bottom:1px solid var(--divider);text-align:left;vertical-align:top;padding:4px 12px 4px 0}.md-table th{color:var(--ink-2);white-space:nowrap;border-bottom-color:#d4d4d8;font-weight:500}.md-table [data-align=right]{text-align:right}.md-table [data-align=center]{text-align:center}.steps{flex-direction:column;font-size:12px;line-height:16px;display:flex}.step{width:100%;min-height:26px;color:var(--ink-2);text-align:left;opacity:1;transition:opacity .2s var(--ease), transform .2s var(--ease), background-color .12s;border-radius:8px;align-items:center;gap:8px;margin-top:-1px;padding:0 6px;display:flex;transform:none}.step:hover,.step[data-hl]{background:var(--paper-hover);color:var(--ink)}@starting-style{.step{opacity:0;transform:translateY(4px)}}.step[data-live]{color:var(--ink)}.step .lab{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.step .tm{color:var(--ink-3);text-align:right;min-width:34px;font-size:12px}.step[data-state=waiting]{color:var(--ink)}.step__open{text-align:left;min-width:0;color:inherit;flex:1;align-items:center;gap:8px;display:flex}.step .wait-link{color:var(--accent-text);white-space:nowrap;border-radius:var(--r-control);padding:0 2px;text-decoration:none}.step .wait-link:hover{text-underline-offset:2px;text-decoration:underline}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.answer{animation:fade .3s var(--ease);flex-direction:column;gap:12px;display:flex}@keyframes fade{0%{opacity:0}}.answer-text{min-width:0}.inline-frame{align-items:flex-start;gap:12px;display:flex}.thumb{aspect-ratio:9/16;background:var(--paper-hover);border:1px solid #e4e4e7;border-radius:8px;flex:none;width:84px;transition:border-color .1s;position:relative;overflow:hidden;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.thumb:hover{border-color:#d4d4d8}.poster-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.poster-ph{background:var(--paper-hover);position:absolute;inset:0}.composer{pointer-events:none;padding:0 24px;position:absolute;bottom:0;left:0;right:0}.composer>*{pointer-events:auto}.composer__in{max-width:720px;margin:0 auto;position:relative}.box{background:var(--paper);border:1px solid #e4e4e7;border-radius:18px;flex-direction:column;gap:6px;padding:12px 10px 8px 16px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.box:focus-within{border-color:#7cc4ff;box-shadow:0 0 0 3px #eef7ff}.box textarea{resize:none;font:14px/22px var(--font);color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-height:22px;max-height:132px;padding:0}.box textarea::placeholder{color:var(--ink-3)}.box textarea:focus-visible{box-shadow:none}.tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.tools .l,.tools .r{align-items:center;gap:2px;min-width:0;display:flex}.tools .l{margin-left:-8px}.tools .r{flex:none;gap:8px}.send .st{border-radius:var(--r-rule);background:currentColor;width:10px;height:10px}.send .a{stroke-width:1.75px}.disc{text-align:center;color:var(--ink-3);background:var(--paper);min-height:12px;margin:0;padding:6px 0;font-size:11px}.disc.notice{color:var(--ink);background:var(--paper);justify-content:center;align-items:center;gap:4px;display:flex}.right{background:var(--paper-canvas);flex-direction:column;min-width:0;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--divider);flex:none;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 8px 0 12px;display:flex}.tabs__r{gap:2px;display:flex}.panel-close{display:none}.panel-slot{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.panel-slot[hidden]{display:none}.panel{position:absolute;inset:0;overflow:hidden}.panel-empty{color:#52525b;max-width:46ch;margin:0;padding:24px 16px;font-size:13px;line-height:20px}.canvas{background:var(--paper-canvas) radial-gradient(circle, var(--dot-grid) 1px, transparent 1.2px) 0 0 / 16px 16px;cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.canvas[data-drag]{cursor:grabbing}.canvas-empty{color:var(--ink-3);margin:0;position:absolute;top:16px;left:16px}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.edge{fill:none;stroke:#b9b9c0;stroke-width:1px;transition:stroke .3s}.edge[data-state=pending]{stroke:#d2d2d8;stroke-dasharray:3 3}.edge[data-state=active]{stroke:var(--accent);stroke-width:1.25px}.edge[data-state=failed]{stroke:var(--bad)}.edge-dot{fill:var(--accent)}@starting-style{.node{opacity:0;transform:translateY(6px)}}.grp{transition:top .3s var(--ease), height .3s var(--ease)}.canvas-panel .scalebar{position:absolute;bottom:12px;left:12px}.canvas-panel .tblock{width:248px;position:absolute;bottom:12px;right:12px}.scalebar button,.tblock button{padding:0 8px}.scalebar button:hover,.tblock button:hover{background:var(--paper-hover)}.scalebar button[aria-pressed=true]{background:var(--accent-soft)}.viewer{background:var(--paper-canvas);flex-direction:column;display:flex;position:absolute;inset:0}.viewer__main{flex:1;min-height:0;position:relative}.preview{flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.frames{flex:none;justify-content:center;gap:12px;width:100%;height:clamp(220px,100% - 72px,min(62vh,560px));display:flex}.frame{aspect-ratio:9/16;background:var(--paper);border:1px solid #e4e4e7;border-radius:14px;flex:none;max-width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.frames:has(>.frame+.frame) .frame{max-width:calc(50% - 6px)}.frame video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.frame-msg{color:#52525b;text-align:center;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.frame-tag{background:var(--paper);height:20px;font:500 12px/20px var(--font);font-variant-numeric:tabular-nums;color:#27272a;border-radius:9999px;padding:0 8px;position:absolute;top:8px;left:8px;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.frame[data-tool]{cursor:crosshair}.cloud-layer{cursor:crosshair;touch-action:none;position:absolute;inset:0}.frame .cloud{pointer-events:none;position:absolute;overflow:visible}.frame .cloud path{fill:none;stroke:var(--accent);stroke-width:1.5px}.frame .note{background:var(--paper);color:var(--accent-text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border:1px solid #3eaaff;border-radius:8px;max-width:90%;padding:3px 8px;font-size:12px;line-height:16px;position:absolute;overflow:hidden;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.note-input{width:min(240px,84%);position:absolute}.note-input input{width:100%;height:30px;font:12px/16px var(--font);color:var(--ink);background:var(--paper);border:1px solid #7cc4ff;border-radius:8px;outline:0;padding:0 10px;box-shadow:0 0 0 3px #eef7ff}.note-input input:focus-visible{box-shadow:0 0 0 3px #eef7ff}.scrub{flex:none;align-items:center;gap:6px;width:min(100%,420px);display:flex}.scrub .track{flex:1;align-items:center;height:24px;display:flex;position:relative}.scrub input[type=range]{accent-color:#3f3f46;background:0 0;width:100%;height:24px;margin:0}.scrub .mark{border-radius:50%;place-items:center;width:16px;height:16px;margin-left:-8px;display:grid;position:absolute;top:-3px}.scrub .mark:before{content:"";border:1.5px solid var(--accent);background:var(--paper);border-radius:50%;width:8px;height:8px}.scrub .tc{color:#52525b;text-align:right;min-width:84px;font-size:12px}.preview .meta,.doc .meta{color:#52525b;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;font-size:12px;display:flex}.meta b{color:#18181b;font-size:13px;font-weight:600}.preview .act{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hint{color:#52525b;text-align:center;max-width:40ch;margin:0;font-size:12px}.clouds{background:var(--paper);border:1px solid #e4e4e7;border-radius:14px;flex-direction:column;flex:none;width:min(100%,420px);padding:4px;display:flex;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.cloud-row{text-align:left;color:#27272a;border-radius:8px;align-items:center;gap:8px;min-height:32px;padding:0 8px;transition:background-color .1s;display:flex}.cloud-row:hover{background:#fafafa}.cloud-row .i{color:#a1a1aa}.cloud-row .tnum{color:#52525b}.cloud-row .f{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.image-well{background:var(--paper);cursor:grab;touch-action:none;border:1px solid #e4e4e7;border-radius:14px;flex:1;place-items:center;width:100%;min-height:240px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.image-well img{transform-origin:50%;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.wave-well{background:var(--paper);border:1px solid #e4e4e7;border-radius:14px;flex:none;place-items:center;width:100%;height:140px;padding:12px;display:grid;position:relative;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.wave{cursor:pointer;width:100%;height:96px;display:block}.wave rect{fill:#d4d4d8}.wave rect[data-played]{fill:#3f3f46}.wave .head{stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke}.doc{background:var(--paper);flex-direction:column;display:flex;position:absolute;inset:0}.doc__bar{border-bottom:1px solid #f4f4f5;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 16px;display:flex}.doc .meta{justify-content:flex-start}.doc__body{font:12px/20px var(--font-mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:12px 16px 24px;overflow:auto}.doc__body ins{background:#d9eeff;border-radius:3px;text-decoration:none}.doc__body del{color:#71717a;-webkit-text-decoration:line-through #a1a1aa;text-decoration:line-through #a1a1aa}.doc__msg{color:#52525b;margin:0;padding:12px 16px}.qa-frames{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;padding:12px 16px 4px;display:grid}.qa-frame{text-align:left;border-radius:8px;flex-direction:column;gap:4px;min-width:0;display:flex}.qa-thumb{aspect-ratio:9/16;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.qa-frame:hover .qa-thumb{border-color:#d4d4d8}.qa-thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.qa-cap{color:#52525b;align-items:center;gap:2px;min-width:0;font-size:12px;display:flex}.qa-l{white-space:nowrap;text-overflow:ellipsis;margin-left:4px;overflow:hidden}.checklist{margin:0;padding:8px 12px;list-style:none}.checklist li{color:#27272a;border-bottom:1px solid #f4f4f5;align-items:center;gap:8px;min-height:36px;padding:6px 4px;display:flex}.checklist li:last-child{border-bottom:0}.checklist li>span:nth-child(2){flex:1}.checklist .dim{color:#52525b}.kv{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;padding:4px 16px 14px;display:grid;overflow:auto}.kv>div{display:contents}.kv dt{color:#71717a;white-space:nowrap}.kv dd{color:#27272a;overflow-wrap:anywhere;margin:0}.kv dd.mono{font:11px/16px var(--font-mono);color:#52525b}.kv dd.bad{color:#dc2626}.details{background:var(--paper);border-top:1px solid #e4e4e7;flex:none;max-height:40%;overflow:auto}.details summary{cursor:pointer;color:#52525b;align-items:center;gap:8px;height:40px;padding:0 16px;font-weight:500;list-style:none;display:flex}.details summary:after{content:"";border:1.25px solid #a1a1aa;border-width:0 1.25px 1.25px 0;width:6px;height:6px;margin-left:auto;margin-right:4px;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.details[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.details summary::-webkit-details-marker{display:none}.details summary:hover{color:#18181b}.details__n{color:#3f3f46;background:#f4f4f5;border-radius:9999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:grid}.files{padding:4px 12px 16px;position:absolute;inset:0;overflow:auto}.files__sec{color:#52525b;margin:0;padding:12px 4px 6px;font-size:12px;font-weight:500;line-height:16px}.files__sec .tnum{color:#71717a;margin-left:4px;font-weight:400}.files__card{background:var(--paper);border:1px solid #e4e4e7;border-radius:14px;padding:4px;box-shadow:0 1px 2px #18181b1a,0 0 1px #18181b33}.file{color:#27272a;text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;height:32px;padding:0 8px;transition:background-color .1s;display:flex}.file:hover{background:#fafafa}.file[aria-current=true]{color:#18181b;background:#f4f4f5;font-weight:500}.file .i{color:#a1a1aa}.file .f{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.file .s{color:#52525b;flex:none;font-size:12px;font-weight:400}.gate{place-items:start center;min-height:100%;padding:12vh 16px 32px;display:grid}.screen-host{min-width:0}.screen{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid}.screen[data-pane]{grid-template-columns:minmax(0, 1fr) min(var(--rw,45%), calc(100% - 420px))}.screen__main{flex-direction:column;min-width:0;min-height:0;display:flex}.screen__title{letter-spacing:-.01em;margin:0 4px 0 6px;font-size:13px;font-weight:600}.screen__notice{color:#27272a;align-items:center;gap:4px;margin-right:8px;font-size:12px;display:inline-flex}.screen__body{scrollbar-width:thin;scrollbar-color:var(--divider) transparent;flex:1;min-height:0;padding:0 16px 32px;overflow:auto}.screen__msg{color:var(--ink-3);max-width:60ch;margin:0;padding:24px 0}.screen__error{color:var(--ink-2);justify-items:start;gap:12px;padding:24px;display:grid}.screen__foot{color:var(--ink-3);max-width:70ch;margin:24px 0 0;font-size:11px}.screen__foot code{font:11px/16px var(--font-mono)}.poster-ico{color:var(--ink-3);place-items:center;display:grid}.pane{border-left:1px solid var(--divider);background:var(--paper);flex-direction:column;min-width:0;min-height:0;display:flex}.pane:focus{box-shadow:none;outline:none}.glyph.wait{color:var(--ink-hair)}@media (width<=1100px){.shell{grid-template-columns:var(--sw,200px) 8px minmax(420px, 1fr) 8px min(max(var(--rw,40%), 360px), calc(100vw - var(--sw,200px) - 436px))}.shell[data-side=off]{grid-template-columns:0 0 minmax(420px, 1fr) 8px min(max(var(--rw,40%), 360px), calc(100vw - 428px))}.shell[data-right=off]{grid-template-columns:var(--sw,200px) 8px minmax(420px, 1fr) 0 0}.shell[data-side=off][data-right=off]{grid-template-columns:0 0 1fr 0 0}.shell[data-expanded]{grid-template-columns:0 0 0 0 1fr}.shell[data-screen]{grid-template-columns:var(--sw,200px) 8px minmax(0, 1fr)}.shell[data-screen][data-side=off]{grid-template-columns:0 0 minmax(0,1fr)}}@media (width<=900px){.shell,.shell[data-side],.shell[data-right],.shell[data-expanded]{grid-template-columns:minmax(0,1fr)!important}.shell>*{grid-column:1!important}.side,.handle{display:none}.shell[data-expanded] .main{display:flex}.right{min-width:0;display:none}.shell[data-right=on] .right{visibility:visible;z-index:30;border-top:1px solid var(--divider);display:flex;position:fixed;inset:44px 0 0}.panel-close{display:inline-flex}.panel-expand{display:none}.top{padding:0 8px 0 12px}.side-open{display:none}.scroll{padding:8px 16px max(168px, calc(var(--composer-h,0px) + 24px))}.composer{padding:0 16px}.col{gap:24px}.msg-user{max-width:88%}.canvas-panel{flex-direction:column;display:flex}.canvas{flex:1;min-height:0;position:relative}.canvas-panel .scalebar,.canvas-panel .tblock{width:100%;box-shadow:none;border-width:1px 0 0;border-radius:0;flex:none;position:static}.frames{height:min(56vh,560px)}.drawer-open{display:grid}.shell[data-drawer] .side{z-index:50;border-right:1px solid var(--divider);visibility:visible;width:min(320px,86vw);display:flex;position:fixed;inset:0 auto 0 0}.shell[data-drawer] .side .drawer-close{display:grid}.shell[data-drawer] .side .side-collapse{display:none}.scrim{z-index:45;cursor:default;background:#fff9;display:block;position:fixed;inset:0}.share span{display:none}.screen[data-pane]{grid-template-columns:minmax(0,1fr)}.pane{z-index:30;border-left:0;position:fixed;inset:0}.screen__body{padding:0 12px 24px}}.pi{stroke:currentColor;fill:none;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px;overflow:visible}.pi.l{stroke-width:1.1px;width:20px;height:20px}.pi path{transform-box:fill-box;transform-origin:50%}.pi[data-live] .draw{stroke-dasharray:1;animation:pi-draw 2s var(--ease,ease) infinite}.pi[data-live] .l2{animation-delay:.25s}.pi[data-live] .l3{animation-delay:.5s}@keyframes pi-draw{0%{stroke-dashoffset:1px}55%,85%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.pi[data-live] .r1,.pi[data-live] .r2,.pi[data-live] .r3{animation:1.2s linear infinite pi-chase}.pi[data-live] .r2{animation-delay:.4s}.pi[data-live] .r3{animation-delay:.8s}@keyframes pi-chase{0%,to{opacity:.2}25%{opacity:1}}.pi[data-live] .spark{animation:2s ease-in-out infinite pi-spark}@keyframes pi-spark{0%,to{opacity:.4;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(90deg)}}.pi[data-live] .w1,.pi[data-live] .w2,.pi[data-live] .w3{animation:1.2s ease-in-out infinite pi-wave}.pi[data-live] .w2{animation-delay:.15s}.pi[data-live] .w3{animation-delay:.3s}@keyframes pi-wave{0%,to{opacity:.15}40%{opacity:1}}.pi[data-live] .b1,.pi[data-live] .b2,.pi[data-live] .b3,.pi[data-live] .b4{transform-origin:bottom;animation:.9s ease-in-out infinite alternate pi-eq}.pi[data-live] .b2{animation-delay:-.3s}.pi[data-live] .b3{animation-delay:-.6s}.pi[data-live] .b4{animation-delay:-.15s}@keyframes pi-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.pi[data-live] .scan{animation:1.8s ease-in-out infinite pi-scan}@keyframes pi-scan{0%,to{transform:translate(0)}25%{transform:translate(-1px,-.8px)}50%{transform:translate(.2px,-1.4px)}75%{transform:translate(1px,-.4px)}}.pi[data-live] .blink{animation:1s step-end infinite pi-blink}@keyframes pi-blink{50%{opacity:0}}.pi[data-live] .rise{animation:pi-rise 1.4s var(--ease,ease) infinite}@keyframes pi-rise{0%{opacity:0;transform:translateY(2px)}30%{opacity:1}70%{opacity:1;transform:translateY(-.5px)}to{opacity:0;transform:translateY(-1.5px)}}.pi[data-live] .swing{transform-origin:50% 6%;animation:2s ease-in-out infinite pi-swing}@keyframes pi-swing{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.pi[data-live] .press{animation:pi-press 1.6s var(--ease,ease) infinite}.pi[data-live] .mark{animation:pi-mark 1.6s var(--ease,ease) infinite}@keyframes pi-press{0%,25%{transform:translateY(-1.5px)}42%{transform:translateY(.4px)}60%,to{transform:translateY(-1.5px)}}@keyframes pi-mark{0%,40%{opacity:.15}45%,80%{opacity:1}to{opacity:.15}}.pi[data-live] .pen{animation:1s ease-in-out infinite alternate pi-pen}@keyframes pi-pen{0%{transform:translate(-.4px,.3px)rotate(-3deg)}to{transform:translate(.6px,-.2px)rotate(3deg)}}.pi[data-live] .spin{animation:2.4s linear infinite pi-spin}@keyframes pi-spin{to{transform:rotate(360deg)}}.atts{flex-wrap:wrap;gap:4px;margin:0 0 4px;padding:0;list-style:none;display:flex}.caps{background:var(--paper);z-index:5;width:min(380px,100%);max-height:min(600px,100dvh - 200px);animation:fade .15s var(--ease);border:1px solid #e4e4e7;border-radius:14px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 8px 16px #18181b1a,0 0 1px #18181b4d}.caps__head{color:#52525b;align-items:center;gap:6px;padding:8px 8px 6px;font-size:12px;font-weight:500;display:flex}.caps__card .caps__head{color:#18181b;padding:4px 2px 8px;font-size:14px;font-weight:600}.caps__list{margin:0;padding:0;list-style:none}.caps__row{color:#27272a;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;font-size:13px;transition:background-color .1s;display:flex}.caps__row:hover,.caps__row:focus-visible{background:#f4f4f5}.caps__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.caps__go{color:#a1a1aa;transform:rotate(-90deg)}.caps__back{transform:rotate(90deg)}.caps__card{color:#52525b;padding:4px 6px 6px;font-size:13px;line-height:20px}.caps__card p{margin:0 2px 6px}.caps__label{color:#71717a;margin:12px 2px 4px;font-size:12px;font-weight:500}.caps__ex{text-align:left;color:#27272a;border-radius:8px;width:calc(100% + 12px);margin:0 -6px;padding:6px 8px;font-size:13px;line-height:18px;transition:background-color .1s;display:block}.caps__ex:hover,.caps__ex:focus-visible{background:#f4f4f5}.caps__actions{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 2px 2px;display:flex}.caps__wait{color:#52525b;font-size:12px}.splash{background:var(--paper);z-index:1000;place-items:center;display:grid;position:fixed;inset:0}.splash--inline{z-index:auto;background:0 0;height:100%;min-height:240px;position:relative;inset:auto}.pi.logo--splash{stroke-width:.7px;width:72px;height:72px}.pi.logo--screen{stroke-width:.85px;width:44px;height:44px}.sheet-row{align-items:center;display:flex;position:relative}.sheet-row .sheet{padding-right:30px}.sheet__more{opacity:0;width:24px;height:24px;transition:opacity .1s;position:absolute;top:3px;right:3px}.sheet-row:hover .sheet__more,.sheet-row:focus-within .sheet__more,.sheet__more[data-state=open]{opacity:1}@media (hover:none){.sheet__more{opacity:1}}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen__top .top__l{flex:1;min-width:0}.screen__top .top__r{flex:none}.screen__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.screen__title:focus{outline:none}.screen__title:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:6px}.screen__back{color:#52525b;border-radius:8px;align-items:center;height:28px;padding:0 8px;font-weight:500;transition:background-color .1s;display:flex}.screen__back:hover{color:#18181b;background:#f4f4f5}.screen__sep{color:#a1a1aa;margin:0 -2px}.rot90{transform:rotate(90deg)}.rot-90{transform:rotate(-90deg)}.metrics{background:var(--paper);border-top:1px solid #e4e4e7;flex-direction:column;flex:none;gap:8px;padding:12px 16px;display:flex}.metrics>[role=alert],.metrics>.chakra-alert__root{margin:0}.mcells{border:1px solid #e4e4e7;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.mcells>div{border-right:1px solid #f4f4f5;min-width:0;padding:8px 12px 10px}.mcells>div:last-child{border-right:0}.mcells dt{color:#71717a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.mcells dd{letter-spacing:-.01em;color:#18181b;margin:2px 0 0;font-size:16px;font-weight:600;line-height:20px}.metrics__note{color:#52525b;margin:0;font-size:12px;line-height:16px}.metrics__note .tnum{color:#18181b;font-weight:500}.metrics__off{justify-content:space-between;align-items:center;gap:12px;display:flex}.tagpaste{flex-direction:column;gap:8px;display:flex}.tagpaste__row{align-items:center;gap:8px;min-width:0;display:flex}.tagpaste__tag{font:600 14px/28px var(--font);color:#18181b;-webkit-user-select:all;user-select:all;background:#f4f4f5;border-radius:8px;padding:0 10px}.tagpaste__name{font:11px/16px var(--font-mono);color:#52525b;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;min-width:0;overflow:hidden}.ptile__metrics{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:-2px;font-size:12px;overflow:hidden}.prose{max-width:70ch;margin:10px 0 0;font-size:14px;line-height:22px}.prose.dim{color:var(--ink-2);margin-top:4px;font-size:12px;line-height:18px}.firstrun-host{flex-direction:column;min-width:0;display:flex}.firstrun-scroll{flex:1;place-items:start center;min-height:0;padding:10vh 24px 48px;display:grid;overflow:auto}@media (width<=900px){.firstrun-scroll{padding:24px 12px 32px}.mcells{grid-template-columns:repeat(2,minmax(0,1fr))}.mcells>div:nth-child(2){border-right:0}.mcells>div:nth-child(-n+2){border-bottom:1px solid #f4f4f5}}.screen__loading{padding:24px 16px}