.app-screenshot-resizer{display:flex;width:100%;gap:2rem}.app-screenshot-resizer__main{display:flex;width:100%;gap:2rem;align-items:flex-start}.app-screenshot-resizer__controls{flex:1 1 auto;max-height:none;overflow:visible;padding-right:.35rem;padding-top:.25rem;scrollbar-width:auto;scrollbar-color:auto}.app-screenshot-resizer__controls::-webkit-scrollbar{width:0;height:0}.app-screenshot-resizer__controls::-webkit-scrollbar-track{background:transparent}.app-screenshot-resizer__controls::-webkit-scrollbar-thumb{background:transparent}.app-screenshot-resizer__controls::-webkit-scrollbar-thumb:hover{background:transparent}.app-screenshot-resizer__preview{min-width:300px;width:32%;max-width:400px;position:sticky;top:6rem;padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(252,140,6,.14),transparent 45%),linear-gradient(145deg,#0e0e0ef2,#202020e0);box-shadow:0 14px 28px #00000040,inset 0 1px #ffffff0a}.app-screenshot-resizer__preview>:not(:last-child){margin-bottom:1rem}.app-screenshot-resizer .field-container{display:flex;align-items:start;gap:1rem;margin-bottom:1.25rem;padding:1rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#1c1c1cd1,#101010e6)}.app-screenshot-resizer .field-container--vertical{flex-direction:column;align-items:flex-start}.app-screenshot-resizer .field-container__label{min-width:110px;text-align:left;padding:0;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#ffffffdb}.app-screenshot-resizer .field-container__content{flex:1;width:100%;overflow:visible}.app-screenshot-resizer .zeq-field{margin-bottom:1.25rem}.app-screenshot-resizer .zeq-label{display:block;margin-bottom:.45rem;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#ffffffdb}.app-screenshot-resizer input[type=text],.app-screenshot-resizer input[type=number],.app-screenshot-resizer select,.app-screenshot-resizer .zeq-input,.app-screenshot-resizer .zeq-select{width:100%;min-height:42px;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:.7rem;background:#111111e6;transition:border-color .2s ease,box-shadow .2s ease}.app-screenshot-resizer input[type=text]:focus,.app-screenshot-resizer input[type=number]:focus,.app-screenshot-resizer select:focus,.app-screenshot-resizer .zeq-input:focus,.app-screenshot-resizer .zeq-select:focus{outline:none;border-color:#fc8c06f2;box-shadow:0 0 0 3px #fc8c0633}.app-screenshot-resizer .btn,.app-screenshot-resizer .zeq-button{border-radius:.7rem}.app-screenshot-resizer input[type=range]{accent-color:#fc8c06}.app-screenshot-resizer input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#fff3}.app-screenshot-resizer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5.5px;border-radius:50%;border:1px solid rgba(252,140,6,.75);background:#fc8c06}.app-screenshot-resizer input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:#fff3}.app-screenshot-resizer input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:1px solid rgba(252,140,6,.75);background:#fc8c06}.app-screenshot-resizer input[type=checkbox],.app-screenshot-resizer input[type=radio]{accent-color:#fc8c06}.screenshot-select-trigger{width:100%;min-height:42px;border-radius:.7rem;border:1px solid rgba(255,255,255,.14);background:#111111e6;color:#fff;padding:.5rem .75rem;display:inline-flex;align-items:center;justify-content:space-between;transition:border-color .2s ease,box-shadow .2s ease}.screenshot-select-trigger:hover,.screenshot-select-trigger:focus-visible{border-color:#fc8c06f2;box-shadow:0 0 0 3px #fc8c0633;outline:none}.screenshot-select-menu .is-active{color:#fc8c06;font-weight:700}.screenshot-upload-grid{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.screenshot-upload-grid__item{width:66px;height:66px;border-radius:.65rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.screenshot-upload-grid__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.screenshot-upload-grid__remove{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000094;color:#fffffff0;opacity:0;border:0;transition:opacity .2s ease;cursor:pointer}.screenshot-upload-grid__item:hover .screenshot-upload-grid__remove{opacity:1}.background-picker{display:flex;align-items:center;gap:.65rem;width:100%;padding:0;border:none}.background-picker__select{flex:1}.background-picker__control{display:flex;align-items:center;justify-content:flex-end}.app-screenshot-resizer .background-picker .zeq-icon-button,.app-screenshot-resizer .background-picker .zeq-color-trigger{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:.55rem!important}.app-screenshot-resizer .zeq-color-picker-popup{width:-moz-max-content;width:max-content;min-width:236px;max-width:none;padding:.65rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:#1a1a1af5;box-shadow:0 14px 30px #00000061;overflow:hidden}.app-screenshot-resizer .zeq-color-picker-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;margin-bottom:.6rem}.app-screenshot-resizer .zeq-color-picker-custom{display:grid;grid-template-columns:40px minmax(140px,1fr);align-items:stretch;gap:.45rem}.app-screenshot-resizer .zeq-color-picker-input{width:40px;min-width:40px;height:40px;padding:0;margin:0;border:none;border-radius:.55rem;background:transparent;overflow:hidden;cursor:pointer}.app-screenshot-resizer .zeq-color-picker-input::-webkit-color-swatch-wrapper{padding:0}.app-screenshot-resizer .zeq-color-picker-input::-webkit-color-swatch{border:0;border-radius:.5rem}.app-screenshot-resizer .zeq-color-picker-custom .zeq-input{height:40px;min-height:40px;padding:0 .55rem;line-height:40px;margin:0}.screenshot-size-card{border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(145deg,#141414eb,#0c0c0cf2)!important}.screenshot-size-card__group:not(:last-child){margin-bottom:.85rem}.screenshot-size-card__group-label{display:flex;align-items:center;gap:.55rem;font-weight:700;color:#fffffff2}.screenshot-size-card__children{margin-top:.4rem;padding-left:1.4rem}.screenshot-size-card__child{display:flex;align-items:center;gap:.55rem;margin-bottom:.42rem;color:#ffffffe6}.screenshot-size-card__checkbox{width:15px;height:15px;border-radius:4px}.app-screenshot-resizer__preview-label{margin:0;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#fffc}.app-screenshot-resizer__preview-image{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:.7rem;background:#ffffff05}.app-screenshot-resizer__preview-empty{width:100%;min-height:260px;border:1px dashed rgba(255,255,255,.25);border-radius:.7rem;display:flex;align-items:center;justify-content:center;color:#fff9;background:#0000003d}.app-screenshot-resizer__preview-action{margin-top:1rem}.app-screenshot-resizer__preview-action .zeq-button,.app-screenshot-resizer__preview-action .btn{width:100%}.error-message{color:var(--color-error);padding:.65rem .75rem;border-radius:.7rem;background:var(--color-error-bg);border:1px solid rgba(255,99,99,.2)}@media(max-width:1024px){.app-screenshot-resizer__main{flex-direction:column}.app-screenshot-resizer__controls{padding-right:0}.app-screenshot-resizer__preview{width:100%;min-width:0;max-width:100%;position:static}}@media(max-width:768px){.app-screenshot-resizer,.app-screenshot-resizer__main{gap:1rem}.app-screenshot-resizer .field-container{flex-direction:column;gap:.7rem;padding:.85rem}.app-screenshot-resizer .field-container__label{min-width:0}.background-picker{flex-wrap:wrap}}