:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:100%;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;transition:.4s;padding:3px}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.main-layout[data-v-d949181e]{display:flex}.sidebar[data-v-d949181e]{width:240px;background:linear-gradient(135deg,#fff,#fffaf7);border-right:1px solid rgba(231,89,39,.1);padding:20px;box-shadow:2px 0 20px #e759270d}.nav-item[data-v-d949181e]{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:8px;border-radius:12px;color:#666;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid transparent;position:relative;cursor:pointer}.clickable-nav[data-v-d949181e]:hover{background:#e7592714;color:#e75927;border-color:#e7592726;transform:translateY(-2px)}.active-nav[data-v-d949181e]{background:linear-gradient(135deg,#ff8c5a1a,#e759270d);color:#e75927;border:1px solid rgba(231,89,39,.2);box-shadow:0 4px 15px #e759271a;font-weight:600}.active-nav[data-v-d949181e]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#ff8c5a,#e75927);border-radius:0 2px 2px 0}.custom-modal-overlay[data-v-d949181e]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-d949181e .3s ease}.custom-modal[data-v-d949181e]{background:#fff;border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 60px #0003;animation:slideUp-d949181e .3s ease;overflow:hidden}.modal-header[data-v-d949181e]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-d949181e]{margin:0;color:#e75927;font-weight:700}.close-btn[data-v-d949181e]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-d949181e]:hover{background:#f5f5f5;color:#e75927}.modal-body[data-v-d949181e]{padding:30px 24px;text-align:center}.icon-container[data-v-d949181e]{font-size:48px;margin-bottom:16px;animation:pulse-d949181e 2s infinite}.modal-title[data-v-d949181e]{margin:0 0 12px;color:#e75927;font-size:20px;font-weight:700}.modal-text[data-v-d949181e]{margin:0;color:#666;line-height:1.6}.modal-footer[data-v-d949181e]{padding:20px 24px;border-top:1px solid #f0f0f0;text-align:center}.confirm-btn[data-v-d949181e]{background:linear-gradient(135deg,#ff8c5a,#e75927);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.confirm-btn[data-v-d949181e]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 20px #e759274d}@keyframes fadeIn-d949181e{0%{opacity:0}to{opacity:1}}@keyframes slideUp-d949181e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-d949181e{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.custom-modal[data-v-d949181e]{width:95%;margin:20px}}.main-layout[data-v-0dea596c]{display:flex}.sidebar[data-v-0dea596c]{width:240px;background:linear-gradient(135deg,#fff,#fffaf7);border-right:1px solid rgba(231,89,39,.1);padding:20px;box-shadow:2px 0 20px #e759270d}.nav-item[data-v-0dea596c]{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:8px;border-radius:12px;color:#666;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid transparent;position:relative;cursor:pointer}.clickable-nav[data-v-0dea596c]:hover{background:#e7592714;color:#e75927;border-color:#e7592726;transform:translateY(-2px)}.active-nav[data-v-0dea596c]{background:linear-gradient(135deg,#ff8c5a1a,#e759270d);color:#e75927;border:1px solid rgba(231,89,39,.2);box-shadow:0 4px 15px #e759271a;font-weight:600}.active-nav[data-v-0dea596c]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#ff8c5a,#e75927);border-radius:0 2px 2px 0}.custom-modal-overlay[data-v-0dea596c]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-0dea596c .3s ease}.custom-modal[data-v-0dea596c]{background:#fff;border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 60px #0003;animation:slideUp-0dea596c .3s ease;overflow:hidden}.modal-header[data-v-0dea596c]{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-0dea596c]{margin:0;color:#e75927;font-weight:700}.close-btn[data-v-0dea596c]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-0dea596c]:hover{background:#f5f5f5;color:#e75927}.modal-body[data-v-0dea596c]{padding:30px 24px;text-align:center}.icon-container[data-v-0dea596c]{font-size:48px;margin-bottom:16px;animation:pulse-0dea596c 2s infinite}.modal-title[data-v-0dea596c]{margin:0 0 12px;color:#e75927;font-size:20px;font-weight:700}.modal-text[data-v-0dea596c]{margin:0;color:#666;line-height:1.6}.modal-footer[data-v-0dea596c]{padding:20px 24px;border-top:1px solid #f0f0f0;text-align:center}.confirm-btn[data-v-0dea596c]{background:linear-gradient(135deg,#ff8c5a,#e75927);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.confirm-btn[data-v-0dea596c]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 20px #e759274d}@keyframes fadeIn-0dea596c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-0dea596c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-0dea596c{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.custom-modal[data-v-0dea596c]{width:95%;margin:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#fef6f2,#fff5f0);min-height:100vh;color:#333}.photo-album{display:flex;flex-direction:column;height:100vh;width:calc(100vw - 320px);padding:20px;overflow:hidden;background:#fffffff2}.album-header{background:linear-gradient(135deg,#fff,#fffaf7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px 35px;margin-bottom:20px;border:1px solid rgba(231,89,39,.15);box-shadow:0 8px 32px #e7592714;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-left h1{font-size:30px;color:#e75927;font-weight:700;display:flex;align-items:center;gap:15px;margin:0;letter-spacing:-.5px}.header-left h1:before{font-size:28px;background:linear-gradient(135deg,#ff8c5a,#e75927);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats{display:flex;gap:28px;background:linear-gradient(135deg,#ff8c5a1a,#e759270d);padding:14px 28px;border-radius:16px;border:1px solid rgba(231,89,39,.1);box-shadow:0 4px 20px #e759270d}.stats span{display:flex;align-items:center;gap:10px;font-size:15px;color:#666;font-weight:500}.stats span strong{color:#e75927;font-weight:700;font-size:16px}.stats span:before{content:"";display:inline-block;width:6px;height:6px;background:#e75927;border-radius:50%;opacity:.6}.sidebar{width:300px;background:linear-gradient(135deg,#fff,#fffaf7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;margin-right:20px;border:1px solid rgba(231,89,39,.15);box-shadow:0 8px 32px #e7592714;flex-shrink:0;display:flex;flex-direction:column;gap:28px}.sidebar-section{padding-bottom:24px;border-bottom:1px solid rgba(231,89,39,.08)}.sidebar-section:last-child{border-bottom:none}.sidebar-section h3{font-size:17px;color:#e75927;margin-bottom:18px;font-weight:600;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:10px}.sidebar-section h3:before{content:"";display:block;width:4px;height:18px;background:#e75927;border-radius:2px}.main-content{flex:1;display:flex;overflow:hidden;gap:20px}.photo-browser{flex:1;background:linear-gradient(135deg,#fff,#fffaf7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(231,89,39,.15);box-shadow:0 8px 32px #e7592714;overflow:hidden;display:flex;flex-direction:column}.photo-horizontal-grid{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;padding:25px;gap:25px;scroll-behavior:smooth;background:#fff5f04d}.photo-horizontal-grid::-webkit-scrollbar{height:8px}.photo-horizontal-grid::-webkit-scrollbar-track{background:#e759270d;border-radius:4px}.photo-horizontal-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff8c5a,#e75927);border-radius:4px}.photo-horizontal-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff7d45,#d44917)}.photo-horizontal-item{flex:0 0 auto;width:320px;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(231,89,39,.1);box-shadow:0 6px 25px #e759270f;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;flex-direction:column}.photo-horizontal-item:hover{transform:translateY(-8px) scale(1.02);border-color:#e759274d;box-shadow:0 20px 40px #e7592726}.photo-horizontal-item.selected{border-color:#e75927;box-shadow:0 0 0 2px #e7592733,0 20px 40px #e7592726}.photo-horizontal-container{width:100%;height:200px;overflow:hidden;position:relative;background:linear-gradient(135deg,#fff5f0,#ffede6)}.photo-horizontal-container img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.photo-horizontal-item:hover .photo-horizontal-container img{transform:scale(1.08)}.photo-horizontal-info{padding:20px;flex:1;display:flex;flex-direction:column;background:#fff}.photo-horizontal-name{font-weight:600;color:#333;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.4}.photo-horizontal-meta{display:flex;justify-content:space-between;color:#888;font-size:13px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(231,89,39,.08)}.photo-horizontal-desc{color:#666;font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.photo-horizontal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.photo-horizontal-tag{background:linear-gradient(135deg,#ff8c5a1a,#e759270d);color:#e75927;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid rgba(231,89,39,.2);transition:all .3s ease;cursor:pointer}.photo-horizontal-tag:hover{background:linear-gradient(135deg,#ff8c5a33,#e759271a);transform:translateY(-2px);box-shadow:0 4px 12px #e7592726}.photo-horizontal-actions{display:flex;justify-content:space-around;padding:16px 20px;border-top:1px solid rgba(231,89,39,.08);background:#fff5f080;opacity:0;transition:opacity .3s ease}.photo-horizontal-item:hover .photo-horizontal-actions{opacity:1}.photo-horizontal-action-btn{background:#fff;border:1px solid rgba(231,89,39,.1);color:#888;cursor:pointer;padding:10px;border-radius:10px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;box-shadow:0 2px 8px #e759270d}.photo-horizontal-action-btn:hover{background:linear-gradient(135deg,#ff8c5a,#e75927);color:#fff;transform:scale(1.1) rotate(5deg);border-color:transparent;box-shadow:0 6px 20px #e759274d}.select-checkbox-horizontal{position:absolute;top:16px;left:16px;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:6px;box-shadow:0 4px 15px #0000001a;opacity:0;transition:all .3s ease}.photo-horizontal-item:hover .select-checkbox-horizontal{opacity:1;transform:translateY(0)}.select-checkbox-horizontal input{width:20px;height:20px;cursor:pointer;accent-color:#e75927}.toolbar-horizontal{padding:18px 28px;border-bottom:1px solid rgba(231,89,39,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#fffaf7)}.btn-horizontal{padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff,#fffaf7);color:#333;border:1px solid rgba(231,89,39,.15);box-shadow:0 4px 15px #e759270d}.btn-horizontal:hover{background:linear-gradient(135deg,#ff8c5a1a,#e759270d);border-color:#e759274d;transform:translateY(-3px);box-shadow:0 8px 25px #e7592726}.btn-horizontal-primary{background:linear-gradient(135deg,#ff8c5a,#e75927);color:#fff;border:none;box-shadow:0 6px 20px #e759274d}.btn-horizontal-primary:hover{background:linear-gradient(135deg,#ff7d45,#d44917);box-shadow:0 12px 30px #e7592766;transform:translateY(-4px) scale(1.05)}.btn-horizontal-danger{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:none;box-shadow:0 6px 20px #ff6b6b4d}.btn-horizontal-danger:hover{background:linear-gradient(135deg,#ff5252,#ff3838);box-shadow:0 12px 30px #ff6b6b66;transform:translateY(-4px)}.search-horizontal{flex:1;max-width:450px;position:relative}.search-horizontal input{width:100%;padding:14px 24px 14px 50px;background:linear-gradient(135deg,#fff,#fffaf7);border:2px solid rgba(231,89,39,.15);border-radius:14px;color:#333;font-size:15px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #e759270d}.search-horizontal input:focus{outline:none;border-color:#e75927;box-shadow:0 0 0 3px #e7592733,0 8px 25px #e759271a;background:#fff}.search-horizontal:before{content:"🔍";position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#e75927;font-size:16px;opacity:.8}.filter-horizontal{display:flex;gap:16px;align-items:center}.filter-horizontal select{padding:12px 50px 12px 20px;background:linear-gradient(135deg,#fff,#fffaf7);border:2px solid rgba(231,89,39,.15);border-radius:14px;color:#333;font-size:15px;font-weight:500;min-width:160px;cursor:pointer;box-shadow:0 4px 15px #e759270d;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23e75927' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}.filter-horizontal select:focus{outline:none;border-color:#e75927;box-shadow:0 0 0 3px #e7592733,0 8px 25px #e759271a}.upload-horizontal-placeholder{flex:0 0 auto;width:320px;border:3px dashed rgba(231,89,39,.3);background:linear-gradient(135deg,#fff5f080,#ffede64d);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.upload-horizontal-placeholder:hover{border-color:#e7592799;background:linear-gradient(135deg,#fff5f0cc,#ffede699);transform:translateY(-5px);box-shadow:0 20px 40px #e7592726}.upload-horizontal-content{text-align:center;color:#e75927;padding:30px}.upload-horizontal-content span{font-size:60px;display:block;margin-bottom:16px;opacity:.8;transition:transform .3s ease}.upload-horizontal-content p{font-size:16px;font-weight:600;margin:0}.upload-horizontal-placeholder:hover .upload-horizontal-content span{transform:scale(1.1);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.quick-actions{display:flex;flex-direction:column;gap:12px}.filter-group{margin-bottom:16px}.filter-group label{display:block;color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.filter-select{width:100%;padding:12px 16px;background:linear-gradient(135deg,#fff,#fffaf7);border:2px solid rgba(231,89,39,.15);border-radius:12px;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#e75927;box-shadow:0 0 0 3px #e759271a}.tag-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag-filter{background:linear-gradient(135deg,#ff8c5a1a,#e759270d);color:#e75927;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid rgba(231,89,39,.2);cursor:pointer;transition:all .3s ease}.tag-filter:hover{background:linear-gradient(135deg,#ff8c5a33,#e759271a);transform:translateY(-2px)}.tag-filter.active{background:linear-gradient(135deg,#ff8c5a,#e75927);color:#fff;border-color:#e75927;box-shadow:0 4px 12px #e7592733}.statistics{display:flex;flex-direction:column;gap:14px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(231,89,39,.08)}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-size:14px;font-weight:500}.stat-value{color:#e75927;font-weight:700;font-size:15px;background:#e759271a;padding:4px 12px;border-radius:12px}.batch-actions-horizontal{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fff,#fffaf7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 36px;border-radius:50px;border:1px solid rgba(231,89,39,.2);box-shadow:0 15px 50px #e7592733;display:flex;align-items:center;gap:24px;z-index:100;animation:slideUpIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUpIn{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.batch-actions-horizontal span{color:#e75927;font-weight:700;font-size:16px;background:#e759271a;padding:6px 16px;border-radius:20px}.modal-horizontal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:40px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-horizontal{background:linear-gradient(135deg,#fff,#fffaf7);border-radius:24px;padding:40px;max-width:1000px;width:100%;border:1px solid rgba(231,89,39,.2);box-shadow:0 30px 80px #e7592740;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-horizontal h3{color:#e75927;font-size:26px;font-weight:700;margin-bottom:30px;display:flex;align-items:center;gap:12px}.modal-horizontal h3:before{content:"🎨";font-size:24px}.empty-state-horizontal{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:80px;text-align:center;background:linear-gradient(135deg,#fff5f0cc,#ffede699);border-radius:20px;margin:20px}.empty-state-icon{font-size:100px;margin-bottom:30px;background:linear-gradient(135deg,#ff8c5a,#e75927);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.empty-state-horizontal h3{font-size:32px;color:#e75927;margin-bottom:16px;font-weight:700}.empty-state-horizontal p{color:#888;margin-bottom:40px;font-size:18px;max-width:500px;line-height:1.6}.viewer{position:relative;max-width:90vw;max-height:85vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #e759274d;border:1px solid rgba(231,89,39,.2)}.viewer img{width:100%;max-height:70vh;object-fit:contain;background:linear-gradient(135deg,#fff5f0,#ffede6)}.close-btn{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#fff,#fffaf7);border:1px solid rgba(231,89,39,.2);width:50px;height:50px;border-radius:50%;font-size:30px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;color:#e75927;box-shadow:0 6px 20px #e7592726}.close-btn:hover{background:linear-gradient(135deg,#ff8c5a,#e75927);color:#fff;transform:rotate(90deg) scale(1.1);border-color:transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#e759270d;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff8c5a99,#e7592766);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff8c5acc,#e7592799)}@media(max-width:1200px){.photo-horizontal-item,.upload-horizontal-placeholder{width:300px}.sidebar{width:280px}}@media(max-width:900px){.main-content{flex-direction:column}.sidebar{width:100%;margin-right:0;margin-bottom:20px}.photo-horizontal-grid{flex-direction:column;overflow-x:hidden;overflow-y:auto}.photo-horizontal-item,.upload-horizontal-placeholder{width:100%;max-width:400px;margin:0 auto}.toolbar-horizontal{flex-direction:column;gap:16px}.search-horizontal{max-width:100%}}@media(max-width:768px){.photo-album{padding:16px}.album-header{flex-direction:column;gap:20px;text-align:center}.stats{flex-wrap:wrap;justify-content:center}.batch-actions-horizontal{flex-direction:column;width:90%;border-radius:24px;padding:20px}}