.import-workbench{width:calc(100% - 2rem);max-width:64rem;padding-block:var(--space-3xl) var(--space-4xl);margin-inline:auto}.import-workbench__head{max-width:65ch;border-block-end:var(--rule-thin) solid var(--color-rule);padding-block-end:var(--space-2xl)}.import-workbench__kicker{color:var(--color-accent);font-size:var(--text-sm);margin-block-end:var(--space-sm);font-weight:700}.import-workbench__head h1{max-width:14ch;font-size:var(--text-section);margin-block-end:var(--space-md)}.import-workbench__head p:last-child{color:var(--color-ink-soft);margin-block-end:0}.import-notice{margin-block:var(--space-2xl);padding:var(--space-lg);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-deep);color:var(--color-ink)}.import-notice h2{font-family:var(--font-body);font-size:var(--text-body);margin-block-end:var(--space-xs);font-weight:750;line-height:1.35}.import-notice p{max-width:65ch;color:var(--color-ink-soft);margin-block-end:0}.import-form__group{min-inline-size:0;padding:var(--space-2xl) 0;border:0;border-block-end:var(--rule-thin) solid var(--color-rule);margin:0}.import-form__group:first-child{border-block-start:var(--rule-thin) solid var(--color-rule)}.import-form legend{color:var(--color-accent);font-size:var(--text-sm);margin-block-end:var(--space-lg);font-weight:700}.import-form__grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.field{min-width:0}.field>label,.check-control{margin-block-end:var(--space-xs);font-weight:700;display:block}.field input:not([type=file]),.field select,.field textarea{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);outline-offset:1px;background:var(--color-paper-raised);width:100%;min-height:2.75rem;color:var(--color-ink);font:inherit;outline:2px solid #0000}.field input:not([type=file]),.field select{padding-inline:var(--space-sm)}.field textarea{min-height:8rem;padding:var(--space-sm);resize:vertical}.field input::placeholder{color:var(--color-ink-soft)}.field__help{min-height:1lh;margin:var(--space-2xs) 0 0;color:var(--color-ink-soft);font-size:var(--text-xs)}.field__help[data-state=error]{color:var(--color-error)}.field__help[data-state=success]{color:var(--color-success)}.file-control{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:2.75rem;padding-inline:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-raised);color:var(--color-ink);cursor:pointer;display:flex}.file-control input{opacity:0;width:.0625rem;height:.0625rem;position:absolute}.check-control{align-items:flex-start;gap:var(--space-sm);min-height:2.75rem;font-weight:400;display:flex}.check-control input{width:1.25rem;height:1.25rem;margin:var(--space-3xs) 0 0;accent-color:var(--color-accent)}.import-preview{margin-block:var(--space-2xl);padding:var(--space-lg);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-deep)}.import-preview__head{gap:var(--space-xs);display:grid}.import-preview__head .import-workbench__kicker{margin:0}.import-preview__head h2{font-family:var(--font-body);font-size:var(--text-body);margin:0;font-weight:800}.import-preview__head>p{color:var(--color-ink-soft);font-size:var(--text-sm);margin:0}.import-preview__body{gap:var(--space-lg);grid-template-columns:6rem minmax(0,1fr);align-items:start;margin-block-start:var(--space-lg);display:grid}.import-preview__cover{aspect-ratio:2/3;border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-raised);color:var(--color-ink-soft);font-size:var(--text-xs);text-align:center;place-items:center;display:grid;overflow:hidden}.import-preview__cover img{object-fit:cover;width:100%;height:100%}.import-preview__cover span{padding:var(--space-xs)}.import-preview__metadata{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.import-preview__metadata div{min-width:0}.import-preview__metadata dt{color:var(--color-ink-soft);font-size:var(--text-xs);font-weight:700}.import-preview__metadata dd{margin:var(--space-2xs) 0 0;overflow-wrap:anywhere;font-size:var(--text-sm);font-weight:700}.import-preview__metadata .import-preview__description{grid-column:1/-1}.import-preview__description dd{font-weight:400}.import-form__action{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;padding-block-start:var(--space-xl);display:flex}.import-form__state,.import-form__privacy{font-size:var(--text-sm);margin-block-end:0}.upload-progress{padding:var(--space-md);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-deep);margin-block-start:var(--space-md)}.upload-progress[hidden]{display:none}.upload-progress>div{justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm);display:flex}.upload-progress progress{width:100%;height:.75rem;margin-block:var(--space-sm);accent-color:var(--color-accent)}.upload-progress p{color:var(--color-ink-soft);font-size:var(--text-xs);margin:0}.import-form__state[data-state=error]{color:var(--color-error)}.import-form__state[data-state=success]{color:var(--color-success)}.import-form__privacy{color:var(--color-ink-soft);margin-block-start:var(--space-2xs)}.import-form button{min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-ink);cursor:pointer;font:inherit;white-space:nowrap;font-weight:700}.field input:invalid:not(:placeholder-shown),.field select:invalid,.field textarea:invalid:not(:placeholder-shown),.import-form.is-invalid .file-control:has(input:invalid),.import-form.is-invalid .check-control:has(input:invalid){border-color:var(--color-error)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.file-control:has(input:focus-visible),.check-control input:focus-visible,.import-form button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.field input:not([type=file]):hover,.field select:hover,.field textarea:hover,.file-control:hover{background:var(--color-paper-deep)}.import-form button:hover{background:var(--color-ink);border-color:var(--color-ink)}}.import-form button:active{transform:translateY(1px)}.field input:not([type=file]):active,.field select:active,.field textarea:active,.file-control:active{background:var(--color-paper-deep)}.import-form button:disabled,.field input:not([type=file]):disabled,.field select:disabled,.field textarea:disabled,.file-control:has(input:disabled),.check-control:has(input:disabled){cursor:not-allowed;opacity:.55}.import-form button[data-state=loading]{background:var(--color-ink);border-color:var(--color-ink)}.import-form button[data-state=success]{background:var(--color-success);border-color:var(--color-success)}@media (width>=40rem){.import-workbench{width:calc(100% - 3rem)}.import-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field--wide{grid-column:1/-1}}@media (width<=25rem){.import-preview__body{gap:var(--space-md);grid-template-columns:4.5rem minmax(0,1fr)}.import-preview__metadata{grid-template-columns:minmax(0,1fr)}.import-preview__metadata .import-preview__description{grid-column:auto}}
