@layer theme, base, components, utilities;@layer components{.fillo-form{--fillo-primary:#18181b;--fillo-primary-contrast:#ffffff;--fillo-bg:transparent;--fillo-text:#18181b;--fillo-muted:#71717a;--fillo-border:#e4e4e7;--fillo-error:#dc2626;--fillo-radius:10px;--fillo-font:inherit;--fillo-control-bg:#ffffff;color-scheme:light;font-family:var(--fillo-font);color:var(--fillo-text);background:var(--fillo-bg);display:flex;flex-direction:column;gap:1.75rem;max-width:100%}.fillo-form[data-fillo-color-scheme=light]{color-scheme:light}.fillo-form[data-fillo-color-scheme=dark]{--fillo-primary:#fafafa;--fillo-primary-contrast:#18181b;--fillo-text:#f4f4f5;--fillo-muted:#a1a1aa;--fillo-border:#3f3f46;--fillo-error:#f87171;--fillo-control-bg:#18181b;color-scheme:dark}@media (prefers-color-scheme:dark){.fillo-form:not([data-fillo-color-scheme=light]):not([data-fillo-has-color-theme]){--fillo-primary:#fafafa;--fillo-primary-contrast:#18181b;--fillo-text:#f4f4f5;--fillo-muted:#a1a1aa;--fillo-border:#3f3f46;--fillo-error:#f87171;--fillo-control-bg:#18181b;color-scheme:dark}}.fillo-header{display:flex;flex-direction:column;gap:.5rem}.fillo-title{font-size:1.6rem;font-weight:650;letter-spacing:0;margin:0}.fillo-form-description{color:var(--fillo-muted);margin:0;line-height:1.55}.fillo-page-title{font-size:1.2rem;font-weight:600;margin:0}.fillo-blocks{gap:1.5rem}.fillo-blocks,.fillo-field{display:flex;flex-direction:column}.fillo-field{gap:.45rem}.fillo-label{font-weight:550;font-size:.95rem}.fillo-optional{color:var(--fillo-muted);font-weight:400;font-size:.85em}.fillo-description{color:var(--fillo-muted);font-size:.85rem;margin:0;line-height:1.5}.fillo-error,.fillo-submit-error{color:var(--fillo-error);font-size:.85rem;margin:0}.fillo-submit-error{font-weight:500}.fillo-input{appearance:none;font:inherit;color:var(--fillo-text);background:var(--fillo-control-bg);border:1px solid var(--fillo-border);border-radius:var(--fillo-radius);min-height:2.5rem;padding:.6rem .8rem;transition:border-color .12s ease,box-shadow .12s ease;width:100%;box-sizing:border-box}.fillo-input:focus-visible{outline:none;border-color:var(--fillo-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fillo-primary) 15%,transparent)}.fillo-field--error .fillo-input{border-color:var(--fillo-error)}.fillo-textarea{resize:vertical;min-height:6rem}.fillo-select-wrap{position:relative;display:block}.fillo-select{cursor:pointer;padding-right:2.45rem}.fillo-select-icon{pointer-events:none;position:absolute;top:50%;right:.9rem;width:.62rem;height:.62rem;border-right:1.5px solid;border-bottom:1.5px solid;color:var(--fillo-muted);transform:translateY(-65%) rotate(45deg);transition:color .12s ease}.fillo-select-wrap:focus-within .fillo-select-icon{color:var(--fillo-primary)}.fillo-options{display:flex;flex-direction:column;gap:.5rem}.fillo-option{position:relative;display:flex;align-items:center;gap:.6rem;border:1px solid var(--fillo-border);border-radius:var(--fillo-radius);background:var(--fillo-control-bg);padding:.55rem .8rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.fillo-option:hover{border-color:color-mix(in srgb,var(--fillo-primary) 45%,var(--fillo-border))}.fillo-option:focus-within{border-color:var(--fillo-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fillo-primary) 14%,transparent)}.fillo-option--selected{border-color:var(--fillo-primary);background:color-mix(in srgb,var(--fillo-primary) 6%,var(--fillo-control-bg))}.fillo-option-input{accent-color:var(--fillo-primary);flex:0 0 auto;width:1rem;height:1rem;margin:0}.fillo-option-input:focus-visible{outline:none}.fillo-option--has-icon .fillo-option-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.fillo-option-icon{width:1.05rem;height:1.05rem;flex:0 0 auto;color:var(--fillo-muted);transition:color .12s ease}.fillo-option--selected .fillo-option-icon{color:var(--fillo-primary)}.fillo-option-label{font-size:.95rem}.fillo-option-main{display:flex;align-items:center;gap:.6rem;min-width:0}.fillo-option--with-other{align-items:stretch;flex-direction:column;gap:.55rem}.fillo-option--with-other .fillo-option-label{font-weight:550}.fillo-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--fillo-border);border-radius:var(--fillo-radius);background:var(--fillo-control-bg);padding:.65rem .8rem;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.fillo-toggle:hover{border-color:color-mix(in srgb,var(--fillo-primary) 45%,var(--fillo-border))}.fillo-toggle-copy{min-width:0}.fillo-toggle-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.fillo-toggle-track{position:relative;display:inline-flex;width:2.35rem;height:1.35rem;flex:0 0 auto;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--fillo-muted) 18%,var(--fillo-control-bg));box-shadow:inset 0 0 0 1px var(--fillo-border);transition:background .16s ease,box-shadow .16s ease}.fillo-toggle-thumb{width:1rem;height:1rem;margin-left:.18rem;border-radius:999px;background:var(--fillo-control-bg);box-shadow:0 1px 2px color-mix(in srgb,var(--fillo-text) 18%,transparent);transition:transform .16s ease,background .16s ease}.fillo-toggle-input:checked+.fillo-toggle-track{background:var(--fillo-primary);box-shadow:inset 0 0 0 1px var(--fillo-primary)}.fillo-toggle-input:checked+.fillo-toggle-track .fillo-toggle-thumb{transform:translateX(1rem);background:var(--fillo-primary-contrast)}.fillo-toggle-input:focus-visible+.fillo-toggle-track{box-shadow:inset 0 0 0 1px var(--fillo-primary),0 0 0 3px color-mix(in srgb,var(--fillo-primary) 15%,transparent)}.fillo-toggle:has(.fillo-toggle-input:checked){border-color:var(--fillo-primary);background:color-mix(in srgb,var(--fillo-primary) 5%,var(--fillo-control-bg))}.fillo-other-input{width:100%;min-width:0;margin-left:0;padding:.5rem .7rem;font-size:.92rem;background:color-mix(in srgb,var(--fillo-primary) 3%,var(--fillo-control-bg))}.fillo-other-input--block{margin-top:.45rem;padding:.55rem .8rem}.fillo-rating{display:flex;gap:.25rem}.fillo-star{font-size:1.6rem;line-height:1;background:none;border:none;cursor:pointer;color:var(--fillo-border);padding:.1rem;transition:color .1s ease,transform .1s ease}.fillo-star:hover{transform:scale(1.15)}.fillo-star--active{color:var(--fillo-primary)}.fillo-scale{display:flex;gap:.35rem}.fillo-scale-step{flex:1 1 0;min-width:0;padding:.5rem .15rem;font:inherit;font-size:.92em;font-variant-numeric:tabular-nums;text-align:center;border:1px solid var(--fillo-border);border-radius:var(--fillo-radius);background:var(--fillo-control-bg);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.fillo-scale-step--active,.fillo-scale-step:hover{border-color:var(--fillo-primary)}.fillo-scale-step--active{background:var(--fillo-primary);color:var(--fillo-primary-contrast)}.fillo-scale-labels{display:flex;justify-content:space-between;color:var(--fillo-muted);font-size:.78rem;margin-top:.35rem}.fillo-ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.fillo-ranking-item{display:flex;align-items:center;gap:.7rem;border:1px solid var(--fillo-border);border-radius:var(--fillo-radius);background:var(--fillo-control-bg);padding:.5rem .7rem}.fillo-ranking-index{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;background:color-mix(in srgb,var(--fillo-primary) 10%,transparent);color:var(--fillo-primary);font-size:.78rem;font-weight:650;font-variant-numeric:tabular-nums}.fillo-ranking-label{flex:1;font-size:.95rem}.fillo-ranking-controls{display:flex;gap:.2rem}.fillo-ranking-move{font:inherit;border:1px solid var(--fillo-border);background:transparent;border-radius:calc(var(--fillo-radius) * .6);cursor:pointer;padding:.15rem .45rem;color:var(--fillo-muted);transition:color .12s ease,border-color .12s ease}.fillo-ranking-move:hover:not(:disabled){color:var(--fillo-primary);border-color:var(--fillo-primary)}.fillo-ranking-move:disabled{opacity:.35;cursor:default}.fillo-matrix-wrap{overflow-x:auto}.fillo-matrix{border-collapse:collapse;width:100%;font-size:.9rem}.fillo-matrix td,.fillo-matrix th{padding:.55rem .7rem;text-align:center;border-bottom:1px solid var(--fillo-border)}.fillo-matrix thead th{color:var(--fillo-muted);font-weight:500;font-size:.8rem}.fillo-matrix tbody th{text-align:left;font-weight:500}.fillo-matrix tbody tr:last-child td,.fillo-matrix tbody tr:last-child th{border-bottom:none}.fillo-signature{position:relative;border:1.5px dashed var(--fillo-border);border-radius:var(--fillo-radius);background:var(--fillo-control-bg)}.fillo-signature-canvas{display:block;width:100%;height:9rem;color:var(--fillo-text);touch-action:none;cursor:crosshair}.fillo-signature-hint{position:absolute;inset:0;display:grid;place-items:center;color:var(--fillo-muted);font-size:.85rem;pointer-events:none}.fillo-signature-clear{position:absolute;top:.4rem;right:.4rem;font:inherit;font-size:.75rem;border:1px solid var(--fillo-border);border-radius:calc(var(--fillo-radius) * .6);background:var(--fillo-control-bg);color:var(--fillo-muted);padding:.15rem .5rem;cursor:pointer}.fillo-signature-clear:hover{color:var(--fillo-error);border-color:var(--fillo-error)}.fillo-dropzone{display:flex;flex-direction:column;align-items:center;gap:.25rem;border:1.5px dashed var(--fillo-border);border-radius:var(--fillo-radius);padding:1.6rem 1rem;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--fillo-control-bg) 60%,transparent);transition:border-color .12s ease,background .12s ease}.fillo-dropzone--over,.fillo-dropzone:hover{border-color:var(--fillo-primary);background:color-mix(in srgb,var(--fillo-primary) 4%,var(--fillo-control-bg))}.fillo-dropzone--disabled{cursor:not-allowed;opacity:.6}.fillo-dropzone-title{font-weight:550;font-size:.95rem}.fillo-dropzone-hint{color:var(--fillo-muted);font-size:.82rem}.fillo-files{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin:0;padding:0}.fillo-file{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.3rem .8rem;border:1px solid var(--fillo-border);border-radius:var(--fillo-radius);padding:.5rem .75rem;font-size:.88rem;background:var(--fillo-control-bg)}.fillo-file--failed{border-color:var(--fillo-error)}.fillo-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.fillo-file-meta{color:var(--fillo-muted);font-variant-numeric:tabular-nums}.fillo-file-remove{background:none;border:none;cursor:pointer;color:var(--fillo-muted);font-size:1.1rem;line-height:1;padding:0 .2rem}.fillo-file-remove:hover{color:var(--fillo-error)}.fillo-progress{grid-column:1/-1;height:4px;border-radius:999px;background:var(--fillo-border);overflow:hidden}.fillo-progress-bar{display:block;height:100%;background:var(--fillo-primary);border-radius:inherit;transition:width .2s ease}.fillo-heading{font-size:1.15rem;font-weight:600;margin:.5rem 0 0}.fillo-paragraph{color:var(--fillo-muted);line-height:1.6;margin:0}.fillo-divider{border:none;border-top:1px solid var(--fillo-border);margin:.25rem 0}.fillo-footer{display:flex;justify-content:flex-end;gap:.6rem}.fillo-button{font:inherit;font-weight:550;border-radius:var(--fillo-radius);padding:.6rem 1.4rem;cursor:pointer;border:1px solid transparent;transition:opacity .12s ease,transform 60ms ease}.fillo-button:active{transform:translateY(1px)}.fillo-button:disabled{opacity:.55;cursor:not-allowed}.fillo-button--primary{background:var(--fillo-primary);color:var(--fillo-primary-contrast)}.fillo-button--ghost{background:transparent;color:var(--fillo-text);border-color:var(--fillo-border)}.fillo-progress-track{height:4px;border-radius:999px;background:var(--fillo-border);overflow:hidden}.fillo-progress-fill{height:100%;background:var(--fillo-primary);border-radius:inherit;transition:width .3s ease}.fillo-closed{text-align:center;color:var(--fillo-muted);padding:2rem 1rem;margin:0}.fillo-success{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:2.5rem 1rem}.fillo-success-mark{width:3rem;height:3rem;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--fillo-primary) 10%,transparent);color:var(--fillo-primary);font-size:1.4rem;font-weight:700}.fillo-success-title{margin:0;font-size:1.35rem;letter-spacing:0}.fillo-success-message{margin:0;color:var(--fillo-muted)}.fillo-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.fillo-form--loading{gap:.9rem}.fillo-skeleton{height:2.4rem;border-radius:var(--fillo-radius);background:linear-gradient(90deg,var(--fillo-border) 25%,color-mix(in srgb,var(--fillo-border) 40%,transparent) 50%,var(--fillo-border) 75%);background-size:200% 100%;animation:fillo-shimmer 1.4s infinite}.fillo-skeleton--short{width:40%}@keyframes fillo-shimmer{to{background-position:-200% 0}}.fillo-powered{display:block;margin-top:1.25rem;text-align:center;font-size:.75rem;font-weight:500;letter-spacing:0;color:var(--fillo-muted);text-decoration:none;opacity:.75;transition:opacity .12s ease}.fillo-powered:hover{opacity:1}.fillo-devwarning{margin-bottom:1rem;padding:.75rem .9rem;border:1px solid #f59e0b;border-radius:var(--fillo-radius);background:#fffbeb;color:#92400e;font-size:.82rem;line-height:1.45}.fillo-devwarning code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#fef3c7;padding:.05em .3em;border-radius:4px}}