.demos-page[data-astro-cid-rx3xderj]{padding-block:var(--spacing-16)}.container[data-astro-cid-rx3xderj]{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--spacing-16)}.page-header[data-astro-cid-rx3xderj]{margin-bottom:var(--spacing-12)}.title[data-astro-cid-rx3xderj]{font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.underscore[data-astro-cid-rx3xderj]{color:var(--color-directoire-blue)}.subtitle[data-astro-cid-rx3xderj]{font-size:var(--text-lg);color:var(--color-text-tertiary);max-width:600px;line-height:var(--leading-relaxed)}.content-grid[data-astro-cid-rx3xderj]{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-12);align-items:start}.form-section[data-astro-cid-rx3xderj]{border:1px solid var(--color-border);padding:var(--spacing-8)}.demo-form[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-fieldset[data-astro-cid-rx3xderj]{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.fieldset-legend[data-astro-cid-rx3xderj]{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-primary);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-2);width:100%}.optional-tag[data-astro-cid-rx3xderj]{font-weight:var(--weight-regular);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:none;letter-spacing:normal}.form-row[data-astro-cid-rx3xderj]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-label[data-astro-cid-rx3xderj]{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);display:flex;align-items:baseline;gap:var(--spacing-2)}.form-hint[data-astro-cid-rx3xderj]{font-size:var(--text-xs);font-weight:var(--weight-regular);text-transform:none;letter-spacing:normal;color:var(--color-text-muted)}.char-count[data-astro-cid-rx3xderj]{margin-left:auto;font-size:var(--text-xs);font-weight:var(--weight-regular);text-transform:none;letter-spacing:normal;color:var(--color-text-muted);font-family:var(--font-mono)}.form-input[data-astro-cid-rx3xderj]{padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-text);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--duration-fast) var(--ease-default)}.form-input[data-astro-cid-rx3xderj]:focus{outline:none;border-color:var(--color-directoire-blue)}.form-textarea[data-astro-cid-rx3xderj]{resize:vertical;min-height:80px}.form-input[data-astro-cid-rx3xderj]:disabled{opacity:.6;cursor:not-allowed}.file-upload[data-astro-cid-rx3xderj]{position:relative}.file-input[data-astro-cid-rx3xderj]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.file-upload__label[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-8) var(--spacing-4);border:2px dashed var(--color-border);text-align:center;color:var(--color-text-muted);transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.file-upload[data-astro-cid-rx3xderj]:hover .file-upload__label[data-astro-cid-rx3xderj],.file-upload[data-astro-cid-rx3xderj].dragover .file-upload__label[data-astro-cid-rx3xderj]{border-color:var(--color-directoire-blue);background-color:#0061a30d}.file-upload__text[data-astro-cid-rx3xderj]{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.file-upload__formats[data-astro-cid-rx3xderj]{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.file-upload__selected[data-astro-cid-rx3xderj]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-directoire-blue);background-color:#0061a30d}.file-name[data-astro-cid-rx3xderj]{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-astro-cid-rx3xderj]{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap}.file-remove[data-astro-cid-rx3xderj]{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;padding:0 var(--spacing-1);line-height:1}.file-remove[data-astro-cid-rx3xderj]:hover{color:#ef4444}.upload-progress[data-astro-cid-rx3xderj]{margin-top:var(--spacing-2)}.progress-bar[data-astro-cid-rx3xderj]{height:4px;background-color:var(--color-border);overflow:hidden}.progress-bar__fill[data-astro-cid-rx3xderj]{height:100%;background-color:var(--color-directoire-blue);width:0%;transition:width .3s ease}.progress-text[data-astro-cid-rx3xderj]{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-top:var(--spacing-1);display:block}.form-message[data-astro-cid-rx3xderj]{padding:var(--spacing-4);margin-bottom:var(--spacing-2);font-size:var(--text-sm)}.form-message[data-astro-cid-rx3xderj].success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-message[data-astro-cid-rx3xderj].error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.success-panel[data-astro-cid-rx3xderj]{text-align:center;padding:var(--spacing-12) var(--spacing-8);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.success-title[data-astro-cid-rx3xderj]{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary)}.success-text[data-astro-cid-rx3xderj]{font-size:var(--text-base);color:var(--color-text-tertiary);max-width:400px;line-height:var(--leading-relaxed)}.info-section[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--spacing-6)}.info-card[data-astro-cid-rx3xderj]{border:1px solid var(--color-border);padding:var(--spacing-6)}.info-title[data-astro-cid-rx3xderj]{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border)}.checklist[data-astro-cid-rx3xderj],.guidelines[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;padding:0}.checklist[data-astro-cid-rx3xderj] li[data-astro-cid-rx3xderj],.guidelines[data-astro-cid-rx3xderj] li[data-astro-cid-rx3xderj]{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--spacing-4);position:relative;line-height:var(--leading-normal)}.checklist[data-astro-cid-rx3xderj] li[data-astro-cid-rx3xderj]:before{content:"—";position:absolute;left:0;color:var(--color-directoire-blue)}.guidelines[data-astro-cid-rx3xderj] li[data-astro-cid-rx3xderj]:before{content:"·";position:absolute;left:var(--spacing-1);color:var(--color-text-muted);font-weight:700}.guidelines-note[data-astro-cid-rx3xderj]{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-subtle);line-height:var(--leading-relaxed)}.labels-list[data-astro-cid-rx3xderj]{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;padding:0}.labels-list[data-astro-cid-rx3xderj] a[data-astro-cid-rx3xderj]{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:none;display:flex;align-items:baseline;gap:var(--spacing-2);transition:color var(--duration-fast) var(--ease-default)}.labels-list[data-astro-cid-rx3xderj] a[data-astro-cid-rx3xderj]:hover{color:var(--color-text-accent)}.label-genre[data-astro-cid-rx3xderj]{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}@media(max-width:1024px){.content-grid[data-astro-cid-rx3xderj]{grid-template-columns:1fr}}@media(max-width:768px){.container[data-astro-cid-rx3xderj]{padding-inline:var(--grid-margin)}.title[data-astro-cid-rx3xderj]{font-size:var(--text-4xl)}.form-section[data-astro-cid-rx3xderj]{padding:var(--spacing-6)}.form-row[data-astro-cid-rx3xderj]{grid-template-columns:1fr}}