.cpu-card{margin:18px 0 22px;padding:16px 16px 14px;border:1px solid rgba(var(--color-foreground),.14);border-radius:12px;background:rgba(var(--color-foreground),.03)}.cpu-head{margin-bottom:12px}.cpu-title{margin:0 0 4px;font-size:1.5rem;line-height:1.25;letter-spacing:.01em}.cpu-sub{margin:0;font-size:1.2rem;line-height:1.45;opacity:.75}.cpu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media screen and (max-width:749px){.cpu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cpu-hint{display:none}.cpu-empty-t{font-size:1.15rem}}.cpu-slot{position:relative}.cpu-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cpu-drop{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1.5px dashed rgba(var(--color-foreground),.28);border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.cpu-drop:hover{border-color:rgba(var(--color-foreground),.55)}.cpu-drop:focus-within{box-shadow:0 0 0 2px rgba(var(--color-foreground),.25)}.cpu-input:focus-visible+.cpu-drop{box-shadow:0 0 0 2px rgba(var(--color-foreground),.35)}.cpu-empty{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;text-align:center;color:rgba(var(--color-foreground),.72)}.cpu-icon{width:26px;height:26px;opacity:.65}.cpu-empty-t{font-weight:600;font-size:1.2rem}.cpu-hint{font-size:1rem;opacity:.62;line-height:1.25}.cpu-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#f6f4ef}.cpu-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(var(--color-foreground),.12);display:none}.cpu-bar>span{display:block;height:100%;width:0%;background:#b08d3f;transition:width .2s ease}.cpu-slot[data-state=uploading] .cpu-bar{display:block}.cpu-slot[data-state=uploading] .cpu-empty{opacity:.35}.cpu-check{position:absolute;left:6px;top:6px;padding:2px 6px;border-radius:999px;background:#1f6f43;color:#fff;font-size:1rem;letter-spacing:.02em}.cpu-slot[data-state=done] .cpu-drop{border-style:solid;border-color:#1f6f43}.cpu-slot[data-state=error] .cpu-drop{border-color:brown;border-style:solid}.cpu-remove{margin-top:6px;padding:0;border:0;background:none;font-size:1.05rem;text-decoration:underline;cursor:pointer;color:rgba(var(--color-foreground),.7)}.cpu-msg{margin:10px 0 0;padding:8px 10px;border-radius:8px;font-size:1.15rem;background:#fdecea;color:#8a1c1c}.cpu-msg[data-kind=ok]{background:#e8f4ec;color:#1f6f43}.cpu-note{margin:10px 0 0;font-size:1.05rem;opacity:.6}.cpu-card[data-required-missing=true] .cpu-slot[data-slot="1"] .cpu-drop{border-color:brown;animation:cpu-shake .35s ease}@keyframes cpu-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.cpu-preview{margin-top:14px;display:flex;gap:14px;align-items:flex-start}@media screen and (max-width:749px){.cpu-preview{flex-direction:column;gap:8px}}.cpu-preview-frame{position:relative;flex:0 0 auto;max-width:190px;padding:6px;background:#fbfaf7;border:1px solid rgba(0,0,0,.12);box-shadow:0 10px 18px -10px #00000073,0 2px #e7e2d6;border-radius:2px}.cpu-preview-frame:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;box-shadow:inset 0 0 0 1px #00000014;pointer-events:none}.cpu-preview-img{display:block;width:100%;height:auto;object-fit:cover;background:#efece4}.cpu-preview-cap{margin:0;font-size:1.1rem;line-height:1.4;opacity:.75;max-width:260px}.cpu-preview-cap b{font-weight:600;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-photo-uploader.css.map */
