.toolbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--spacing-md);background-color:var(--magic-violet);color:var(--color-text-light);flex-shrink:0;gap:var(--spacing-md)}.toolbar__left,.toolbar__right{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar__center{flex:1;display:flex;justify-content:center;min-width:0}.toolbar__brand{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar__logo{font-weight:800;font-size:var(--font-size-base);color:var(--verdigris)}.toolbar__title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-light);white-space:nowrap}.toolbar__divider{width:1px;height:24px;background-color:#fff3;margin:0 var(--spacing-xs)}.toolbar__status{font-size:var(--font-size-xs);color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar__btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:none;color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;height:32px}.toolbar__btn:hover{background-color:#ffffff1a;border-color:#ffffff4d}.toolbar__btn--primary{background-color:var(--verdigris);border-color:var(--verdigris)}.toolbar__btn--primary:hover{background-color:#3a9e92;border-color:#3a9e92}.toolbar__btn--validate{background-color:var(--friendly-yellow, #efbd75);border-color:var(--friendly-yellow, #efbd75);color:var(--magic-violet, #350e35);font-weight:600}.toolbar__btn--validate:hover:not(:disabled){background-color:#e0a95c;border-color:#e0a95c}.toolbar__btn--validate:disabled{opacity:.4;cursor:not-allowed}.toolbar__btn--toggle{opacity:.7}.toolbar__btn--toggle.toolbar__btn--active{opacity:1;background-color:#ffffff1a}.model-browser{display:flex;flex-direction:column;gap:2px}.model-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.model-item:hover{background-color:var(--color-hover)}.model-item__info{flex:1;min-width:0;display:flex;flex-direction:column}.model-item__name{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-item__size{font-size:10px;color:var(--color-text-secondary)}.model-item__state{width:8px;height:8px;border-radius:50%;flex-shrink:0}.model-item__state--pending{background-color:var(--color-text-secondary)}.model-item__state--loading{background-color:var(--friendly-yellow);animation:pulse 1s ease-in-out infinite}.model-item__state--loaded{background-color:var(--verdigris)}.model-item__state--error{background-color:var(--flaming-peach)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.model-item__visibility{width:24px;height:24px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);flex-shrink:0;transition:all var(--transition-fast)}.model-item__visibility:hover{background-color:var(--color-hover);color:var(--color-text)}.model-item__visibility--hidden{opacity:.4}.spatial-tree{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-sm)}.spatial-tree__header{padding:var(--spacing-xs) var(--spacing-sm)}.spatial-tree__title{margin:0;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.spatial-node__row{display:flex;align-items:center;gap:2px;padding:2px 4px;border-radius:var(--radius-sm);cursor:default;transition:background-color var(--transition-fast)}.spatial-node__row:hover{background-color:var(--color-hover)}.spatial-node__row--selected{background-color:var(--color-active)}.spatial-node__toggle{width:16px;height:16px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:2px;padding:0}.spatial-node__toggle:hover{background-color:var(--color-hover)}.spatial-node__label{display:flex;align-items:center;gap:var(--spacing-xs);border:none;background:none;cursor:pointer;padding:0;min-width:0;flex:1}.spatial-node__type{font-size:10px;color:var(--color-primary);font-weight:600;flex-shrink:0}.spatial-node__name{font-size:var(--font-size-xs);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spatial-node__count{font-size:10px;color:var(--color-text-secondary);flex-shrink:0}.properties-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.properties-panel__header{padding:var(--spacing-sm);background-color:var(--color-hover);border-radius:var(--radius-sm)}.properties-panel__type{display:inline-block;padding:1px var(--spacing-xs);background-color:var(--color-primary);color:#fff;font-size:10px;font-weight:600;border-radius:2px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.properties-panel__name{margin:var(--spacing-xs) 0 2px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.properties-panel__id{display:block;font-size:10px;font-family:monospace;color:var(--color-text-secondary);word-break:break-all}.properties-panel__section{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.properties-panel__section:last-child{border-bottom:none}.properties-panel__section-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.03em}.properties-panel__material{margin:0;font-size:var(--font-size-xs);color:var(--color-text);padding:var(--spacing-xs);background-color:var(--color-surface);border-radius:var(--radius-sm)}.properties-panel__table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.properties-panel__table tr{border-bottom:1px solid rgba(0,0,0,.05)}.properties-panel__table tr:last-child{border-bottom:none}.properties-panel__key{padding:3px var(--spacing-xs) 3px 0;color:var(--color-text-secondary);white-space:nowrap;vertical-align:top;width:45%}.properties-panel__value{padding:3px 0;color:var(--color-text);font-weight:500;word-break:break-word}.properties-panel__placeholder{margin:var(--spacing-md) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.validation-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%}.validation-panel__section{padding:0}.validation-panel__heading{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.validation-panel__actions{display:flex;gap:var(--spacing-xs)}.validation-panel__btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.validation-panel__btn:disabled{opacity:.5;cursor:not-allowed}.validation-panel__btn--primary{flex:1;background-color:var(--color-primary, #44b6a8);color:#fff;border-color:var(--color-primary, #44b6a8)}.validation-panel__btn--primary:hover:not(:disabled){opacity:.9}.validation-panel__btn--secondary{background-color:transparent;color:var(--color-text-secondary)}.validation-panel__btn--secondary:hover:not(:disabled){background-color:var(--color-hover)}.validation-panel__btn--highlight{flex:1;background-color:#f44;color:#fff;border-color:#f44}.validation-panel__btn--highlight:hover:not(:disabled){background-color:#c33}.validation-panel__highlight-bar{display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.validation-panel__submitting{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.validation-panel__spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary, #44b6a8);border-radius:50%;animation:vp-spin .8s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.validation-panel__results{flex:1;overflow-y:auto;min-height:0}.validation-panel__specs{margin-top:var(--spacing-sm)}.validation-panel .ids-selector{gap:var(--spacing-xs)}.validation-panel .ids-option{padding:var(--spacing-xs)}.validation-panel .ids-option__label{font-size:var(--font-size-xs)}.validation-panel .ids-option__description{font-size:10px}.validation-panel .results-summary{padding:var(--spacing-sm)}.validation-panel .results-stats{gap:var(--spacing-xs)}.validation-panel .stat-card{padding:var(--spacing-xs)}.validation-panel .specification-item{margin-bottom:var(--spacing-xs)}.validation-panel .validation-progress,.validation-panel .error-display{padding:var(--spacing-sm)}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:var(--color-background)}.app-shell__panels{flex:1;overflow:hidden;height:0}.app-shell__panels>div{height:100%}.app-shell__panels [data-panel]{height:100%}.resize-handle{background-color:var(--color-border);transition:background-color var(--transition-fast)}.resize-handle:hover,.resize-handle[data-resize-handle-active]{background-color:var(--color-primary)}.resize-handle--horizontal{width:4px;cursor:col-resize}.resize-handle--vertical{height:4px;cursor:row-resize}.panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--color-surface)}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}.panel__header h2{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.panel__content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}.tab-bar__tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.02em}.tab-bar__tab:hover{color:var(--color-text);background-color:var(--color-hover)}.tab-bar__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.viewer-container{position:relative;width:100%;height:100%;background-color:#1a1a2e;overflow:hidden}.viewer-container__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.viewer-container__status{position:absolute;bottom:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:#0009;color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);pointer-events:none;z-index:1}.viewer-container .empty-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);color:var(--color-text-secondary);text-align:center}.empty-state__icon{font-size:2rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state__text{font-size:var(--font-size-sm);margin:0}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.app-header{background-color:var(--magic-violet);color:var(--color-text-light);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;gap:var(--spacing-md);max-width:1200px;margin:0 auto}.header-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--verdigris);border-radius:var(--radius-md);flex-shrink:0}.logo-icon{font-size:var(--font-size-2xl);line-height:1}.header-title{flex:1}.app-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-light)}.app-subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:#fffc}.app-main{flex:1;padding:var(--spacing-xl);max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.input-section{display:flex;flex-direction:column;gap:var(--spacing-xl);background-color:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.submit-section{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-text-light);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:48px}.submit-btn:hover:not(:disabled){background-color:#3a9e92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-icon{font-size:var(--font-size-lg)}.btn-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--color-text-light);border-radius:50%;animation:spin 1s linear infinite}.reset-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:48px}.reset-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-hover)}.reset-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.error-section,.progress-section{margin-top:var(--spacing-xl)}.submitting-indicator{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-primary)}.submitting-spinner{position:relative;width:40px;height:40px;flex-shrink:0}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submitting-text{font-size:var(--font-size-base);color:var(--color-text)}.results-section{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.specifications-container{background-color:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.specifications-heading{margin:0 0 var(--spacing-lg);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.app-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.footer-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.footer-link{color:var(--color-primary);text-decoration:none}.footer-link:hover{text-decoration:underline}@media (max-width: 768px){.app-header{padding:var(--spacing-md)}.header-logo{width:40px;height:40px}.logo-icon{font-size:var(--font-size-xl)}.app-title{font-size:var(--font-size-lg)}.app-main,.input-section{padding:var(--spacing-md)}.submit-section{flex-direction:column}.submit-btn,.reset-btn{width:100%}}@media (max-width: 480px){.header-content{flex-direction:column;text-align:center}.app-subtitle{display:none}.specifications-container,.app-footer{padding:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.btn-spinner,.spinner-ring{animation-duration:2s}.submit-btn:hover:not(:disabled){transform:none}}@media (prefers-contrast: high){.input-section,.specifications-container,.submitting-indicator,.submit-btn,.reset-btn{border-width:2px}.submit-btn{border:2px solid var(--color-text-light)}}:root{--magic-violet: #350E35;--verdigris: #44B6A8;--friendly-yellow: #EFBD75;--warm-magenta: #A01C48;--flaming-peach: #DB4C40;--color-primary: var(--verdigris);--color-success: var(--verdigris);--color-error: var(--flaming-peach);--color-warning: var(--friendly-yellow);--color-text: var(--magic-violet);--color-background: #ffffff;--color-surface: #f8f9fa;--color-border: #e0e0e0;--color-text-secondary: #666666;--color-text-light: #ffffff;--color-hover: rgba(68, 182, 168, .1);--color-active: rgba(68, 182, 168, .2);--color-disabled: #cccccc;--color-pass: var(--verdigris);--color-fail: var(--flaming-peach);--color-pending: var(--friendly-yellow);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(53, 14, 53, .05);--shadow-md: 0 4px 6px rgba(53, 14, 53, .1);--shadow-lg: 0 10px 15px rgba(53, 14, 53, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);line-height:1.5;margin:0;padding:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-light)}:root{--container-max-width: 1200px;--container-padding: var(--spacing-lg);--touch-target-min: 44px}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%;box-sizing:border-box}@media screen and (max-width: 1023px){:root{--container-padding: var(--spacing-md)}}@media screen and (max-width: 767px){:root{--container-padding: var(--spacing-md)}body{font-size:var(--font-size-sm)}h1,.text-3xl{font-size:var(--font-size-xl)}h2,.text-2xl{font-size:var(--font-size-lg)}.app-header{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.app-header h1{font-size:var(--font-size-lg);text-align:center}.app-main{padding:var(--spacing-md)}.file-upload-zone{padding:var(--spacing-lg) var(--spacing-md);min-height:120px}.file-upload-zone .upload-icon{font-size:var(--font-size-2xl)}.file-upload-zone .upload-text{font-size:var(--font-size-sm)}.ids-selector{flex-direction:column;gap:var(--spacing-sm)}.ids-selector .radio-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.ids-selector label{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}button,.btn,[role=button]{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md)}.btn-primary{width:100%;justify-content:center}.results-summary{flex-direction:column;gap:var(--spacing-sm)}.results-summary .summary-card{padding:var(--spacing-md)}.summary-stats{flex-direction:column;gap:var(--spacing-sm)}.summary-stat{flex:1 1 100%;padding:var(--spacing-sm);text-align:center}.specification-list{gap:var(--spacing-sm)}.specification-item{padding:var(--spacing-sm)}.specification-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.specification-badge{align-self:flex-start}.failed-elements{overflow-x:auto;-webkit-overflow-scrolling:touch}.failed-elements table{min-width:500px}.failed-elements th,.failed-elements td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.element-card{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md)}.element-card .global-id{font-size:var(--font-size-xs);word-break:break-all}.error-display{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.error-display .error-actions,.error-display .btn{width:100%}.validation-progress{padding:var(--spacing-md)}.validation-progress .progress-message{font-size:var(--font-size-sm)}}@media screen and (max-width: 479px){:root{--container-padding: var(--spacing-sm)}body{font-size:var(--font-size-sm)}h1,.text-3xl{font-size:var(--font-size-lg)}.form-row{flex-direction:column}input,select,textarea{width:100%}.card{padding:var(--spacing-sm)}.hide-xs{display:none}.truncate-xs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}}@media (hover: none) and (pointer: coarse){button,.btn,[role=button],a,input[type=radio],input[type=checkbox]{min-height:var(--touch-target-min)}.radio-group label,.checkbox-group label{padding:var(--spacing-sm) 0;margin:var(--spacing-xs) 0}.btn:hover,.card:hover{transform:none}.btn:active{transform:scale(.98);opacity:.9}.specification-header{min-height:var(--touch-target-min);padding:var(--spacing-sm)}.btn-close,.btn-dismiss{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}@media screen and (max-width: 767px) and (orientation: landscape){.app-header{padding:var(--spacing-xs) var(--spacing-md)}.file-upload-zone{min-height:100px;padding:var(--spacing-md)}.summary-stats{flex-direction:row;flex-wrap:wrap}.summary-stat{flex:1 1 calc(33.33% - var(--spacing-sm));min-width:80px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none}}@media (prefers-contrast: high){:root{--color-border: #000000;--color-text-secondary: #333333}.btn,.card,.file-upload-zone{border-width:2px}}@media print{.file-upload-zone,.ids-selector,.btn-primary,.validation-progress,.error-display .error-actions{display:none!important}.container{max-width:100%;padding:0}.specification-item{break-inside:avoid}.specification-content{display:block!important;height:auto!important}.card,.summary-card{box-shadow:none;border:1px solid #000}.badge-pass{background-color:transparent!important;color:#000!important;border:2px solid #44B6A8!important}.badge-fail{background-color:transparent!important;color:#000!important;border:2px solid #DB4C40!important}}@media screen and (max-width: 767px){.hide-mobile{display:none!important}}@media screen and (min-width: 768px){.hide-desktop{display:none!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.hide-tablet{display:none!important}}.show-mobile{display:none!important}@media screen and (max-width: 767px){.show-mobile{display:block!important}}.flex-column-mobile{display:flex}@media screen and (max-width: 767px){.flex-column-mobile{flex-direction:column}}@media screen and (max-width: 767px){.gap-sm-mobile{gap:var(--spacing-sm)}.p-sm-mobile{padding:var(--spacing-sm)}.mt-sm-mobile{margin-top:var(--spacing-sm)}}