[data-tool=collections]{color:var(--color-ink);overflow-wrap:anywhere}[data-tool=collections] [hidden]{display:none!important}[data-tool=collections] :is(h2,h3){margin:0 0 var(--space-xs);color:var(--color-ink);font-family:var(--font-sans);font-style:normal;text-wrap:balance}[data-tool=collections] h2{font-size:var(--text-lg);font-weight:650;line-height:1.25;letter-spacing:-.03em}[data-tool=collections] h3{font-size:var(--text-md);font-weight:600;line-height:1.35;letter-spacing:-.015em}[data-tool=collections] p{margin:0 0 var(--space-xs);line-height:1.6}[data-tool=collections] a:not(.collection-button,.collection-secondary){color:var(--color-control);text-underline-offset:.2em}[data-tool=collections] a:not(.collection-button,.collection-secondary):hover{color:var(--color-ink)}[data-tool=collections] time,[data-tool=collections] .collection-chip{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.collection-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.collection-hint,[data-tool=collections] p.collection-hint{color:var(--color-muted);font-size:var(--text-sm)}.collection-label{color:var(--color-muted);font-size:var(--text-sm);font-weight:500}.collection-panel{min-width:0;padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface)}.collection-console{min-width:0;margin:0;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-console);color:var(--color-console-ink)}.collection-console :is(h2,h3,label){color:var(--color-console-muted)}.collection-console p{color:var(--color-console-muted)}.collection-console a:not(.collection-button,.collection-secondary){color:var(--color-console-ink)}.collection-console a:not(.collection-button,.collection-secondary):hover{color:var(--color-highlight)}.collection-console :focus-visible{outline-color:var(--color-console-focus)!important}.collection-button,.collection-secondary,.collection-danger,.collection-choose{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:44px;padding:0 var(--space-sm);border:1px solid var(--color-field-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:500 var(--text-sm) / 1.2 var(--font-sans);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.collection-button{min-height:48px;padding-inline:var(--space-md);border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface);font-weight:600}[data-tool=collections] .collection-button:hover:not(:disabled){border-color:var(--color-ink-2);background:var(--color-ink-2);color:var(--color-surface)}[data-tool=collections] .collection-secondary:hover:not(:disabled),.collection-drop:hover .collection-choose{border-color:var(--color-ink-2);background:var(--color-paper-2)}.collection-danger{border-color:var(--color-danger-rule);color:var(--color-danger)}[data-tool=collections] .collection-danger:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-soft)}.collection-text-button{min-height:44px;padding:0;border:0;background:none;color:var(--color-control);font:500 var(--text-sm) / 1.2 var(--font-sans);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}[data-tool=collections] :is(button,.collection-button,.collection-secondary):disabled,[data-tool=collections] fieldset:disabled .collection-button{opacity:.5;cursor:not-allowed}[data-tool=collections] :is(input:not([type=file]),textarea){display:block;width:100%;min-height:44px;padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-field-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:400 var(--text-base) / 1.5 var(--font-sans)}[data-tool=collections] textarea{resize:vertical;min-height:5.5rem}[data-tool=collections] :is(input,textarea)[aria-invalid=true]{border-color:var(--color-danger)}[data-tool=collections] fieldset{min-width:0;margin:0;padding:0;border:0}[data-tool=collections] form label{display:block;margin:var(--space-sm) 0 var(--space-2xs);font-size:var(--text-sm);font-weight:500}[data-tool=collections] form label:first-child,[data-tool=collections] fieldset>label:first-of-type{margin-block-start:0}[data-tool=collections] label>span{color:var(--color-muted);font-weight:400}[data-tool=collections] form[aria-busy=true]{opacity:.7}.collection-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink-2);font-size:var(--text-xs);font-weight:500;letter-spacing:0;vertical-align:middle}.collection-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-block-end:var(--space-sm)}.collection-heading h2{margin:0}.collection-heading-actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.collection-error,[data-tool=collections] p.collection-error{color:var(--color-danger)}.collection-warning,[data-tool=collections] p.collection-warning{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-warning-rule);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm)}.collection-status:empty,[data-file-error]:empty{display:none}.collection-status{margin-block-start:var(--space-sm);font-size:var(--text-sm)}.collection-empty{padding:var(--space-md);border:1px dashed var(--color-rule-strong);border-radius:var(--radius-md);color:var(--color-muted)}.collection-list{display:grid;gap:var(--space-2xs);margin:0 0 var(--space-sm);padding:0;list-style:none}.collection-list li{position:relative;padding-inline-start:var(--space-md);line-height:1.6}.collection-list li:before{content:"";position:absolute;inset-inline-start:.35rem;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--color-control)}.collection-list--compact li{color:var(--color-muted);font-size:var(--text-sm)}.collection-list--compact li:before{background:var(--color-rule-strong)}.collection-landing{display:grid;gap:var(--space-xl)}.collection-hero{display:grid;gap:var(--space-md)}.collection-start p:not(.collection-hint){color:var(--color-ink-2)}.collection-cta{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-block:var(--space-sm)}.collection-flow{display:grid;align-content:center;gap:var(--space-sm)}.collection-flow-inputs{display:grid;gap:var(--space-2xs)}.collection-flow p{display:flex;align-items:center;gap:var(--space-xs);margin:0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-console-rule);border-radius:var(--radius-md);background:var(--color-console-2);color:var(--color-console-ink);font-weight:500}.collection-flow svg{flex-shrink:0;color:var(--color-highlight)}.collection-flow .collection-flow-output{border-color:var(--color-highlight)}.collection-flow-arrow{justify-self:center;color:var(--color-highlight);font-size:var(--text-lg);line-height:1}.collection-flow figcaption{color:var(--color-console-muted);font-size:var(--text-sm)}.collection-section>p{max-width:70ch;color:var(--color-ink-2)}.collection-grid{display:grid;gap:var(--space-sm)}.collection-grid .collection-panel p:last-child{margin-block-end:0}.collection-grid--wide{gap:var(--space-xl)}.collection-steps{display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none;counter-reset:collection-step}.collection-steps li{position:relative;padding-block:var(--space-sm);padding-inline:calc(var(--space-sm) + 40px) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);counter-increment:collection-step}.collection-steps li:before{content:counter(collection-step);position:absolute;inset-inline-start:var(--space-sm);top:var(--space-sm);display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--color-rule-strong);border-radius:50%;color:var(--color-ink-2);font:500 var(--text-xs) / 1 var(--font-mono)}.collection-steps strong{display:block;margin-block-end:var(--space-3xs);font-weight:600}.collection-steps p{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.collection-faq{border-block-start:1px solid var(--color-rule);padding-block-start:var(--space-md)}.collection-faq details{border-block-end:1px solid var(--color-rule)}.collection-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:56px;padding-block:var(--space-xs);font-weight:500;line-height:1.45;list-style:none;cursor:pointer}.collection-faq summary::-webkit-details-marker{display:none}.collection-faq summary:hover{color:var(--color-control)}.collection-faq summary span{display:grid;flex-shrink:0;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-paper-3);color:var(--color-ink-2);font:400 var(--text-md) / 1 var(--font-sans);transition:transform var(--dur-2) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.collection-faq details[open] summary span{transform:rotate(45deg);background:var(--color-highlight);color:var(--color-on-highlight)}.collection-faq details p{max-width:70ch;padding-block-end:var(--space-sm);color:var(--color-muted)}.collection-related{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);font-weight:500}.collection-related a,.collection-share-actions a{display:inline-flex;align-items:center;gap:var(--space-3xs);min-height:44px}[dir=rtl] :is(.collection-related,.collection-share-actions) span[aria-hidden=true]{display:inline-block;transform:scaleX(-1)}.collection-share{margin-block-end:var(--space-md)}.collection-share-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs) var(--space-md);margin-block-end:var(--space-sm)}.collection-share-head h2{margin:0;font-size:var(--text-sm);font-weight:500;letter-spacing:0}.collection-console .collection-deadline,.collection-console .collection-deadline time{margin:0;color:var(--color-console-ink);font-size:var(--text-sm)}.collection-closed-note{display:inline-flex;flex-wrap:wrap;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-highlight);font-size:var(--text-sm);font-weight:500}.collection-console p.collection-closed-note,.collection-console .collection-closed-note time{color:var(--color-on-highlight)}.collection-share-grid{display:grid;gap:var(--space-md)}.collection-share-item{min-width:0}.collection-share-item label{display:block;margin-block-end:var(--space-2xs);font-size:var(--text-sm);font-weight:500}.collection-share-item p{margin:var(--space-2xs) 0 0;font-size:var(--text-sm)}.collection-copy{display:flex;gap:var(--space-2xs)}[data-tool=collections] .collection-copy input{flex:1;min-width:0;border-color:var(--color-console-rule);background:var(--color-console-2);color:var(--color-console-ink);font:500 var(--text-sm) / 1.4 var(--font-mono);text-overflow:ellipsis}[data-tool=collections] .collection-copy input:disabled{opacity:.6}.collection-copy button{flex-shrink:0;min-height:44px;padding:0 var(--space-sm);border:1px solid var(--color-highlight);border-radius:var(--radius-sm);background:var(--color-highlight);color:var(--color-on-highlight);font:600 var(--text-sm) / 1 var(--font-sans);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.collection-copy button:hover:not(:disabled){border-color:var(--color-highlight-hover);background:var(--color-highlight-hover)}.collection-share-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 var(--space-md);margin-block-start:var(--space-3xs);font-size:var(--text-sm)}.collection-qr summary{display:inline-flex;align-items:center;min-height:44px;color:var(--color-console-ink);cursor:pointer}.collection-qr canvas{display:block;max-width:100%;height:auto;margin-block:var(--space-2xs);border-radius:var(--radius-sm);background:#fff}.collection-owner-grid{display:grid;gap:var(--space-md);align-items:start}.collection-side{display:grid;gap:var(--space-md);min-width:0}.collection-usage{margin-block-end:var(--space-sm)}.collection-usage p{margin-block-end:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm)}.collection-meter{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.collection-meter span{display:block;height:100%;min-inline-size:0;border-radius:inherit;background:var(--color-control)}.collection-file-list{display:grid;margin:0 0 var(--space-sm);padding:0;border-block-start:1px solid var(--color-rule);list-style:none}.collection-file{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2xs) var(--space-xs);padding-block:var(--space-sm);border-block-end:1px solid var(--color-rule)}.collection-file-type{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--color-rule);border-radius:var(--radius-xs);background:var(--color-paper-2);color:var(--color-ink-2);font:600 var(--text-2xs) / 1 var(--font-mono);letter-spacing:.02em}.collection-file-body{min-width:0}[data-tool=collections] .collection-file-body p{margin:0}[data-tool=collections] p.collection-file-name{font-weight:600;line-height:1.4}[data-tool=collections] p.collection-file-meta{margin-block-start:var(--space-3xs);color:var(--color-muted);font-size:var(--text-sm)}[data-tool=collections] p.collection-file-note{margin-block-start:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-inline-start:2px solid var(--color-rule-strong);color:var(--color-ink-2);font-size:var(--text-sm);white-space:pre-line}.collection-file-actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs);grid-column:1 / -1}.collection-file-actions>*{flex:1 1 auto}.collection-upload .collection-button,.collection-contributor .collection-button{width:100%;margin-block-start:var(--space-sm);font-variant-numeric:tabular-nums}.collection-settings form+form,.collection-setting{margin-block-start:var(--space-md);padding-block-start:var(--space-md);border-block-start:1px solid var(--color-rule)}.collection-settings .collection-secondary{margin-block-start:var(--space-2xs)}.collection-setting .collection-hint{margin:var(--space-2xs) 0 0}.collection-inline-form>div{display:flex;gap:var(--space-2xs)}[data-tool=collections] .collection-inline-form input{width:6rem;font-family:var(--font-mono)}[data-tool=collections] .collection-inline-form .collection-secondary{margin:0}.collection-inline-form .collection-hint{margin:var(--space-2xs) 0 0}.collection-drop{position:relative;display:grid;justify-items:center;align-content:center;gap:var(--space-xs);min-height:180px;padding:var(--space-md) var(--space-sm);border:1px dashed var(--color-field-rule);border-radius:var(--radius-md);background:var(--color-paper);text-align:center;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}[data-tool=collections] form .collection-drop{margin:0;font-size:var(--text-base)}.collection-drop input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.collection-drop:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.collection-drop strong{max-width:26ch;font-weight:500;line-height:1.45}.collection-upload-icon{color:var(--color-control);transition:transform var(--dur-2) var(--ease-out)}.collection-drop:hover,.collection-drop.is-dragging{border-style:solid;border-color:var(--color-control);background:var(--color-tint)}.collection-drop.is-dragging .collection-upload-icon{transform:translateY(-3px)}.collection-drop.has-files{border-style:solid}.collection-drop:has(input:disabled){opacity:.6;cursor:not-allowed}.collection-selection{margin-block-start:var(--space-sm)}[data-tool=collections] .collection-selection p{margin-block-end:var(--space-2xs);font-size:var(--text-sm);font-weight:600}.collection-selection ul{margin:0;padding:0;list-style:none}.collection-selection li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding-block:var(--space-2xs);border-block-end:1px solid var(--color-rule);font-size:var(--text-sm)}.collection-selection li span{min-width:0;overflow-wrap:anywhere}.collection-selection small{flex-shrink:0;color:var(--color-muted);font-family:var(--font-mono);white-space:nowrap}[data-file-error]{margin-block-start:var(--space-2xs);font-size:var(--text-sm)}.collection-index{display:grid;gap:var(--space-md);align-items:start}.collection-create .collection-button{margin-block-start:var(--space-sm)}.collection-records{display:grid;margin:0 0 var(--space-sm);padding:0;border-block-start:1px solid var(--color-rule);list-style:none}.collection-records li{padding-block:var(--space-sm);border-block-end:1px solid var(--color-rule)}.collection-records a{font-weight:600}[data-tool=collections] .collection-records p{margin:var(--space-3xs) 0 0;color:var(--color-muted);font-size:var(--text-sm)}.collection-contributor{max-width:40rem}.collection-contributor-head{margin-block-end:var(--space-sm)}[data-tool=collections] .collection-contributor-head p{margin:0}.collection-contributor-head h2{margin-block:var(--space-3xs)}.collection-contributor .collection-deadline{color:var(--color-muted);font-size:var(--text-sm)}.collection-instructions{margin-block-end:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-paper-2)}.collection-instructions h3{font-size:var(--text-sm)}[data-tool=collections] .collection-instructions p{margin:0;white-space:pre-line}.collection-fields{margin-block-start:var(--space-sm)}.collection-contributor .collection-list{margin-block:var(--space-md) 0}.collection-contributor [data-retry-link]{margin-block-start:var(--space-2xs)}@media (min-width: 40rem){.collection-panel,.collection-console{padding:var(--space-lg)}.collection-grid,.collection-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-file{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.collection-file-actions{grid-column:auto;flex-wrap:nowrap}.collection-file-actions>*{flex:0 0 auto}}@media (min-width: 56rem){.collection-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch}.collection-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-steps li{padding-block:calc(var(--space-sm) + 40px) var(--space-sm);padding-inline:var(--space-sm)}.collection-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-owner-grid{grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr)}.collection-index{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 22rem){.collection-copy{flex-wrap:wrap}.collection-copy button{flex:1 1 100%}.collection-cta>*{flex:1 1 100%}}@media (prefers-reduced-motion: reduce){[data-tool=collections] *,[data-tool=collections] *:before{transition:none!important}.collection-drop.is-dragging .collection-upload-icon{transform:none}}
