:root{--studio-page-inset:var(--studio-page-gutter);--studio-section-gap:var(--studio-page-gutter);--studio-control-gap:.5rem;--studio-card-inset:var(--studio-page-gutter);--studio-control-height:2.25rem;--studio-control-radius:.5rem;--studio-content-width:48rem;--studio-prose-width:60ch;--studio-ink:var(--color-neutral-900);--studio-muted:var(--color-neutral-600);--studio-line:var(--surface-border);--studio-hairline:var(--surface-hairline);--studio-surface:white}.studio-page,.studio-overlay{color:var(--studio-ink);font-size:var(--text-base)}.studio-page{width:100%;min-width:0;padding:var(--studio-page-inset)}.studio-content{gap:var(--studio-section-gap);width:100%;min-width:0;max-width:var(--studio-content-width);flex-direction:column;display:flex}.studio-page[data-width=wide]{--studio-content-width:52rem}.studio-page[data-width=full]{--studio-content-width:none}.studio-header,.studio-toolbar{align-items:center;gap:var(--studio-control-gap);flex-wrap:wrap;display:flex}.studio-header{justify-content:space-between}.studio-description{color:var(--studio-muted);margin-top:.375rem}.studio-page [data-studio-card]{border:1px solid var(--studio-line);border-radius:var(--studio-card-radius);background:var(--studio-surface)}.studio-page [data-studio-header]{flex-wrap:wrap}.studio-action{justify-content:center;align-items:center;gap:var(--studio-control-gap);min-height:var(--studio-control-height);border:1px solid var(--studio-line);border-radius:var(--studio-control-radius);background:var(--studio-surface);color:var(--studio-ink);line-height:1.3;font-size:var(--text-sm);cursor:pointer;padding:.375rem .875rem;display:inline-flex}.studio-action:hover{background:var(--color-neutral-100)}.studio-action[data-variant=primary],.studio-action[aria-pressed=true]{border-color:var(--studio-ink);background:var(--studio-ink);color:#fff}.studio-action[data-variant=danger]{color:var(--color-red-700)}.studio-action:disabled{opacity:.5;cursor:not-allowed}.studio-field{min-width:0;color:var(--studio-muted);font-size:var(--text-sm);flex-direction:column;gap:.375rem;display:flex}.studio-input{width:100%;min-height:var(--studio-control-height);border:1px solid var(--studio-line);border-radius:var(--studio-control-radius);background:var(--studio-surface);color:var(--studio-ink);padding:.5rem .75rem}.studio-input[aria-invalid=true]{border-color:var(--color-red-700)}.studio-input:disabled{background:var(--color-neutral-100)}:is(.studio-page,.studio-overlay) :focus-visible{outline:2px solid var(--studio-ink);outline-offset:3px}.studio-state{padding:2.5rem var(--studio-card-inset);color:var(--studio-muted);text-align:center;font-size:var(--text-sm)}.studio-inset{padding:var(--studio-card-inset)}.studio-record{text-align:center;width:100%}.studio-record-name{max-width:none}@media (width<=639px){.studio-record{gap:.25rem var(--studio-column-gap);padding:var(--studio-card-inset);text-align:left;grid-template-columns:4rem minmax(0,1fr)}.studio-record-image{grid-area:1/1/4}.studio-record-name{grid-area:1/2;grid-template-columns:minmax(0,1fr) auto;gap:.125rem .5rem;line-height:1.4;display:grid}.studio-record-name>p{grid-column:1;max-width:none}.studio-record-name>p:first-child{font-size:var(--text-sm);text-align:right;white-space:nowrap;grid-area:1/2/3}.studio-record-date{color:var(--studio-muted);grid-area:2/2;line-height:1.5}.studio-record-name>p:nth-child(2){color:var(--color-neutral-700)}.studio-record-name>p:empty{display:none}.studio-record-date span,.studio-record-serial span{min-width:3.75rem;color:var(--color-neutral-400);display:inline-block}.studio-record-serial{text-align:left;overflow-wrap:anywhere;grid-area:3/2}.studio-record-header{justify-content:flex-end;display:flex}.studio-record-header>span{display:none}.studio-record-header:not(:has(button)){display:none}}@media (pointer:coarse){:root{--studio-control-height:2.5rem}}:is(.studio-page,.studio-overlay) :is(button,[role=button],.studio-action,.studio-input){box-shadow:none}.studio-record-trigger{cursor:pointer;position:absolute;inset:0}.studio-record-trigger:focus-visible{outline-offset:-3px}.studio-record-image{z-index:1;position:relative}.studio-record-name,.studio-record-date,.studio-record-serial{pointer-events:none}.studio-page[data-workspace]{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.studio-page[data-workspace]>.studio-content{flex:1;min-height:0}.studio-page[data-flush]{padding:0}.studio-page[data-flush]>.studio-content{gap:0}.studio-page[data-dashboard]{--studio-section-gap:var(--studio-page-gutter);padding:0}.studio-page[data-dashboard]>.studio-content{padding:var(--studio-page-gutter)}.studio-page-header{z-index:30;background:var(--color-neutral-100);flex-shrink:0;position:sticky;top:0}.studio-overlay[data-slot]{border-radius:var(--studio-card-radius);max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 4px 16px -8px #0000001f}.studio-detail-dialog[data-slot]{border:1px solid var(--studio-line);border-radius:var(--studio-dialog-radius);background:var(--studio-surface);gap:0;width:calc(100% - 2rem);max-width:24rem;max-height:calc(100dvh - 2rem);padding:0;overflow-y:auto;box-shadow:0 8px 24px -12px #0000003d}.studio-detail-header{border-bottom:1px solid var(--studio-hairline);background:var(--studio-surface);align-items:center;gap:1rem;padding:1rem;display:flex;position:relative}.studio-detail-preview{background:var(--studio-preview-surface);border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;padding:.375rem;display:flex}.studio-detail-grid{border-bottom:1px solid var(--studio-hairline);background:var(--studio-hairline);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.studio-detail-cell{overflow-wrap:anywhere;background:var(--studio-surface);min-width:0;padding:.625rem 1rem}@media (width<=359px){.studio-detail-header{gap:.75rem;padding:.75rem}.studio-detail-preview{width:4rem;height:4rem}.studio-detail-cell{padding:.625rem .75rem}}.studio-menu-action{align-items:center;gap:var(--studio-control-gap);width:100%;min-height:var(--studio-control-height);padding:.375rem var(--studio-card-inset);color:var(--studio-muted);line-height:1.3;font-size:var(--text-sm);text-align:left;cursor:pointer;display:flex}.studio-menu-action:hover{background:var(--color-neutral-50)}.studio-menu-action[data-variant=danger]{color:var(--color-red-700)}.studio-detail-actions{padding:.5rem}.studio-detail-actions .studio-menu-action{border-radius:.5rem;min-height:2.75rem;padding-inline:.5rem}.studio-detail-actions[data-divided]{padding:0}.studio-detail-actions[data-divided]>.studio-menu-action{padding-inline:var(--studio-card-inset);border-radius:0}.studio-detail-actions[data-divided]>.studio-menu-action:not(:first-child){border-top:1px solid var(--studio-hairline)}@media (width>=420px){.studio-detail-actions[data-divided]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-detail-actions[data-divided]>.studio-menu-action:not(:first-child){border-top:0}.studio-detail-actions[data-divided]>.studio-menu-action:nth-child(n+3){border-top:1px solid var(--studio-hairline)}.studio-detail-actions[data-divided]>.studio-menu-action:nth-child(2n){border-left:1px solid var(--studio-hairline)}}.studio-overlay :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer])>:is(button,a){min-width:0;min-height:var(--studio-control-height);flex:1;margin:0}.studio-action[data-size=icon]{width:var(--studio-control-height);padding:0}input.studio-input,select.studio-input{height:var(--studio-control-height);box-sizing:border-box;line-height:1.3}select.studio-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;padding-right:2rem}@media (width>=640px){.studio-overlay :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer]){grid-auto-columns:1fr;grid-auto-flow:column;width:max-content;max-width:100%;margin-left:auto;display:grid}.studio-overlay :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer])>:is(button,a){min-width:6rem}}.studio-overlay :is([data-slot=dialog-title],[data-slot=alert-dialog-title]){font-size:var(--text-xl);font-weight:400}:is(.studio-page,.studio-overlay) p:not(.studio-state),.studio-prose,.studio-overlay :is([data-slot=dialog-description],[data-slot=alert-dialog-description]){max-inline-size:var(--studio-prose-width);overflow-wrap:break-word}:is(.studio-action,.studio-input):focus-visible{outline:2px solid var(--studio-ink);outline-offset:3px}.studio-action,.studio-input{box-shadow:none}