@import"https://fonts.googleapis.com/css2?family=Chau+Philomene+One:ital@0;1&display=swap";.gallery-btn-sidebar{font-family:"Chau Philomene One",sans-serif;font-weight:500;font-style:normal;color:#605b5d;outline:none;border:0;padding:8px;width:100%;border-radius:8px;display:flex;align-items:center;position:relative;background-color:#f6f1e7;text-transform:uppercase;gap:10px;cursor:pointer;transition:.15s ease}.gallery-btn-sidebar:hover{color:#333031;background-color:#f6f1e7}#sidebar .gallery-btn-sidebar{font-size:14px;flex-direction:column;text-align:center;gap:4px;background:none;padding:10px 5px}.gallery-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.gallery-overlay.active{opacity:1;pointer-events:all}.gallery-overlay.active .gallery-modal{transform:translateY(0) scale(1)}.gallery-modal{background:#f6f1e7;color:#333031;border-radius:16px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(30px) scale(0.95);transition:transform .3s ease;overflow:hidden;font-family:"Chau Philomene One",sans-serif}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.gallery-header h2{margin:0;font-size:22px;display:flex;align-items:center;gap:10px;text-transform:uppercase;color:#333031}.gallery-header h2 .gallery-count{font-size:13px;background:#ffca5a;color:#333031;padding:2px 10px;border-radius:12px;font-weight:normal}.gallery-close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#605b5d;padding:4px 8px;border-radius:8px;transition:background .2s,color .2s;line-height:1}.gallery-close-btn:hover{background:rgba(0,0,0,.05);color:#333031}.gallery-actions{display:flex;gap:10px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;flex-wrap:wrap}.gallery-save-current-btn{background:#ffca5a;color:#333031;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;font-family:"Chau Philomene One",sans-serif;text-transform:uppercase;display:flex;align-items:center;gap:8px;transition:background .2s,transform .15s}.gallery-save-current-btn:hover{background:rgb(255,188.8945454545,49.2);transform:scale(1.03)}.gallery-save-current-btn svg{width:16px;height:16px}.gallery-delete-all-btn{background:rgba(0,0,0,0);color:#e9585b;border:1px solid #e9585b;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;font-family:"Chau Philomene One",sans-serif;text-transform:uppercase;display:flex;align-items:center;gap:8px;transition:background .2s,color .2s;margin-left:auto}.gallery-delete-all-btn:hover{background:#e9585b;color:#fff}.gallery-content{padding:20px 24px;overflow-y:auto;flex:1}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));gap:16px}.gallery-card{background:#fff;border-radius:12px;overflow:hidden;border:2px solid rgba(0,0,0,0);transition:border-color .2s,transform .2s,box-shadow .2s;cursor:default;position:relative}.gallery-card:hover{border-color:#ffca5a;transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.gallery-card-preview{width:100%;aspect-ratio:1;background:hsl(40,45.4545454545%,95.5294117647%);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.gallery-card-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gallery-card-info{padding:10px 12px}.gallery-card-name{font-size:14px;font-weight:600;margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333031}.gallery-card-date{font-size:11px;color:#a0a0a0;margin:0}.gallery-card-actions{display:flex;gap:4px;padding:8px 12px 12px}.gallery-card-actions button{flex:1;padding:6px 8px;border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;font-family:"Chau Philomene One",sans-serif;transition:background .2s,transform .1s}.gallery-card-actions button:active{transform:scale(0.95)}.gallery-card-load-btn{background:#ffca5a;color:#333031}.gallery-card-load-btn:hover{background:rgb(255,188.8945454545,49.2)}.gallery-card-edit-btn{background:hsl(40,45.4545454545%,90.5294117647%);color:#333031}.gallery-card-edit-btn:hover{background:hsl(40,45.4545454545%,85.5294117647%)}.gallery-card-delete-btn{background:rgba(0,0,0,0);color:#e9585b;border:1px solid #e9585b !important}.gallery-card-delete-btn:hover{background:#e9585b;color:#fff}.gallery-empty{text-align:center;padding:60px 20px;color:#a0a0a0}.gallery-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.gallery-empty h3{margin:0 0 8px;font-size:18px;color:#333031}.gallery-empty p{margin:0;font-size:14px}.gallery-name-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10001;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .2s}.gallery-name-dialog.active{opacity:1;pointer-events:all}.gallery-name-dialog-content{background:#f6f1e7;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 12px 40px rgba(0,0,0,.25);font-family:"Chau Philomene One",sans-serif}.gallery-name-dialog-content h3{margin:0 0 16px;font-size:18px;color:#333031;text-transform:uppercase}.gallery-name-input{width:100%;padding:10px 14px;border:2px solid hsl(40,45.4545454545%,85.5294117647%);border-radius:8px;font-size:15px;outline:none;transition:border-color .2s;background:#fff;color:#333031;box-sizing:border-box;font-family:"Chau Philomene One",sans-serif}.gallery-name-input:focus{border-color:#ffca5a}.gallery-name-dialog-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.gallery-name-dialog-actions button{padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;font-family:"Chau Philomene One",sans-serif;text-transform:uppercase;transition:background .2s}.gallery-name-cancel-btn{background:hsl(40,45.4545454545%,90.5294117647%);color:#333031}.gallery-name-cancel-btn:hover{background:hsl(40,45.4545454545%,85.5294117647%)}.gallery-name-confirm-btn{background:#ffca5a;color:#333031}.gallery-name-confirm-btn:hover{background:rgb(255,188.8945454545,49.2)}.gallery-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:#333031;color:#fff;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;font-family:"Chau Philomene One",sans-serif;z-index:10002;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap}.gallery-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width: 600px){.gallery-modal{width:95%;max-height:90vh;border-radius:12px}.gallery-grid{grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));gap:12px}.gallery-header{padding:16px 18px}.gallery-content{padding:16px 18px}.gallery-actions{padding:12px 18px}.gallery-save-current-btn,.gallery-delete-all-btn{font-size:12px;padding:8px 14px}}