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