.file-uploader{--file-uploader-accent: #2563eb;--file-uploader-accent-soft: #dbeafe;--file-uploader-border: #cbd5e1;--file-uploader-danger: #dc2626;--file-uploader-ink: #0f172a;--file-uploader-muted: #64748b;--file-uploader-success: #16a34a;--file-uploader-surface: #ffffff;--file-uploader-item-surface: #f8fafc;--file-uploader-modal-backdrop: color-mix(in srgb, #0f172a 72%, transparent);--file-uploader-modal-surface: #ffffff;color:var(--file-uploader-ink);font-family:inherit}.file-uploader *,.file-uploader *:before,.file-uploader *:after{box-sizing:border-box}.file-uploader__dropzone{align-items:center;background:var(--file-uploader-surface);border:1px dashed var(--file-uploader-border);border-radius:8px;display:flex;flex-direction:column;gap:16px;min-height:240px;padding:24px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.file-uploader__dropzone--active{border-style:solid}.file-uploader__dropzone--dragging{background:var(--file-uploader-accent-soft);border-color:var(--file-uploader-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--file-uploader-accent) 16%,transparent)}.file-uploader__dropzone--disabled{cursor:not-allowed;opacity:.62}.file-uploader__info{align-items:center;display:flex;gap:16px;justify-content:center;text-align:left;width:100%}.file-uploader__main-icon,.file-uploader__success-mark{align-items:center;background:var(--file-uploader-accent-soft);border-radius:8px;color:var(--file-uploader-accent);display:inline-flex;flex:0 0 56px;height:56px;justify-content:center;width:56px}.file-uploader__main-icon svg,.file-uploader__success-mark svg,.file-uploader__status svg,.file-uploader__file-icon svg,.file-uploader__media-placeholder svg,.file-uploader__preview-badge svg,.file-uploader__icon-button svg{fill:currentColor;height:1em;width:1em}.file-uploader__main-icon svg,.file-uploader__success-mark svg{font-size:28px}.file-uploader__title,.file-uploader__hint,.file-uploader__info p,.file-uploader__counter,.file-uploader__name,.file-uploader__size{margin:0}.file-uploader__title{font-size:16px;font-weight:600;line-height:1.35}.file-uploader__title span,.file-uploader__format{color:var(--file-uploader-accent)}.file-uploader__hint,.file-uploader__info p,.file-uploader__counter,.file-uploader__size{color:var(--file-uploader-muted);font-size:13px;line-height:1.45}.file-uploader__input{display:none}.file-uploader__browse{background:var(--file-uploader-accent);border:0;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-weight:600;min-height:40px;padding:0 16px}.file-uploader__browse:disabled{cursor:not-allowed}.file-uploader__list{display:grid;gap:10px;width:100%}.file-uploader__item{align-items:center;background:var(--file-uploader-item-surface);border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:20px 72px minmax(0,1fr) auto;min-height:76px;padding:12px}.file-uploader__item--success .file-uploader__status{color:var(--file-uploader-success)}.file-uploader__item--failed .file-uploader__status{color:var(--file-uploader-danger)}.file-uploader__preview-trigger,.file-uploader__thumbnail,.file-uploader__file-icon{border-radius:6px}.file-uploader__preview-trigger{background:#e2e8f0;border:1px solid #cbd5e1;color:#334155;cursor:pointer;display:block;height:56px;overflow:hidden;padding:0;position:relative;width:72px}.file-uploader__thumbnail{background:#e2e8f0;display:block;height:100%;object-fit:cover;width:100%}.file-uploader__thumbnail--video{object-fit:contain}.file-uploader__preview-badge{align-items:center;background:var(--file-uploader-modal-backdrop);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;height:26px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:26px}.file-uploader__media-placeholder{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.file-uploader__file-icon{align-items:center;background:#e2e8f0;color:#475569;display:inline-flex;font-size:20px;height:56px;justify-content:center;width:56px}.file-uploader__file-info{min-width:0}.file-uploader__name{font-size:14px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-uploader__actions{display:flex;gap:6px}.file-uploader__icon-button{align-items:center;background:var(--file-uploader-modal-surface);border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;width:32px}.file-uploader__icon-button--danger{color:var(--file-uploader-danger)}.file-uploader__modal{align-items:center;background:color-mix(in srgb,#0f172a 72%,transparent);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:999}.file-uploader__modal-panel{background:#fff;border-radius:8px;box-shadow:0 24px 80px color-mix(in srgb,#0f172a 32%,transparent);display:grid;gap:14px;max-height:min(760px,calc(100vh - 40px));max-width:min(920px,calc(100vw - 40px));overflow:hidden;padding:14px;width:100%}.file-uploader__modal-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.file-uploader__modal-title,.file-uploader__modal-meta{margin:0}.file-uploader__modal-title{font-size:15px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-uploader__modal-meta{color:var(--file-uploader-muted);font-size:13px}.file-uploader__modal-content{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:center;min-height:240px;overflow:hidden}.file-uploader__modal-image,.file-uploader__modal-video{display:block;max-height:min(620px,calc(100vh - 180px));max-width:100%}.file-uploader__modal-video{width:100%}.file-uploader__modal-audio{align-items:center;color:#334155;display:grid;gap:18px;justify-items:center;padding:28px;width:min(520px,100%)}.file-uploader__modal-audio svg{fill:currentColor;height:46px;width:46px}.file-uploader__modal-audio audio{width:100%}@media(max-width:520px){.file-uploader__dropzone{padding:18px}.file-uploader__info{align-items:flex-start;flex-direction:column}.file-uploader__item{align-items:start;grid-template-columns:20px minmax(0,1fr)}.file-uploader__preview-trigger,.file-uploader__file-icon,.file-uploader__file-info,.file-uploader__actions{grid-column:2}}:root{color:#14213d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{background:#f4f7fb;margin:0}button,a{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.docs-shell{margin:0 auto;max-width:1120px;padding:0 20px}.docs-hero{background:#fff;border-bottom:1px solid #dbe3ef}.docs-hero__grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 340px;min-height:430px;padding-bottom:44px;padding-top:58px}.docs-kicker,.docs-hero h1,.docs-hero p,.docs-section-heading h2,.docs-section-heading p,.demo-summary p,.docs-deploy-grid p,.docs-deploy-grid h3{margin:0}.docs-kicker{color:#2563eb;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.docs-hero h1{font-size:clamp(42px,8vw,84px);line-height:.95;margin-top:10px}.docs-hero p{color:#475569;font-size:18px;line-height:1.6;margin-top:18px;max-width:720px}.docs-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.docs-hero__actions a,.demo-actions button{align-items:center;border-radius:6px;display:inline-flex;font-weight:700;min-height:42px;padding:0 14px;text-decoration:none}.docs-hero__actions a:first-child{background:#2563eb;color:#fff}.docs-hero__actions a:last-child,.demo-actions button{background:#fff;border:1px solid #cbd5e1;color:#14213d}.docs-stat-grid{align-self:end;display:grid;gap:12px}.docs-stat-grid div,.docs-card,.demo-summary{background:#fff;border:1px solid #dbe3ef;border-radius:8px}.docs-stat-grid div{padding:18px}.docs-stat-grid span{display:block;font-size:34px;font-weight:900;line-height:1}.docs-stat-grid p{color:#64748b;font-size:13px;margin-top:8px}.docs-layout{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 220px;padding-bottom:56px;padding-top:34px}.docs-main{display:grid;gap:22px}.docs-section-heading{display:grid;gap:8px}.docs-section-heading h2{font-size:28px;line-height:1.15}.docs-section-heading p{color:#475569;line-height:1.55}.preview-toolbar{align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.preview-toolbar p,.preview-toolbar span{margin:0}.preview-toolbar p{font-size:14px;font-weight:800}.preview-toolbar span{color:#64748b;display:block;font-size:13px;margin-top:2px}.demo-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-action{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#14213d;cursor:pointer;display:inline-flex;font-weight:700;min-height:38px;padding:0 12px}.demo-action--primary{background:#14213d;border-color:#14213d;color:#fff}.playground-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 340px}.playground-preview{display:grid;gap:12px;min-width:0}.props-panel{align-self:start;background:#fff;border:1px solid #dbe3ef;border-radius:8px;display:grid;gap:16px;padding:16px}.props-panel__header{display:grid;gap:4px}.props-panel__header h3,.control-group,.live-code p{margin:0}.props-panel__header h3{font-size:18px;line-height:1.2}.control-group{border:0;display:grid;gap:8px;padding:0}.control-group legend,.control-field span,.switch-list span,.color-grid span,.live-code p{color:#334155;font-size:13px;font-weight:700}.segmented-options{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-options label,.switch-list label{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;min-height:38px;padding:8px 10px}.segmented-options label>span{display:grid;gap:2px}.segmented-options strong,.segmented-options small{display:block}.segmented-options strong{font-size:13px}.segmented-options small{color:#64748b;font-size:11px;line-height:1.25}.segmented-options input,.switch-list input{accent-color:#2563eb}.control-field{display:grid;gap:6px}.control-field input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#14213d;min-height:38px;padding:0 10px}.switch-list{display:grid;gap:8px}.color-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.color-grid label{display:grid;gap:6px}.color-grid input{background:transparent;border:0;cursor:pointer;height:34px;padding:0;width:100%}.live-code{display:grid;gap:8px;min-width:0}.live-code pre{max-height:320px}.docs-card{display:grid;gap:16px;padding:22px}pre{background:#0f172a;border-radius:8px;color:#e2e8f0;margin:0;overflow-x:auto;padding:18px}pre code{font-size:13px;line-height:1.65}.docs-table{display:grid;gap:8px}.docs-table__row{align-items:start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:170px 190px minmax(0,1fr);padding:12px}.docs-table__row code{color:#2563eb;font-weight:800}.docs-table__row span{color:#334155;font-size:13px}.docs-table__row p{color:#64748b;margin:0}.docs-deploy-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.docs-deploy-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:8px;padding:14px}.docs-deploy-grid h3{font-size:18px}.docs-deploy-grid p{color:#475569;line-height:1.5}.demo-summary{align-self:start;display:grid;gap:12px;padding:16px;position:sticky;top:18px}.demo-summary div{border-bottom:1px solid #e2e8f0;padding-bottom:12px}.demo-summary div:last-child{border-bottom:0;padding-bottom:0}.demo-summary span{display:block;font-size:28px;font-weight:900;line-height:1}.demo-summary p{color:#64748b;font-size:13px;margin-top:4px}@media(max-width:860px){.docs-hero__grid,.docs-layout,.playground-grid,.docs-deploy-grid{grid-template-columns:1fr}.docs-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-summary{position:static}}@media(max-width:620px){.docs-shell{padding-left:14px;padding-right:14px}.docs-hero__grid{min-height:0;padding-bottom:30px;padding-top:36px}.docs-stat-grid,.docs-table__row,.segmented-options,.color-grid{grid-template-columns:1fr}.preview-toolbar{align-items:stretch;flex-direction:column}}