@layer z.tokens,z.base,z.components;@layer z.pages{.z-workpage{gap:var(--z-space-6);padding-block:var(--z-space-10) var(--z-space-18);flex-direction:column;display:flex}.z-workpage__head{gap:var(--z-space-4);flex-direction:column;display:flex}.z-workpage__tags{gap:var(--z-space-2);flex-wrap:wrap;display:flex}.z-workpage__title{overflow-wrap:anywhere}.z-workpage__lead{color:var(--z-sub);font:var(--z-text-body-lg);overflow-wrap:anywhere}.z-workpage__bar{justify-content:space-between;align-items:center;gap:var(--z-space-4);flex-wrap:wrap;display:flex}.z-workpage__actions{align-items:flex-start;gap:var(--z-space-2);flex-wrap:wrap;display:flex}.z-workpage__head>:is(.z-workpage__title,.z-workpage__lead){max-width:52rem}.z-workpage__grid{grid-template-columns:minmax(0, 1fr) var(--z-aside-w);align-items:start;gap:var(--z-space-10);display:grid}.z-workpage__output,.z-workpage__aside{gap:var(--z-space-5);flex-direction:column;min-width:0;display:flex}.z-workpage__section-head{justify-content:space-between;align-items:baseline;gap:var(--z-space-4);display:flex}.z-workpage__tag{color:var(--z-sub);font:var(--z-text-caption)}.z-workpage__open{align-self:flex-start}.z-workpage__document{min-width:0}.z-expand{align-items:flex-start;gap:var(--z-space-4);flex-direction:column;display:flex}.z-expand__body{align-self:stretch}.z-expand[data-expanded=false] .z-expand__body{max-height:28rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.z-workpage__external{gap:var(--z-space-4);align-items:flex-start;display:flex}.z-workpage__external-icon{width:var(--z-tap);height:var(--z-tap);border-radius:var(--z-radius-md);background:var(--z-muted);color:var(--z-ink);flex-shrink:0;place-items:center;display:grid}.z-workpage__external p{margin-top:var(--z-space-1);color:var(--z-sub);font:var(--z-text-small)}.z-workpage__tool{align-items:center;gap:var(--z-space-3);padding:var(--z-space-4);display:flex;position:relative}.z-workpage__tool>span:not(.z-logo-tile){flex-direction:column;flex:1;min-width:0;display:flex}.z-workpage__tool small{color:var(--z-sub);font:var(--z-text-caption)}.z-workpage__tool strong{font:var(--z-text-body-strong);overflow-wrap:anywhere}.z-workpage__tool>.z-icon{width:16px;height:16px;color:var(--z-sub)}.z-workpage__tool-note{color:var(--z-sub);font:var(--z-text-caption)}a.z-workpage__tool{transition:border-color var(--z-dur-fast) var(--z-ease)}@media (hover:hover){a.z-workpage__tool:hover{border-color:var(--z-line-strong)}a.z-workpage__tool:hover strong{text-underline-offset:3px;text-decoration:underline}}a.z-workpage__tool:focus-visible{outline-offset:2px}.z-workpage__prompt{gap:var(--z-space-2);padding:var(--z-space-5);background:var(--z-accent-soft);border-color:#0000;flex-direction:column;display:flex}.z-workpage__prompt-head{justify-content:space-between;align-items:center;gap:var(--z-space-2) var(--z-space-3);flex-wrap:wrap;display:flex}.z-workpage__prompt-text{max-height:30rem;margin:var(--z-space-2) 0 0;padding-top:var(--z-space-3);border-top:1px solid color-mix(in srgb, var(--z-accent-text) 18%, transparent);color:var(--z-ink);font:var(--z-text-mono);white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}.z-workpage__prompt-text:focus-visible{outline-offset:4px}.z-prompt-copy{align-items:flex-end;gap:var(--z-space-2);flex-direction:column;display:flex}.z-prompt-copy__label{display:inline-grid}.z-prompt-copy__label>span{text-align:start;grid-area:1/1}.z-prompt-copy__label>span[aria-hidden=true]{visibility:hidden}.z-prompt-copy__help{color:var(--z-danger);font:var(--z-text-caption)}.z-prompt-copy__manual{width:100%}.z-workpage__process,.z-workpage__talk,.z-workpage__steps{align-items:flex-start;gap:var(--z-space-3);flex-direction:column;display:flex}.z-workpage__process>.z-prose{align-self:stretch}.z-workpage__talk p{color:var(--z-sub);font:var(--z-text-small)}.z-workpage__talk .z-btn{align-self:stretch}.z-workpage__sample{aspect-ratio:4/3;position:relative}.z-workpage__draft{gap:var(--z-space-3);flex-direction:column;display:flex}.z-workpage__draft strong{font:var(--z-text-h3)}.z-workpage__draft ul{gap:var(--z-space-2);font:var(--z-text-body);padding-inline-start:var(--z-space-5);list-style:outside;display:grid}.z-workpage__steps ol{gap:var(--z-space-4);display:grid}.z-workpage__steps li{grid-template-columns:var(--z-space-8) minmax(0, 1fr);gap:var(--z-space-3);display:grid}.z-workpage__step-number{color:var(--z-accent-text);font:var(--z-text-numeral);font-size:1.25rem;line-height:1.5rem}.z-workpage__steps h3{font:var(--z-text-small-strong)}.z-workpage__steps p{color:var(--z-sub);font:var(--z-text-small)}.z-workpage__anchors{position:relative}@media (pointer:coarse){.z-workpage__anchors .z-chip{min-height:var(--z-tap)}}@media (max-width:59.9375em){.z-workpage{gap:var(--z-space-5);padding-block:var(--z-space-6) var(--z-space-12)}.z-workpage__grid{gap:var(--z-space-8);grid-template-columns:minmax(0,1fr)}}@media (max-width:39.9375em){.z-workpage__bar{align-items:flex-start}.z-workpage__actions{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));width:100%;display:grid}.z-workpage__actions>*,.z-workpage__actions .z-btn{width:100%}.z-workpage__lead{font:var(--z-text-body)}.z-workpage__prompt{padding:var(--z-space-4)}.z-prompt-copy{align-items:stretch;width:100%}}}@layer z.utilities;
@layer z.tokens,z.base;@layer z.components{.z-output{border:1px solid var(--z-line);border-radius:var(--z-radius-md);background:var(--z-muted);flex-direction:column;display:flex;position:relative;overflow:hidden}.z-output__bar{justify-content:space-between;align-items:center;gap:var(--z-space-2) var(--z-space-4);min-height:var(--z-control-h);padding:var(--z-space-1) var(--z-space-2) var(--z-space-1) var(--z-space-4);border-bottom:1px solid var(--z-line);background:var(--z-surface);color:var(--z-sub);font:var(--z-text-caption);flex-wrap:wrap;display:flex}.z-output__caption{padding:var(--z-space-3) var(--z-space-4);color:var(--z-sub);font:var(--z-text-small);white-space:pre-line;overflow-wrap:anywhere}.z-output__meta{padding:0 var(--z-space-4) var(--z-space-3);color:var(--z-sub);font:var(--z-text-caption)}.z-output__unavailable{padding:var(--z-space-8) var(--z-space-4);color:var(--z-sub);font:var(--z-text-small);text-align:center}.z-output__screen{padding:var(--z-space-4);place-items:center;display:grid}.z-output__screen img{border-radius:var(--z-radius-sm);width:auto;max-width:100%;height:auto;max-height:min(72vh,48rem);box-shadow:0 0 0 1px var(--z-line)}.z-output__screen:has(img){min-height:min(40vh,18rem)}.z-output--image .z-output__screen{background:var(--z-media-bg);padding:0}.z-output--image .z-output__screen img{object-fit:scale-down;width:100%;box-shadow:none;border-radius:0}.z-output--image .z-output__unavailable,.z-output--video .z-output__unavailable{color:var(--z-on-media)}.z-output--video{background:var(--z-media-bg)}.z-output--video video{background:var(--z-media-bg);width:100%;max-height:min(72vh,48rem);display:block}.z-output--video video:focus-visible{outline:none}.z-output--video:has(video:focus-visible){outline:2px solid var(--z-focus);outline-offset:2px}.z-output__duration{top:var(--z-space-3);left:var(--z-space-3);padding:var(--z-space-0-5) var(--z-space-2);border-radius:var(--z-radius-sm);background:color-mix(in srgb, var(--z-media-bg) 80%, transparent);color:var(--z-on-media);font:var(--z-text-label);pointer-events:none;position:absolute}.z-output__status .z-output__unavailable{padding:var(--z-space-6) var(--z-space-4) var(--z-space-3)}.z-output__retry{padding:0 var(--z-space-4) var(--z-space-6);justify-content:center;display:flex}.z-output--video:has(.z-output__retry) .z-output__duration{display:none}.z-output--audio audio{width:calc(100% - 2 * var(--z-space-4));margin:0 var(--z-space-4) var(--z-space-3)}.z-output__waveform{width:100%;height:7rem;padding:var(--z-space-4) var(--z-space-4) 0;fill:var(--z-cat-medya);display:block}.z-output__audio-symbol{height:7rem;color:var(--z-sub);place-items:center;display:grid}.z-output__nodes{grid-template-columns:repeat(var(--nodes,4), minmax(0, 1fr));gap:var(--z-space-6);padding:var(--z-space-5) var(--z-space-4);display:grid}.z-output__nodes li{align-items:center;gap:var(--z-space-1);text-align:center;flex-direction:column;min-width:0;display:flex;position:relative}.z-output__nodes strong{font:var(--z-text-small-strong);overflow-wrap:anywhere}.z-output__nodes small{color:var(--z-sub);font:var(--z-text-caption);overflow-wrap:anywhere}.z-output__node-icon{border:1px solid var(--z-line);border-radius:var(--z-radius-md);background:var(--z-logo-tile);width:3rem;height:3rem;color:var(--z-ink);place-items:center;display:grid;position:relative}.z-output__node-icon img{object-fit:contain;width:24px;height:24px}:root[data-theme=dark] .z-output__node-icon img[data-mono]{filter:invert()}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .z-output__node-icon img[data-mono]{filter:invert()}}.z-output__node-index{top:calc(-1 * var(--z-space-1-5));left:calc(-1 * var(--z-space-1-5));min-width:1.25rem;height:1.25rem;padding:0 var(--z-space-1);border-radius:var(--z-radius-full);background:var(--z-inverse);color:var(--z-on-inverse);font:var(--z-text-label);place-items:center;display:grid;position:absolute}.z-output__connector{top:1rem;right:calc(-1 * var(--z-space-6) / 2 - 8px);width:16px;height:16px;color:var(--z-sub);position:absolute}.z-output__plot{gap:var(--z-space-3);height:14rem;margin:var(--z-space-6) var(--z-space-4) 0;display:flex;position:relative}.z-output__baseline{border-top:1px solid var(--z-line-strong);position:absolute;inset-inline:0}.z-output__column{flex:1;min-width:0;position:relative}.z-output__bar-fill{border-radius:var(--z-radius-xs);background:var(--z-cat-kod);position:absolute;inset-inline:12%}.z-output__bar-fill[data-negative]{background:var(--z-cat-medya)}.z-output__value{transform:translateY(calc(-100% - var(--z-space-1)));color:var(--z-ink);font:var(--z-text-caption);text-align:center;position:absolute;inset-inline:0}.z-output__labels{gap:var(--z-space-3);margin:var(--z-space-2) var(--z-space-4) 0;display:flex}.z-output__labels span{min-width:0;color:var(--z-sub);font:var(--z-text-caption);text-align:center;overflow-wrap:anywhere;flex:1}.z-output__data{margin:var(--z-space-4);border-radius:var(--z-radius-sm);background:var(--z-surface);font:var(--z-text-small)}.z-output__data summary{min-height:var(--z-control-h);padding:0 var(--z-space-3);color:var(--z-accent-text);font:var(--z-text-small-strong);align-items:center;display:flex}.z-output__data summary:focus-visible{outline-offset:-2px}@media (pointer:coarse){.z-output__data summary{min-height:var(--z-tap)}}.z-output__data table{border-collapse:collapse;width:100%}.z-output__data :is(th,td){padding:var(--z-space-2) var(--z-space-3);border-top:1px solid var(--z-line);text-align:start}.z-output__data td{text-align:end}.z-output__data thead th{color:var(--z-sub);font:var(--z-text-caption)}.z-output__dots{gap:var(--z-space-1);display:inline-flex}.z-output__dots i{border-radius:var(--z-radius-full);background:var(--z-line-strong);width:8px;height:8px}.z-output--app .z-output__bar>span:nth-child(2){margin-inline-end:auto}.z-output__source{background:var(--z-surface);flex-direction:column;display:flex}.z-output__source>span{padding:var(--z-space-2) var(--z-space-4) 0;color:var(--z-sub);font:var(--z-text-label);letter-spacing:var(--z-tracking-label)}.z-output__source pre{max-height:min(72vh,48rem);padding:var(--z-space-4);font:var(--z-text-mono);tab-size:2;margin:0;overflow:auto}.z-output__source pre:focus-visible{outline-offset:-2px}.z-output--missing{gap:var(--z-space-2);padding:var(--z-space-6) var(--z-space-5)}.z-output--missing>p{font:var(--z-text-body-strong)}.z-output--missing .z-output__excerpt{color:var(--z-sub);font:var(--z-text-small);white-space:pre-line}.z-output--missing .z-output__meta{padding:0}.z-output--flow{container:flow/inline-size}@container flow (max-width:54rem){.z-output__nodes:is([data-count="5"],[data-count="6"]){gap:var(--z-space-6);grid-template-columns:minmax(0,1fr)}.z-output__nodes:is([data-count="5"],[data-count="6"]) li{column-gap:var(--z-space-3);text-align:start;grid-template-rows:auto auto;grid-template-columns:3rem minmax(0,1fr);align-items:center;display:grid}.z-output__nodes:is([data-count="5"],[data-count="6"]) .z-output__node-icon{grid-row:1/span 2}.z-output__nodes:is([data-count="5"],[data-count="6"]) small{grid-column:2}.z-output__nodes:is([data-count="5"],[data-count="6"]) li:not(:has(small)) strong{grid-row:1/span 2}.z-output__nodes:is([data-count="5"],[data-count="6"]) .z-output__connector{top:auto;right:auto;bottom:calc(-1 * var(--z-space-6) / 2 - 8px);left:calc(1.5rem - 8px);rotate:90deg}}@container flow (max-width:37rem){.z-output__nodes[data-count="4"]{gap:var(--z-space-6);grid-template-columns:minmax(0,1fr)}.z-output__nodes[data-count="4"] li{column-gap:var(--z-space-3);text-align:start;grid-template-rows:auto auto;grid-template-columns:3rem minmax(0,1fr);align-items:center;display:grid}.z-output__nodes[data-count="4"] .z-output__node-icon{grid-row:1/span 2}.z-output__nodes[data-count="4"] small{grid-column:2}.z-output__nodes[data-count="4"] li:not(:has(small)) strong{grid-row:1/span 2}.z-output__nodes[data-count="4"] .z-output__connector{top:auto;right:auto;bottom:calc(-1 * var(--z-space-6) / 2 - 8px);left:calc(1.5rem - 8px);rotate:90deg}}@container flow (max-width:28rem){.z-output__nodes:is([data-count="2"],[data-count="3"]){gap:var(--z-space-6);grid-template-columns:minmax(0,1fr)}.z-output__nodes:is([data-count="2"],[data-count="3"]) li{column-gap:var(--z-space-3);text-align:start;grid-template-rows:auto auto;grid-template-columns:3rem minmax(0,1fr);align-items:center;display:grid}.z-output__nodes:is([data-count="2"],[data-count="3"]) .z-output__node-icon{grid-row:1/span 2}.z-output__nodes:is([data-count="2"],[data-count="3"]) small{grid-column:2}.z-output__nodes:is([data-count="2"],[data-count="3"]) li:not(:has(small)) strong{grid-row:1/span 2}.z-output__nodes:is([data-count="2"],[data-count="3"]) .z-output__connector{top:auto;right:auto;bottom:calc(-1 * var(--z-space-6) / 2 - 8px);left:calc(1.5rem - 8px);rotate:90deg}}@media (max-width:39.9375em){.z-output__plot{gap:var(--z-space-2);height:11rem}}@media (forced-colors:active){.z-output__bar-fill,.z-output__waveform{forced-color-adjust:none}}}@layer z.pages,z.utilities;
