@charset "UTF-8";
.studio-layout .icon-picker-dialog{width:min(620px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border:1px solid #e7e1ef;border-radius:20px;background:#fff;color:#302840;box-shadow:0 24px 90px #21133230}
.studio-layout .icon-picker-dialog[open]{display:flex;flex-direction:column}
.studio-layout .icon-picker-dialog::backdrop{background:#241b3b70;backdrop-filter:blur(4px)}
.studio-layout .icon-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px 20px;border-bottom:1px solid #eeeaf3;flex-shrink:0;background:#fff}
.studio-layout .icon-picker-header>div{min-width:0}
.studio-layout .icon-picker-header h2{margin:0 0 7px;font-size:23px;letter-spacing:-.6px;line-height:1.2;color:#241b36}
.studio-layout .icon-picker-header p{margin:0;font-size:12px;line-height:1.5;color:#8a8196}
.studio-layout .icon-picker-header p strong{color:#665478;font-weight:600;overflow-wrap:anywhere}
.studio-layout .icon-picker-header form{margin:0;flex-shrink:0}
.studio-layout .icon-picker-header .dialog-close{position:static;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ece8f1;border-radius:50%;padding:0;background:#faf9fc;color:#8a7f95;font:24px/1 Arial,sans-serif;box-shadow:none}
.studio-layout .icon-picker-header .dialog-close:hover{background:#f0ebf7;color:#51366c}
.studio-layout .icon-picker-body{padding:22px 26px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#d9d1e4 transparent}
.studio-layout .prize-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}
.studio-layout .prize-icon-grid button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:110px;min-width:0;padding:12px 7px 11px;border:1px solid #eae6ef;border-radius:12px;background:#fff;color:#63566f;box-shadow:0 1px 2px #25133c03;transition:border-color .15s,background .15s,box-shadow .15s}
.studio-layout .prize-icon-grid button:hover{background:#faf8fd;border-color:#b8a5d0;box-shadow:0 3px 10px #5c3b8110}
.studio-layout .prize-icon-grid button[aria-pressed=true]{border-color:#8663b3;background:#f7f3fc;box-shadow:0 0 0 1px #8663b3}
.studio-layout .prize-icon-grid button:focus-visible{outline:3px solid #b99bdc;outline-offset:3px}
.studio-layout .prize-icon-grid .prize-icon-art{display:grid;place-items:center;width:64px;height:64px;font-size:inherit;line-height:1}
.studio-layout .prize-icon-art img{width:64px;height:64px;display:block;object-fit:contain}
.studio-layout .prize-icon-grid button strong{font-size:11px;line-height:1.35;font-weight:600;text-align:center;white-space:normal;letter-spacing:0}
.studio-layout .prize-icon-grid .icon-selection-check{position:absolute;top:7px;right:7px;display:none;width:17px;height:17px;border-radius:50%;background:#8060a9;color:#fff;font-size:10px;font-weight:700;line-height:1;place-items:center}
.studio-layout .prize-icon-grid button[aria-pressed=true] .icon-selection-check{display:grid}
.studio-layout .prize-custom-upload{position:relative;display:flex;align-items:center;gap:13px;margin:0;padding:15px 16px;border:1px dashed #d2c6df;border-radius:12px;background:#fbfafc;cursor:pointer;color:#675476}
.studio-layout .prize-custom-upload:hover{background:#f7f3fb;border-color:#a489c3}
.studio-layout .prize-custom-upload:focus-within{outline:3px solid #b99bdc;outline-offset:3px}
.studio-layout .prize-custom-upload .upload-art{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border:1px solid #e6dfee;border-radius:10px;background:#fff;color:#9275af}
.studio-layout .prize-custom-upload svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.studio-layout .prize-custom-upload strong{display:block;font-size:12px;font-weight:600;line-height:1.5}
.studio-layout .prize-custom-upload small{display:block;margin-top:2px;font-size:10px;color:#9a8da5;line-height:1.5}
.studio-layout .prize-custom-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);padding:0;margin:0;white-space:nowrap;border:0}
.studio-layout #prize-image-feedback{margin:11px 2px 0;font-size:11px;line-height:1.6;color:#9a8da5}
@media(max-width:600px){.studio-layout .icon-picker-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:17px}.studio-layout .icon-picker-header{padding:20px 18px 16px}.studio-layout .icon-picker-header h2{font-size:21px}.studio-layout .icon-picker-body{padding:16px 18px 20px}.studio-layout .prize-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.studio-layout .prize-icon-grid button{min-height:104px;padding:10px 4px}.studio-layout .prize-icon-grid .prize-icon-art,.studio-layout .prize-icon-art img{width:58px;height:58px}.studio-layout .prize-custom-upload{padding:13px 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.studio-layout .prize-icon-grid button{transition:none}}