.q-fill{--q-fill-header-h:3.25rem;background:var(--q-bg);flex-direction:column;min-height:100vh;display:flex}.q-fill__header{z-index:100;height:var(--q-fill-header-h);background:var(--q-surface);border-bottom:1px solid var(--q-border);align-items:center;gap:1rem;padding:0 1rem;display:flex;position:sticky;top:0}.q-fill__menu{border:1px solid var(--q-border);border-radius:var(--q-radius-sm);background:var(--q-surface);width:2rem;height:2rem;color:var(--q-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.q-fill__menu:hover{background:var(--q-surface-sunken);color:var(--q-text)}.q-fill__back{border:1px solid var(--q-border);color:var(--q-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.q-fill__back:hover{background:var(--q-surface-sunken);color:var(--q-text)}.q-fill__ident{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.q-fill__logo{flex-shrink:0;width:1.5rem;height:1.5rem}.q-fill__title{font-family:var(--q-font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.q-fill__subtitle{color:var(--q-text-muted);white-space:nowrap;font-size:.6875rem}.q-fill__header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.q-fill__progress{color:var(--q-text-muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.q-fill__progress-track{background:var(--q-surface-sunken);border-radius:999px;width:7rem;height:.375rem;overflow:hidden}.q-fill__progress-bar{background:var(--q-accent);border-radius:999px;height:100%;transition:width .3s}.q-fill__save{border:1px solid var(--q-border);background:var(--q-surface);color:var(--q-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.q-fill__save .dot{background:var(--q-text-faint);border-radius:50%;width:.4375rem;height:.4375rem}.q-fill__save--saved .dot{background:var(--q-success)}.q-fill__save--saving .dot,.q-fill__save--unsaved .dot{background:var(--q-warning)}.q-fill__save--error .dot,.q-fill__save--offline .dot{background:var(--q-danger)}.q-fill__body{flex:1;min-height:0;display:flex}.q-fill__nav{top:var(--q-fill-header-h);max-height:calc(100vh - var(--q-fill-header-h));border-right:1px solid var(--q-border);background:var(--q-surface);flex-shrink:0;align-self:flex-start;width:16rem;padding:.75rem .5rem 1.5rem;position:sticky;overflow-y:auto}.q-fill__jump{margin:0 .25rem .75rem}.q-fill__group{letter-spacing:.08em;text-transform:uppercase;color:var(--q-text-faint);margin:.875rem .625rem .25rem;font-size:.625rem;font-weight:700}.q-fill__section{border-radius:var(--q-radius-sm);width:100%;color:var(--q-text-muted);text-align:left;cursor:pointer;transition:background var(--q-transition), color var(--q-transition);background:0 0;border:none;align-items:center;gap:.5rem;padding:.4375rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:500;display:flex}.q-fill__section:hover{background:var(--q-surface-sunken);color:var(--q-text)}.q-fill__section:focus-visible{box-shadow:var(--q-focus-ring);outline:none}.q-fill__section--active{background:var(--q-accent-soft);color:var(--q-accent);font-weight:600}.q-fill__section-icon{color:inherit;opacity:.75;flex-shrink:0;display:inline-flex}.q-fill__section-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.q-fill__tick{color:var(--q-success);flex-shrink:0}.q-fill__count{background:var(--q-surface-sunken);color:var(--q-text-muted);border-radius:999px;flex-shrink:0;padding:0 .375rem;font-size:.6875rem;font-weight:600}.q-fill__errors{background:var(--q-danger);color:#fff;border-radius:999px;flex-shrink:0;padding:0 .375rem;font-size:.6875rem;font-weight:700}.q-fill__main{flex:1;min-width:0;padding:2rem 2.5rem 5rem}.q-fill__column{max-width:46rem}.q-fill .section-title{font-family:var(--q-font-display);letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.375rem;font-weight:600}.q-fill .section-subtitle{color:var(--q-text-muted);margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.q-fill .field-group{margin-bottom:1.125rem}.q-fill .field-group>label,.q-fill .field-group>fieldset>legend{color:var(--q-text);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.q-fill .field-group .hint{color:var(--q-text-muted);margin-top:.375rem;font-size:.75rem;line-height:1.45}.q-fill h3{border-bottom:1px solid var(--q-border);margin:1.75rem 0 .875rem;padding-bottom:.375rem;font-size:1rem;font-weight:600}.q-fill h4{margin:1.25rem 0 .625rem;font-size:.875rem;font-weight:600}.q-fill .radio-group,.q-fill .boolean-radio-group{flex-direction:column;gap:.5rem;display:flex}.q-fill .boolean-radio-group{flex-flow:wrap}.q-fill .radio-option,.q-fill .boolean-radio-option{border:1px solid var(--q-border);border-radius:var(--q-radius);background:var(--q-surface);cursor:pointer;transition:border-color var(--q-transition), background var(--q-transition);align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.q-fill .boolean-radio-option{flex:0 auto;min-width:7rem}.q-fill .radio-option:hover,.q-fill .boolean-radio-option:hover{border-color:var(--q-border-strong);background:var(--q-surface-sunken)}:is(.q-fill .radio-option:has(input:checked),.q-fill .boolean-radio-option:has(input:checked)){border-color:var(--q-accent);background:var(--q-accent-soft)}.q-fill .radio-option input,.q-fill .boolean-radio-option input{accent-color:var(--q-accent);flex-shrink:0;width:1rem;height:1rem;margin:0}.q-fill .radio-option span{cursor:pointer;flex:1;margin:0;font-weight:400}.q-fill input[type=text],.q-fill input[type=email],.q-fill input[type=tel],.q-fill input[type=number],.q-fill input[type=date],.q-fill input[type=datetime-local],.q-fill input[type=time],.q-fill input[type=url],.q-fill select,.q-fill textarea{border:1px solid var(--q-border-strong);border-radius:var(--q-radius-sm);background:var(--q-surface);color:var(--q-text);transition:border-color var(--q-transition), box-shadow var(--q-transition);font-family:inherit;font-size:.875rem}.q-fill input[type=text],.q-fill input[type=email],.q-fill input[type=tel],.q-fill input[type=number],.q-fill input[type=date],.q-fill input[type=datetime-local],.q-fill input[type=time],.q-fill input[type=url],.q-fill select{height:var(--q-control-h);padding:0 .625rem}.q-fill textarea{padding:.5rem .625rem;line-height:1.5}.q-fill input:focus,.q-fill select:focus,.q-fill textarea:focus{border-color:var(--q-accent);box-shadow:var(--q-focus-ring);outline:none}.q-fill .validation-summary{border:1px solid var(--q-danger-border);border-radius:var(--q-radius);background:var(--q-danger-soft);color:var(--q-danger);align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.q-fill .validation-summary ul{margin:.375rem 0 0;padding-left:1rem}.q-fill .validation-summary button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.q-fill .nav-buttons{border-top:1px solid var(--q-border);justify-content:space-between;gap:.75rem;margin-top:2rem;padding-top:1.25rem;display:flex}.q-fill .nav-buttons .spacer{flex:1}.q-fill .completion-panel{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1.5rem;display:flex}.q-fill .completion-panel h2{font-family:var(--q-font-display);font-size:1.5rem}.q-fill .completion-panel p{color:var(--q-text-muted);max-width:26rem}.q-live-preview{min-width:0;height:calc(100vh - var(--q-fill-header-h));top:var(--q-fill-header-h);border-left:1px solid var(--q-border);background:var(--q-surface);box-shadow:var(--q-shadow-card);flex-direction:column;flex:0 0 clamp(30rem,36vw,44rem);align-self:flex-start;display:none;position:sticky}.q-live-preview__header{border-bottom:1px solid var(--q-border);align-items:center;gap:.5rem;min-height:3.25rem;padding:.625rem .75rem;display:flex}.q-live-preview__identity{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.q-live-preview__title{white-space:nowrap;align-items:center;gap:.375rem;min-width:0;font-size:.875rem;font-weight:650;display:inline-flex}.q-live-preview__title svg{color:var(--q-text-muted);flex-shrink:0}.q-live-preview__draft{border:1px solid var(--q-warning-border);background:var(--q-warning-soft);min-height:1.25rem;color:var(--q-warning);white-space:nowrap;border-radius:999px;align-items:center;padding:0 .4375rem;font-size:.625rem;font-weight:700;display:inline-flex}.q-live-preview__toolbar{border-bottom:1px solid var(--q-border);padding:.625rem .75rem}.q-live-preview__toolbar .q-select{width:100%}.q-live-preview__tabs{border-bottom:1px solid var(--q-border);background:linear-gradient(to right, transparent calc(100% - 1.5rem), var(--q-bg)) right / 1.5rem 100% no-repeat, var(--q-surface);scrollbar-width:thin;align-items:stretch;min-height:3rem;padding:0 .375rem;display:flex;overflow:auto hidden}.q-live-preview__tab-wrap{border-radius:var(--q-radius-sm) var(--q-radius-sm) 0 0;max-width:16rem;transition:background-color calc(var(--q-dur-surface) * 4) var(--q-ease);background:0 0;border-bottom:2px solid #0000;flex:none;align-items:center;margin-bottom:-1px;display:flex}.q-live-preview__tab-wrap:has(.q-live-preview__tab--active){border-bottom-color:var(--q-accent)}.q-live-preview__tab-wrap--new{background:var(--q-warning-soft)}.q-live-preview__tab{min-width:0;max-width:13rem;color:var(--q-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3125rem;padding:.5rem .25rem .5rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.q-live-preview__tab>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.q-live-preview__tab:hover,.q-live-preview__tab--active{color:var(--q-accent)}.q-live-preview__tab:focus-visible,.q-live-preview__tab-close:focus-visible{box-shadow:var(--q-focus-ring);outline:none}.q-live-preview__tab-state{color:var(--q-text-faint);white-space:nowrap;font-size:.5625rem;font-weight:500}.q-live-preview__tab-close{width:1.5rem;height:1.5rem;color:var(--q-text-faint);margin-right:.1875rem}.q-live-preview__scroll{overscroll-behavior:contain;background:var(--q-bg);flex:1;min-height:0;position:relative;overflow:auto}.q-live-preview__scroll:focus-visible{outline:2px solid var(--q-accent);outline-offset:-2px}.q-live-preview__state{min-height:16rem;color:var(--q-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.8125rem;line-height:1.5;display:flex}.q-live-preview__state svg{color:var(--q-text-faint)}.q-live-preview__updating{z-index:var(--q-z-base);border:1px solid var(--q-border);background:var(--q-surface);width:max-content;color:var(--q-text-muted);box-shadow:var(--q-shadow-card);border-radius:999px;align-items:center;gap:.375rem;margin:.5rem .5rem -2rem auto;padding:.25rem .5rem;font-size:.6875rem;display:flex;position:sticky;top:.5rem}.q-live-preview__paper{min-height:100%;padding:1.25rem}.q-live-preview__sheet{box-sizing:border-box;color:#111;min-height:calc(100vh - 13rem);box-shadow:var(--q-shadow-card);border:1px solid var(--q-border);background:#fff;border-radius:2px;padding:clamp(2rem,5vw,25.4mm)}.q-live-preview__sheet .q-preview-condition{display:contents}.q-live-preview__sheet .q-preview-condition--entering,.q-live-preview__sheet .q-preview-condition--exiting{will-change:max-height, opacity, transform;animation-timing-function:var(--q-ease);animation-fill-mode:both;display:block;overflow:hidden}.q-live-preview__sheet .q-preview-condition--entering{animation-name:q-preview-condition-enter}.q-live-preview__sheet .q-preview-condition--exiting{animation-name:q-preview-condition-exit}@keyframes q-preview-condition-enter{0%{opacity:0;max-height:0;transform:translateY(-.125rem)}to{max-height:var(--q-preview-condition-height);opacity:1;transform:translateY(0)}}@keyframes q-preview-condition-exit{0%{max-height:var(--q-preview-condition-height);opacity:1;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-.125rem)}}.q-live-preview__sheet .q-preview-blank{border-bottom:1px solid var(--q-accent);background:var(--q-accent-soft);min-width:4.5em;color:var(--q-accent);border-radius:2px 2px 0 0;padding:0 .125em;text-decoration:none;display:inline-block}.q-live-preview__sheet .q-preview-ghost{border:1px dashed var(--q-border-strong);border-radius:var(--q-radius-sm);background:var(--q-surface-sunken);color:var(--q-text-muted);font-family:var(--q-font-sans);margin:.625rem 0;padding:.4375rem .625rem;font-size:.75rem;font-style:italic;line-height:1.4}.q-live-preview__sheet [data-q-field],.q-live-preview__sheet [data-q-condition-field]>*,.q-live-preview__sheet .q-preview-ghost,.q-live-preview__sheet p,.q-live-preview__sheet h1,.q-live-preview__sheet h2,.q-live-preview__sheet h3,.q-live-preview__sheet h4,.q-live-preview__sheet h5,.q-live-preview__sheet h6,.q-live-preview__sheet li,.q-live-preview__sheet td,.q-live-preview__sheet th,.q-live-preview__sheet blockquote{transition:background-color calc(var(--q-dur-surface) * 4) var(--q-ease), box-shadow var(--q-dur-local) var(--q-ease)}.q-live-preview__sheet .q-live-preview__landing--focused,.q-live-preview__sheet .q-live-preview__landing--focused[data-q-condition-field]>*{background-color:var(--q-accent-soft);box-shadow:0 0 0 2px var(--q-accent)}.q-live-preview__sheet .q-live-preview__passage--changed,.q-live-preview__sheet .q-live-preview__passage--changed[data-q-condition-field]>*{background-color:var(--q-warning-soft)}.q-live-preview__backdrop{display:none}.q-live-preview__announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1680px){.q-live-preview--desktop-open{display:flex}.q-fill__preview-toggle--narrow-only,.q-live-preview__close--narrow{display:none}}@media (width<=1679px){.q-live-preview{z-index:var(--q-z-overlay-content);top:var(--q-fill-header-h);width:min(44rem,94vw);height:calc(100vh - var(--q-fill-header-h));border-left:1px solid var(--q-border);box-shadow:var(--q-shadow-overlay);position:fixed;bottom:0;right:0}.q-live-preview--drawer-open{display:flex}.q-live-preview__backdrop--open{z-index:var(--q-z-overlay);cursor:default;background:#0f172a73;border:0;width:100%;padding:0;display:block;position:fixed;inset:0}}@media (width<=860px){.q-fill__menu{display:inline-flex}.q-fill__hide-mobile,.q-fill__title,.q-fill__subtitle{display:none}.q-fill__nav{top:var(--q-fill-header-h);width:17rem;max-width:85vw;max-height:none;height:calc(100vh - var(--q-fill-header-h));z-index:95;box-shadow:var(--q-shadow-overlay);transition:transform .2s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.q-fill__nav--open{transform:translate(0)}.q-fill__nav-backdrop{inset:var(--q-fill-header-h) 0 0 0;z-index:90;background:#0f172a73;position:fixed}.q-fill__main{padding:1.25rem 1rem 4rem}.q-fill__progress-track{display:none}}@media (width<=540px){.q-fill__progress{display:none}}@media (width<=680px){.q-live-preview{width:100vw}.q-live-preview__header{flex-wrap:wrap}.q-live-preview__identity{min-width:12rem}.q-live-preview__sheet{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.q-live-preview *,.q-live-preview__tab-wrap{transition-duration:0s!important;animation-duration:1ms!important}}.q-att__drop{border:1.5px dashed var(--q-border-strong);border-radius:var(--q-radius);color:var(--q-text-muted);cursor:pointer;transition:var(--q-transition);align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.q-att__drop:hover,.q-att__drop--active{border-color:var(--q-accent);color:var(--q-accent);background:var(--q-accent-soft)}.q-att__drop-title{font-size:.8125rem;font-weight:500}.q-att__drop-sub{color:var(--q-text-faint);font-size:.6875rem}.q-att__muted{color:var(--q-text-muted);font-size:.8125rem}.q-att__list{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.q-att__item{border:1px solid var(--q-border);border-radius:var(--q-radius);background:var(--q-surface);align-items:center;gap:.625rem;padding:.5rem .625rem;display:flex}.q-att__icon{color:var(--q-text-faint);flex-shrink:0}.q-att__meta{flex:1;min-width:0}.q-att__name{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.q-att__sub{color:var(--q-text-faint);font-size:.6875rem}.q-att__actions{flex-shrink:0;gap:.125rem;display:inline-flex}