@layer z.tokens,z.base,z.components;@layer z.pages{.z-workform{grid-template-columns:minmax(0, 1fr) var(--z-aside-w);align-items:start;gap:var(--z-space-6);grid-template-areas:"main aside""end aside";display:grid}.z-workform__main{gap:var(--z-space-6);flex-direction:column;grid-area:main;min-width:0;display:flex}.z-workform__aside{grid-area:aside;align-self:stretch;min-width:0}.z-workform__end{gap:var(--z-space-4);flex-direction:column;grid-area:end;min-width:0;display:flex}.z-workform__preview{gap:var(--z-space-3);flex-direction:column;display:flex}.z-workform__preview>h2{font:var(--z-text-small-strong)}.z-workform__preview>p{color:var(--z-sub);font:var(--z-text-caption)}@media (min-width:60em) and (min-height:45em){.z-workform__preview{top:calc(var(--z-header-h) + var(--z-space-6));position:sticky}}.z-workform__placeholder{justify-content:center;align-items:center;gap:var(--z-space-2);padding:var(--z-space-4);color:var(--z-sub);font:var(--z-text-caption);text-align:center;flex-direction:column;display:flex}.z-workform__placeholder .z-icon{stroke-width:1.5px;width:28px;height:28px}.z-workform__kinds{gap:var(--z-space-3);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.z-workform__kinds .z-pick{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr))}@media (max-width:39.9375em){.z-workform__kinds .z-pick{gap:var(--z-space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr))}.z-workform__kinds .z-pick__item>.z-icon{display:none}}.z-workform__prompt{font:var(--z-text-mono)}@media (pointer:coarse){.z-workform__prompt{font-size:max(16px,.9375rem)}}.z-upload{gap:var(--z-space-4);min-width:0;padding:var(--z-space-5);border:1px solid var(--z-line);border-radius:var(--z-radius-md);background:var(--z-bg);transition:border-color var(--z-dur-fast) var(--z-ease);flex-direction:column;display:flex}.z-upload[data-drop=true]{border-color:var(--z-ink);border-style:dashed}.z-upload__head{align-items:center;gap:var(--z-space-3);display:flex}.z-upload__icon{width:var(--z-control-h);height:var(--z-control-h);border:1px solid var(--z-line);border-radius:var(--z-radius-sm);background:var(--z-surface);color:var(--z-sub);flex-shrink:0;place-items:center;display:grid}.z-upload__title{font:var(--z-text-body-strong)}.z-upload__pick{align-items:center;gap:var(--z-space-2) var(--z-space-4);flex-wrap:wrap;display:flex}.z-upload__pick>p{flex:14rem}.z-upload__file{align-items:center;gap:var(--z-space-3);padding:var(--z-space-3);border:1px solid var(--z-line);border-radius:var(--z-radius-sm);background:var(--z-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.z-upload__thumb{width:var(--z-space-12);aspect-ratio:4/3;border-radius:var(--z-radius-xs);background:var(--z-muted);color:var(--z-sub);place-items:center;display:grid;overflow:hidden}.z-upload__thumb img{object-fit:cover;width:100%;height:100%}.z-upload__thumb .z-icon{width:18px;height:18px}.z-upload__name{min-width:0;font:var(--z-text-small-strong);overflow-wrap:anywhere;flex-direction:column;display:flex}.z-upload__name>span{color:var(--z-sub);font:var(--z-text-caption);font-variant-numeric:tabular-nums}.z-upload__file>.z-text-btn,.z-upload__file>.z-btn{white-space:normal;text-align:start;justify-self:end}.z-upload__media{border:1px solid var(--z-line);border-radius:var(--z-radius-sm);background:var(--z-media-bg);flex-direction:column;display:flex;overflow:hidden}.z-upload__media :is(img,video){object-fit:contain;width:100%;max-height:15rem}.z-upload__media audio{width:100%}.z-upload__media[data-kind=audio]{padding:var(--z-space-2);background:var(--z-surface)}.z-upload__media-note{align-items:center;gap:var(--z-space-1) var(--z-space-3);color:var(--z-sub);font:var(--z-text-small);flex-wrap:wrap;display:flex}.z-upload__media-note>.z-text-btn{margin-inline-start:calc(-1 * var(--z-space-2))}@media (min-width:60em){.z-upload__media[data-kind=image]{display:none}}.z-upload__transfer{gap:var(--z-space-2);flex-direction:column;display:flex}.z-upload__transfer-row{justify-content:space-between;gap:var(--z-space-3);font:var(--z-text-small);display:flex}.z-upload__transfer-row>:first-child{overflow-wrap:anywhere;min-width:0}.z-upload__transfer>.z-text-btn,.z-upload__later>.z-text-btn,.z-upload__more .z-disclosure__body>.z-text-btn{white-space:normal;text-align:start;align-self:flex-start;margin-inline-start:calc(-1 * var(--z-space-2))}.z-upload__recovery{gap:var(--z-space-3);padding:var(--z-space-4);border:1px solid var(--z-line-strong);border-radius:var(--z-radius-sm);background:var(--z-surface);flex-direction:column;display:flex}.z-upload__recovery>.z-upload__file{border:0;padding:0}.z-upload__actions{align-items:center;gap:var(--z-space-2) var(--z-space-3);flex-wrap:wrap;display:flex}.z-upload__actions .z-btn,.z-upload__confirm .z-btn{padding-block:var(--z-space-2);white-space:normal;text-align:center}.z-upload__later{align-items:flex-start;gap:var(--z-space-0-5);padding-top:var(--z-space-3);border-top:1px solid var(--z-line);flex-direction:column;display:flex}.z-upload__status{color:var(--z-sub);font:var(--z-text-small);overflow-wrap:anywhere}.z-upload__status:empty{position:absolute}.z-upload__more{border-top:1px solid var(--z-line)}.z-upload__more+.z-upload__more{margin-top:calc(-1 * var(--z-space-4))}.z-upload__usage{gap:var(--z-space-2);flex-direction:column;display:flex}.z-upload__usage-head{justify-content:space-between;align-items:center;gap:var(--z-space-3);color:var(--z-ink);font:var(--z-text-small-strong);display:flex}.z-upload__usage strong{color:var(--z-ink);font-weight:600}.z-upload__meta{gap:var(--z-space-1);font:var(--z-text-caption);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.z-upload__warnings{gap:var(--z-space-1);flex-direction:column;padding-inline-start:var(--z-space-4);list-style:outside;display:flex}.z-upload__confirm{gap:var(--z-space-3);padding:var(--z-space-3) var(--z-space-4);border:1px solid var(--z-line-strong);border-radius:var(--z-radius-sm);background:var(--z-surface);color:var(--z-ink);flex-direction:column;display:flex}.z-upload__confirm:focus-visible{outline:2px solid var(--z-focus);outline-offset:2px}.z-upload__history{gap:var(--z-space-2);flex-direction:column;display:flex}.z-workform__exit{align-items:flex-start;gap:var(--z-space-1);flex-direction:column;display:flex}.z-workform__end .z-notice .z-btn{height:auto;padding-block:var(--z-space-1);white-space:normal;text-align:start}@media (max-width:59.9375em){.z-workform{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""aside""end"}.z-workform__preview{max-width:26rem}}@media (max-width:39.9375em){.z-upload,.z-upload__recovery,.z-upload__confirm{padding:var(--z-space-3)}.z-upload__file{grid-template-columns:auto minmax(0,1fr)}.z-upload__file>.z-text-btn,.z-upload__file>.z-btn{grid-column:2;justify-self:start;margin-inline-start:calc(-1 * var(--z-space-2))}.z-upload__actions .z-btn,.z-upload__confirm .z-btn{width:100%;padding-inline:var(--z-space-3)}.z-upload__actions>.z-text-btn,.z-upload__confirm .z-form__actions>.z-text-btn{margin-inline-start:calc(-1 * var(--z-space-2))}}}@layer z.utilities;