:root{--color-primary: #ff6b2c;--color-primary-soft: #ffede4;--color-ink: #14213d;--color-ink-2: #4b5563;--color-muted: #9ca3af;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #e5e7eb;--color-success: #1e9e5a;--color-success-soft: #e3f6ec;--color-warning: #b7740a;--color-warning-soft: #fdf1dc;--color-danger: #d64545;--color-danger-soft: #fbe5e5;--color-overlay: #0b1220;--color-on-primary: #ffffff;--font-family-base: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--type-titre-xl-size: 28px;--type-titre-xl-line: 34px;--type-titre-xl-weight: 700;--type-titre-xl-tracking: 0;--type-titre-l-size: 22px;--type-titre-l-line: 28px;--type-titre-l-weight: 700;--type-titre-l-tracking: 0;--type-titre-m-size: 17px;--type-titre-m-line: 22px;--type-titre-m-weight: 600;--type-titre-m-tracking: 0;--type-corps-fort-size: 15px;--type-corps-fort-line: 21px;--type-corps-fort-weight: 500;--type-corps-fort-tracking: 0;--type-corps-size: 15px;--type-corps-line: 21px;--type-corps-weight: 400;--type-corps-tracking: 0;--type-legende-size: 13px;--type-legende-line: 18px;--type-legende-weight: 400;--type-legende-tracking: 0;--type-micro-size: 11px;--type-micro-line: 14px;--type-micro-weight: 600;--type-micro-tracking: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-mobile-gutter: 16px;--radius-badge: 6px;--radius-control: 12px;--radius-card: 16px;--radius-pill: 999px;--radius-checkbox: 5px;--radius-icon-tile: 10px;--radius-progress: 3px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-touch-target-min: 44px;--size-button-height: 48px;--size-avatar: 40px;--size-list-icon-tile: 40px;--size-media-thumb: 114px;--size-capture-button: 56px;--size-empty-state-illustration: 72px;--size-switch: 44px;--size-checkbox: 20px;--size-radio: 20px;--size-tabbar-height: 84px;--size-statusbar-height: 47px;--size-mobile-width: 390px;--size-mobile-content-width: 358px;--border-width-default: 1px;--border-width-emphasis: 1.5px;--component-button-padding-x: 20px;--component-button-padding-y: 14px;--component-button-radius: 12px;--component-tag-padding-x: 14px;--component-tag-padding-y: 8px;--component-tag-radius: 999px;--component-badge-padding-x: 8px;--component-badge-padding-y: 4px;--component-badge-radius: 6px;--component-field-padding-x: 14px;--component-field-padding-y: 12px;--component-field-gap: 6px;--component-field-radius: 12px;--component-field-width: 320px;--component-alert-padding: 14px;--component-alert-gap: 10px;--component-alert-radius: 12px;--component-list-row-padding-x: 16px;--component-list-row-padding-y: 14px;--component-list-row-gap: 12px;--component-title-bar-padding-x: 16px;--component-title-bar-padding-y: 12px;--component-title-bar-gap: 12px;--component-site-card-padding: 16px;--component-site-card-gap: 10px;--component-site-card-radius: 16px;--component-empty-state-padding-x: 24px;--component-empty-state-padding-y: 32px;--component-empty-state-gap: 12px;--component-tab-bar-padding-x: 24px;--component-tab-bar-padding-top: 8px;--component-tab-bar-padding-bottom: 20px;--component-tab-bar-item-gap: 4px;--component-media-thumb-padding: 8px;--component-media-thumb-radius: 12px}.type-titre-xl{font-size:var(--type-titre-xl-size);line-height:var(--type-titre-xl-line);font-weight:var(--type-titre-xl-weight);letter-spacing:var(--type-titre-xl-tracking)}.type-titre-l{font-size:var(--type-titre-l-size);line-height:var(--type-titre-l-line);font-weight:var(--type-titre-l-weight);letter-spacing:var(--type-titre-l-tracking)}.type-titre-m{font-size:var(--type-titre-m-size);line-height:var(--type-titre-m-line);font-weight:var(--type-titre-m-weight);letter-spacing:var(--type-titre-m-tracking)}.type-corps-fort{font-size:var(--type-corps-fort-size);line-height:var(--type-corps-fort-line);font-weight:var(--type-corps-fort-weight);letter-spacing:var(--type-corps-fort-tracking)}.type-corps{font-size:var(--type-corps-size);line-height:var(--type-corps-line);font-weight:var(--type-corps-weight);letter-spacing:var(--type-corps-tracking)}.type-legende{font-size:var(--type-legende-size);line-height:var(--type-legende-line);font-weight:var(--type-legende-weight);letter-spacing:var(--type-legende-tracking)}.type-micro{font-size:var(--type-micro-size);line-height:var(--type-micro-line);font-weight:var(--type-micro-weight);letter-spacing:var(--type-micro-tracking)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--type-corps-size);line-height:var(--type-corps-line);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh}h1,h2,h3,p,figure{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--color-primary)}:focus-visible{outline:var(--border-width-emphasis) solid var(--color-primary);outline-offset:var(--space-1)}.sf-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg)}.sf-main{flex:1;padding:var(--space-4) var(--space-mobile-gutter) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:var(--size-mobile-width);margin:0 auto}.sf-main--wide{max-width:none}.sf-scroll{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--size-tabbar-height) + env(safe-area-inset-bottom))}.sf-stack{display:flex;flex-direction:column;gap:var(--space-3)}.sf-stack--tight{gap:var(--space-2)}.sf-row{display:flex;align-items:center;gap:var(--space-3)}.sf-row--between{justify-content:space-between}.sf-spacer{flex:1}.sf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.sf-title{font-size:var(--type-titre-xl-size);line-height:var(--type-titre-xl-line);font-weight:var(--type-titre-xl-weight)}.sf-subtitle{font-size:var(--type-titre-l-size);line-height:var(--type-titre-l-line);font-weight:var(--type-titre-l-weight)}.sf-card-title{font-size:var(--type-titre-m-size);line-height:var(--type-titre-m-line);font-weight:var(--type-titre-m-weight)}.sf-body{font-size:var(--type-corps-size);line-height:var(--type-corps-line)}.sf-body-strong{font-size:var(--type-corps-fort-size);line-height:var(--type-corps-fort-line);font-weight:var(--type-corps-fort-weight)}.sf-caption{font-size:var(--type-legende-size);line-height:var(--type-legende-line);color:var(--color-ink-2)}.sf-micro{font-size:var(--type-micro-size);line-height:var(--type-micro-line);font-weight:var(--type-micro-weight);letter-spacing:var(--type-micro-tracking)}.sf-muted{color:var(--color-muted)}.sf-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-button-height);min-width:var(--size-touch-target-min);padding:var(--component-button-padding-y) var(--component-button-padding-x);border:var(--border-width-default) solid transparent;border-radius:var(--component-button-radius);font-size:var(--type-corps-fort-size);line-height:var(--type-corps-fort-line);font-weight:var(--type-corps-fort-weight);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sf-button:disabled{opacity:.5;cursor:not-allowed}.sf-button--primary{background:var(--color-primary);color:var(--color-on-primary)}.sf-button--secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}.sf-button--ghost{background:transparent;color:var(--color-ink-2)}.sf-button--danger{background:var(--color-danger-soft);color:var(--color-danger)}.sf-button--success{background:var(--color-success-soft);color:var(--color-success)}.sf-button--block{width:100%}.sf-field{display:flex;flex-direction:column;gap:var(--component-field-gap)}.sf-field__label{font-size:var(--type-corps-fort-size);line-height:var(--type-corps-fort-line);font-weight:var(--type-corps-fort-weight)}.sf-field__control{width:100%;min-height:var(--size-touch-target-min);padding:var(--component-field-padding-y) var(--component-field-padding-x);background:var(--color-surface);border:var(--border-width-default) solid var(--color-border);border-radius:var(--component-field-radius)}.sf-field__control:focus{outline:none;border-width:var(--border-width-emphasis);border-color:var(--color-primary)}.sf-field__hint{font-size:var(--type-legende-size);line-height:var(--type-legende-line);color:var(--color-ink-2)}.sf-field__error{font-size:var(--type-legende-size);line-height:var(--type-legende-line);color:var(--color-danger)}.sf-code-input{letter-spacing:var(--space-3);text-align:center;font-size:var(--type-titre-xl-size);line-height:var(--type-titre-xl-line);font-weight:var(--type-titre-xl-weight)}.sf-card{background:var(--color-surface);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-card);padding:var(--component-site-card-padding);display:flex;flex-direction:column;gap:var(--component-site-card-gap);text-align:left;width:100%}a.sf-card{text-decoration:none;color:inherit}button.sf-card{cursor:pointer}.sf-divider{border:0;border-top:var(--border-width-default) solid var(--color-border);width:100%;margin:var(--space-2) 0}.sf-demo{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--component-site-card-padding);border:var(--border-width-default) dashed var(--color-muted);border-radius:var(--radius-card)}.sf-alert{display:flex;gap:var(--component-alert-gap);padding:var(--component-alert-padding);border-radius:var(--component-alert-radius);font-size:var(--type-legende-size);line-height:var(--type-legende-line)}.sf-alert--info{background:var(--color-primary-soft);color:var(--color-ink)}.sf-alert--success{background:var(--color-success-soft);color:var(--color-success)}.sf-alert--warning{background:var(--color-warning-soft);color:var(--color-warning)}.sf-alert--danger{background:var(--color-danger-soft);color:var(--color-danger)}.sf-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--component-tag-padding-y) var(--component-tag-padding-x);border-radius:var(--component-tag-radius);border:var(--border-width-default) solid var(--color-border);background:var(--color-surface);font-size:var(--type-legende-size);line-height:var(--type-legende-line);min-height:var(--size-touch-target-min);cursor:pointer}.sf-tag[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-ink)}.sf-badge{display:inline-flex;align-items:center;padding:var(--component-badge-padding-y) var(--component-badge-padding-x);border-radius:var(--component-badge-radius);font-size:var(--type-micro-size);line-height:var(--type-micro-line);font-weight:var(--type-micro-weight);background:var(--color-bg);color:var(--color-ink-2)}.sf-badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.sf-badge--success{background:var(--color-success-soft);color:var(--color-success)}.sf-badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.sf-badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.sf-title-bar{display:flex;align-items:center;gap:var(--component-title-bar-gap);padding:var(--component-title-bar-padding-y) var(--component-title-bar-padding-x);padding-top:calc(var(--component-title-bar-padding-y) + env(safe-area-inset-top));background:var(--color-surface);border-bottom:var(--border-width-default) solid var(--color-border);position:sticky;top:0;z-index:10}.sf-title-bar__title{font-size:var(--type-titre-m-size);line-height:var(--type-titre-m-line);font-weight:var(--type-titre-m-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--size-touch-target-min);height:var(--size-touch-target-min);border:0;border-radius:var(--radius-control);background:transparent;color:var(--color-ink);cursor:pointer;flex:none}.sf-tab-bar{position:sticky;bottom:0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--component-tab-bar-item-gap);padding:var(--component-tab-bar-padding-top) var(--component-tab-bar-padding-x) calc(var(--component-tab-bar-padding-bottom) + env(safe-area-inset-bottom));background:var(--color-surface);border-top:var(--border-width-default) solid var(--color-border);z-index:10}.sf-tab{display:flex;flex-direction:column;align-items:center;gap:var(--component-tab-bar-item-gap);min-width:var(--size-touch-target-min);min-height:var(--size-touch-target-min);padding:var(--space-1);border:0;background:transparent;color:var(--color-muted);text-decoration:none;font-size:var(--type-micro-size);line-height:var(--type-micro-line);font-weight:var(--type-micro-weight);cursor:pointer}.sf-tab[data-active=true]{color:var(--color-primary)}.sf-queue-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-mobile-gutter);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--type-legende-size);line-height:var(--type-legende-line);text-decoration:none;position:sticky;top:0;z-index:11}.sf-queue-banner--done{background:var(--color-success-soft);color:var(--color-success)}.sf-progress{width:100%;height:var(--radius-progress);border-radius:var(--radius-progress);background:var(--color-border);overflow:hidden}.sf-progress__bar{height:100%;background:var(--color-primary);border-radius:var(--radius-progress);transition:width .12s linear}.sf-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size-media-thumb),1fr));gap:var(--space-2)}.sf-thumb{position:relative;aspect-ratio:1;border-radius:var(--component-media-thumb-radius);overflow:hidden;background:var(--color-border);border:0;padding:0;cursor:pointer}.sf-thumb img,.sf-thumb video{width:100%;height:100%;object-fit:cover;display:block}.sf-thumb__badge{position:absolute;left:var(--space-1);bottom:var(--space-1)}.sf-camera{position:fixed;inset:0;background:var(--color-overlay);color:var(--color-surface);display:flex;flex-direction:column}.sf-camera__stage{position:relative;flex:1;overflow:hidden;background:var(--color-overlay)}.sf-camera__video,.sf-camera__overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sf-camera__overlay{pointer-events:none}.sf-camera__controls{padding:var(--space-4) var(--space-mobile-gutter) calc(var(--space-6) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-overlay)}.sf-camera__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sf-shutter{width:var(--size-capture-button);height:var(--size-capture-button);border-radius:var(--radius-pill);border:var(--border-width-emphasis) solid var(--color-surface);background:var(--color-surface);cursor:pointer;flex:none}.sf-shutter--recording{background:var(--color-danger)}.sf-camera__hint{font-size:var(--type-legende-size);line-height:var(--type-legende-line);color:var(--color-border)}.sf-slider{width:100%;min-height:var(--size-touch-target-min);accent-color:var(--color-primary)}.sf-rec-dot{display:inline-block;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-danger)}.sf-table-wrap{overflow-x:auto;background:var(--color-surface);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-card)}.sf-table{width:100%;border-collapse:collapse;font-size:var(--type-legende-size);line-height:var(--type-legende-line)}.sf-table th,.sf-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:var(--border-width-default) solid var(--color-border);white-space:nowrap}.sf-table th{font-size:var(--type-micro-size);line-height:var(--type-micro-line);font-weight:var(--type-micro-weight);color:var(--color-ink-2);background:var(--color-bg);position:sticky;top:0}.sf-kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);font-size:var(--type-legende-size);line-height:var(--type-legende-line)}.sf-kv dt{color:var(--color-ink-2)}.sf-kv dd{margin:0;font-weight:var(--font-weight-medium);word-break:break-word}.sf-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--component-empty-state-gap);padding:var(--component-empty-state-padding-y) var(--component-empty-state-padding-x);color:var(--color-ink-2)}.sf-empty__icon{width:var(--size-empty-state-illustration);height:var(--size-empty-state-illustration);border-radius:var(--radius-card);background:var(--color-primary-soft)}.sf-client{min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:var(--color-surface)}.sf-client__inner{width:100%;max-width:var(--size-mobile-width);padding:var(--space-6) var(--space-mobile-gutter) calc(var(--space-8) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-4);flex:1}.sf-client__logo{max-height:var(--size-avatar);max-width:60%;object-fit:contain;align-self:flex-start}.sf-steps{display:flex;gap:var(--space-1)}.sf-steps__dot{flex:1;height:var(--radius-progress);border-radius:var(--radius-progress);background:var(--color-border)}.sf-steps__dot[data-done=true]{background:var(--color-primary)}.sf-countdown{font-size:var(--type-titre-xl-size);line-height:var(--type-titre-xl-line);font-weight:var(--type-titre-xl-weight);text-align:center;color:var(--color-primary)}.sf-copy-link{display:flex;gap:var(--space-2);align-items:stretch}.sf-copy-link input{flex:1;min-width:0}.sf-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sf-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}