.fan-uploads-closed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#1c1c1e;border:1px solid #333;border-radius:1rem;padding:3rem 2rem;text-align:center;color:#555}.fan-uploads-closed i{font-size:2.5rem;color:#444}.fan-uploads-closed p{font-size:.95rem;line-height:1.6;color:#666;margin:0}.fan-snapshot-page{min-height:100dvh;background:#000;display:flex;flex-direction:column;padding-top:4rem}.fan-snapshot-container{display:flex;flex-direction:column;gap:1.25rem;padding:2rem 1.25rem 4rem;max-width:480px;margin:0 auto;width:100%}.fan-snapshot-back{display:inline-flex;align-items:center;gap:.4rem;color:#ff9f0a;text-decoration:none;font-size:.9rem;font-weight:600;margin-bottom:.5rem;width:fit-content}.fan-snapshot-header h1{font-size:2.5rem;font-weight:900;text-transform:uppercase;color:#fff;line-height:1;margin:.5rem 0}.fan-snapshot-header p{color:#aaa;font-size:.9rem;margin:0}.fan-multi-upload{display:flex;flex-direction:column;gap:.5rem}.fan-multi-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.fan-slot{position:relative;background:#1c1c1e;border:2px dashed #444;border-radius:.875rem;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:border-color .2s}.fan-slot:hover{border-color:#ff9f0a}.fan-slot--filled{border-style:solid;border-color:#ff9f0a33}.fan-slot-placeholder{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#555;font-size:.72rem;font-weight:600;text-align:center;padding:.5rem}.fan-slot-preview{width:100%;height:100%;object-fit:cover;display:block}.fan-slot-clear{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .15s}.fan-slot-clear:hover{background:#ff453a}.fan-upload-zone{background:#1c1c1e;border:2px dashed #444;border-radius:1rem;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:border-color .2s}.fan-upload-zone:hover{border-color:#ff9f0a}.fan-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#666;padding:2rem;text-align:center;font-size:.9rem}.fan-upload-preview{width:100%;height:auto;display:block;border-radius:.75rem;object-fit:cover}.fan-upload-source-btns{display:flex;gap:.75rem}.source-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#1c1c1e;border:1px solid #333;border-radius:.75rem;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.source-btn:hover{background:#2a2a2c;border-color:#ff9f0a;color:#ff9f0a}.fan-handle-wrap{display:flex;flex-direction:column;gap:.5rem}.fan-handle-wrap label{color:#aaa;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.fan-handle-input-wrap{display:flex;align-items:center;background:#1c1c1e;border:1px solid #444;border-radius:.75rem;padding:0 1rem;gap:.25rem;transition:border-color .2s}.fan-handle-input-wrap:focus-within{border-color:#ff9f0a}.at-sign{color:#ff9f0a;font-size:1.1rem;font-weight:700;pointer-events:none}.fan-handle-input-wrap input{background:none;border:none;outline:none;color:#fff;font-size:1rem;padding:.875rem 0;width:100%}.fan-handle-input-wrap input::placeholder{color:#555}.fan-handle-error{color:#ff453a;font-size:.78rem;margin-top:-.25rem}.fan-guidelines-check{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:#1c1c1e;border:1px solid #333;border-radius:.75rem;transition:border-color .2s}.fan-guidelines-check:hover{border-color:#ff9f0a}.fan-guidelines-check input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.fan-check-box{flex-shrink:0;width:20px;height:20px;border:2px solid #555;border-radius:5px;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.fan-guidelines-check input:checked~.fan-check-box{background:#ff9f0a;border-color:#ff9f0a}.fan-guidelines-check input:checked~.fan-check-box:after{content:"";display:block;width:5px;height:9px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.fan-check-label{color:#aaa;font-size:.82rem;line-height:1.45}.fan-guidelines-check:hover .fan-check-label{color:#ccc}.fan-progress-wrap{position:relative;background:#1c1c1e;border-radius:99px;height:6px;overflow:hidden}.fan-progress-bar{height:100%;width:0%;background:#ff9f0a;border-radius:99px;transition:width .35s ease}.fan-progress-label{display:block;text-align:center;color:#666;font-size:.78rem;margin-top:.4rem}.fan-status{font-size:.875rem;text-align:center;margin:0}.fan-status--info{color:#aaa}.fan-status--error{color:#ff453a}.fan-submit-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1rem;background:#ff9f0a;color:#000;border:none;border-radius:.875rem;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:opacity .2s,background .2s}.fan-submit-btn:disabled{opacity:.35;cursor:not-allowed}.fan-submit-btn:not(:disabled):hover{background:#e8900a}