@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;font-family:var(--fillo-font);color:var(--fillo-text);background:var(--fillo-bg);gap:1.75rem;max-width:100%}.fillo-form,.fillo-header{display:flex;flex-direction:column}.fillo-header{gap:.5rem}.fillo-title{font-size:1.6rem;font-weight:650;letter-spacing:-.02em;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-required{color:var(--fillo-error)}.fillo-description{color:var(--fillo-muted);font-size:.85rem;margin:0;line-height:1.5}.fillo-error{color:var(--fillo-error);font-size:.85rem;margin:0}.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);padding:.6rem .8rem;transition:border-color .12s ease,box-shadow .12s ease;width:100%;box-sizing:border-box}.fillo-input:focus{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{cursor:pointer}.fillo-options{display:flex;flex-direction:column;gap:.5rem}.fillo-option{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--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);margin:0}.fillo-option-label{font-size:.95rem}.fillo-other-input{flex:1;min-width:0;margin-left:.2rem;padding:.3rem .6rem;font-size:.9rem}.fillo-other-input--block{flex:none;width:100%;margin-left:0;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:-.01em}.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}}}