:root{color-scheme:dark;--bg: #1e1e1e;--bg-elevated: #252526;--bg-elevated-2: #2d2d30;--bg-hover: #333333;--border: #3c3c3c;--border-strong: #575757;--text: #d4d4d4;--text-muted: #9d9d9d;--accent: #3794bf;--accent-soft: rgba(55, 148, 191, .14);--accent-contrast: #ffffff;--danger: #f48771;--danger-soft: rgba(244, 135, 113, .12);--shadow: 0 16px 48px rgba(0, 0, 0, .5);--radius: 12px}[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-elevated: #f3f3f3;--bg-elevated-2: #ffffff;--bg-hover: #ebebeb;--border: #e3e3e3;--border-strong: #c9c9c9;--text: #1f1f1f;--text-muted: #6f6f6f;--accent: #0078d4;--accent-soft: rgba(0, 120, 212, .08);--accent-contrast: #ffffff;--danger: #c42b1c;--danger-soft: rgba(196, 43, 28, .08);--shadow: 0 12px 32px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated-2);color:var(--text);border-radius:8px;transition:border-color .15s,background .15s,color .15s}button:hover{border-color:var(--border-strong);background:var(--bg-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{background:var(--bg-elevated-2);border-color:var(--border);color:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:10}.app-header__brand{display:flex;align-items:center;gap:13px}.app-header__logo{font-size:28px;width:42px;height:42px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:10px}.app-header h1{margin:0;font-size:16px;font-weight:600;letter-spacing:.1px}.app-header p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.app-header__actions{display:flex;align-items:center;gap:12px}.module-toolbar{display:flex;align-items:center;gap:4px;padding:4px;background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:10px}.module-toolbar__btn{display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;color:var(--text-muted);border-radius:7px;padding:6px 11px;font-size:13px}.module-toolbar__btn:hover{background:var(--bg-hover);border-color:transparent;color:var(--text)}.module-toolbar__btn--active,.module-toolbar__btn--active:hover{background:var(--accent-soft);color:var(--accent)}body,.app-header,.app-footer,.module,.module__badge,.module-toolbar,.module-toolbar__btn,.gallery-card,.dropzone,.dropzone__qr,.theme-toggle,.theme-toggle__knob,.modal,.placeholder-card{transition:background-color .25s ease,border-color .25s ease,color .25s ease}.theme-toggle{position:relative;flex-shrink:0;width:58px;height:30px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated-2)}.theme-toggle:hover{border-color:var(--border-strong)}.theme-toggle[aria-checked=true]{background:var(--accent-soft);border-color:var(--accent)}.theme-toggle__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border-strong);display:grid;place-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .25s ease,border-color .25s ease;z-index:1}.theme-toggle[aria-checked=true] .theme-toggle__knob{transform:translate(28px)}.theme-toggle__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .22s ease,transform .35s ease}.theme-toggle__icon--light{opacity:1;transform:rotate(0) scale(1)}.theme-toggle__icon--dark{color:var(--text);opacity:0;transform:rotate(90deg) scale(.4)}.theme-toggle[aria-checked=true] .theme-toggle__icon--light{opacity:0;transform:rotate(-90deg) scale(.4)}.theme-toggle[aria-checked=true] .theme-toggle__icon--dark{opacity:1;transform:rotate(0) scale(1)}.mobile-menu{display:none;position:relative}.mobile-menu__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated-2);color:var(--text)}.mobile-menu__btn:hover{border-color:var(--border-strong)}.mobile-menu__btn[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mobile-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:mobile-menu-fade .16s ease}@keyframes mobile-menu-fade{0%{opacity:0}to{opacity:1}}.mobile-menu__panel{position:absolute;top:calc(100% + 10px);right:0;width:250px;max-width:calc(100vw - 32px);padding:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:20;animation:mobile-menu-in .16s ease}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-menu__row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:14px;text-align:left}.mobile-menu__row:hover{background:var(--bg-hover)}.mobile-menu__row-icon{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated-2);color:var(--text-muted)}.mobile-menu__row[aria-pressed=true] .mobile-menu__row-icon{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mobile-menu__row-label{flex:1}.mobile-menu__row-state{font-size:12px;color:var(--text-muted)}.mobile-menu__row-state--on{color:var(--accent)}.mobile-menu__theme{display:flex;justify-content:flex-end;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.main-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.module{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.module__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.module__header h2{margin:0;font-size:15px;font-weight:600}.module__header p{margin:3px 0 0;font-size:12px;color:var(--text-muted)}.module__badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;white-space:nowrap}.module__empty{padding:52px 20px;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:10px;font-size:13px}.module__empty-icon{color:var(--text-muted);display:block;margin:0 auto 12px;width:fit-content;opacity:.8}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.gallery-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:18px}.pagination__pages{display:flex;align-items:center;gap:5px}.pagination__nav,.pagination__num{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated-2);color:var(--text);font-size:13px;transition:border-color .15s,background-color .15s,color .15s,transform .1s}.pagination__nav:hover:not(:disabled),.pagination__num:hover{border-color:var(--border-strong);background:var(--bg-hover)}.pagination__nav:active:not(:disabled),.pagination__num:active{transform:translateY(1px)}.pagination__nav:disabled{opacity:.4;cursor:default}.pagination__num--current,.pagination__num--current:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.pagination__gap{min-width:20px;text-align:center;color:var(--text-muted);-webkit-user-select:none;user-select:none}.gallery-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:8px 10px;background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:10px}.gallery-toolbar button{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;padding:6px 11px}.gallery-toolbar__count{margin-left:auto;font-size:12px;color:var(--text-muted)}.gallery-card{position:relative;margin:0;background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.gallery-card:hover{border-color:var(--border-strong)}.gallery-card--selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gallery-card__select{position:absolute;top:8px;left:8px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.65);border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:transparent;box-shadow:0 1px 5px #00000073;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.gallery-card__select:hover{border-color:#fff;background:#0000008c;transform:scale(1.06)}.gallery-card__select:focus-visible{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff59}.gallery-card__select--checked,.gallery-card__select--checked:hover{background:var(--accent);border-color:#fff;color:#fff;box-shadow:0 1px 5px #00000073;animation:gallery-checkbox-pop .2s ease}.gallery-card__select svg{display:block}@keyframes gallery-checkbox-pop{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.gallery-card__view{display:block;width:100%;padding:0;border:none;border-radius:0;background:transparent;cursor:zoom-in;overflow:hidden}.gallery-card__view:hover{background:transparent}.gallery-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:repeating-conic-gradient(var(--bg-elevated) 0% 25%,var(--bg-elevated-2) 0% 50%) 0 0 / 22px 22px;transition:transform .25s ease}.gallery-card__view:hover img{transform:scale(1.05)}.gallery-card__meta{display:flex;align-items:center;gap:8px;padding:9px 11px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border)}.gallery-card__name-input{flex:1;min-width:0;font-size:12px;font-family:inherit;color:var(--text);background:transparent;border:1px solid transparent;border-radius:6px;padding:2px 6px;transition:border-color .15s,background-color .15s}.gallery-card__name-input:hover{border-color:var(--border-strong)}.gallery-card__name-input:focus{outline:none;border-color:var(--accent);background:var(--bg-elevated)}.gallery-card__name-input::placeholder{color:var(--text-muted);opacity:.85}.gallery-card__size{flex-shrink:0}.gallery-card__remove{flex-shrink:0;display:grid;place-items:center;padding:4px;border-radius:6px;color:var(--text-muted)}.gallery-card__remove:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.app-footer{border-top:1px solid var(--border);background:var(--bg-elevated);position:sticky;bottom:0;z-index:5}.upload-panel{max-width:1280px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:14px}.dropzone{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;padding:10px 12px 10px 18px;border:1.5px dashed var(--border-strong);border-radius:12px;background:var(--bg-elevated-2);color:var(--text-muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}.dropzone:hover{border-color:var(--accent);color:var(--text)}.dropzone--active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.dropzone__icon{color:var(--accent)}.dropzone__text{flex:1;min-width:180px;font-size:13px}.dropzone__qr{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--accent);border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:7px 13px}.dropzone__qr:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone__qr:active{transform:translateY(1px)}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.modal--wide{width:min(100%,440px);max-width:440px}.modal__header--qr{justify-content:flex-start;align-items:flex-start}.modal__subtitle{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.modal__close{margin-left:auto;display:grid;place-items:center;padding:5px;border-radius:6px;color:var(--text-muted)}.modal__close:hover{color:var(--text)}.qr-modal__code{width:fit-content;margin:6px auto 10px;padding:14px;background:#fff;border-radius:12px}.qr-modal__code svg{display:block;width:100%;height:auto;max-width:260px}.qr-modal__url{margin:0 0 14px;font-size:12px;color:var(--text-muted);word-break:break-all;text-align:center}.preview-modal{width:min(100%,860px);max-width:860px;position:relative;overflow:hidden;box-shadow:var(--shadow),0 0 70px var(--accent-soft)}.preview-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent) 35%,var(--accent) 65%,transparent);z-index:1}.preview__header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.preview__title{flex:1;min-width:0}.preview__title h2{margin:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview__title p{margin:3px 0 0;font-size:12px;color:var(--text-muted)}.preview__name-field{display:flex;flex-direction:column;gap:6px;padding:14px 20px 0}.preview__name-field label{font-size:12px;color:var(--text-muted)}.preview__name-field input{font:inherit;font-size:13px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:8px 11px;transition:border-color .15s,box-shadow .15s}.preview__name-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.preview__name-hint{margin:0;font-size:11px;color:var(--text-muted)}.preview__frame{margin:16px 20px 4px;display:grid;place-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:repeating-conic-gradient(var(--bg-elevated) 0% 25%,var(--bg-elevated-2) 0% 50%) 0 0 / 22px 22px}.preview__frame img{max-width:100%;max-height:62vh;width:auto;height:auto;border-radius:8px;box-shadow:0 14px 40px #00000080;animation:preview-in .28s cubic-bezier(.22,1,.36,1)}@keyframes preview-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.preview-modal .modal__actions{padding:14px 20px 20px}.btn--primary{display:inline-flex;align-items:center;gap:7px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0000008c}[data-theme=light] .modal-backdrop{background:#20202059}.modal{width:min(100%,400px);max-width:400px;background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:pop-in .15s ease-out}.modal__header{display:flex;align-items:center;gap:10px;padding:18px 20px 0}.modal__icon{color:var(--text-muted);display:grid;place-items:center}.modal__title{margin:0;font-size:15px;font-weight:600}.modal__message{margin:10px 20px;font-size:13px;line-height:1.55;color:var(--text-muted)}.modal__actions{display:flex;justify-content:flex-end;gap:10px;padding:4px 20px 20px}.btn--danger{display:inline-flex;align-items:center;gap:7px;background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:var(--accent-contrast)}.btn--primary{border-color:var(--accent);color:var(--accent)}.placeholder-page{min-height:100vh;display:grid;place-items:center;padding:24px}.placeholder-card{max-width:420px;width:100%;text-align:center;padding:40px 32px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.placeholder-card__icon{color:var(--accent);display:block;margin:0 auto 14px;width:fit-content}.placeholder-card h1{margin:0 0 10px;font-size:20px;font-weight:600}.placeholder-card p{margin:0 0 22px;color:var(--text-muted);line-height:1.6}.placeholder-card__back{display:inline-block;text-decoration:none;color:var(--accent);font-size:13px}.placeholder-card__back:hover{text-decoration:underline}@media (max-width: 640px){.upload-panel{flex-direction:column;align-items:stretch}.modal-backdrop{padding:16px}.app-header{padding:10px 16px}.app-header__brand,.app-header__actions{display:none}.mobile-menu{display:block;margin-left:auto}.dropzone__text{display:none}.qr-modal__code{padding:10px}.preview__frame img{max-height:52vh}.preview__header{padding-top:16px}.preview__name-field{padding-top:10px}.gallery-toolbar__count{margin-left:0;width:100%;text-align:center}}.privacy-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),transparent 60%),var(--bg);overflow:auto}.privacy-modal{width:min(100%,560px);max-height:min(85vh,720px);display:flex;flex-direction:column;background:var(--bg-elevated-2);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);animation:pop-in .22s ease}.privacy-modal__header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.privacy-modal__icon{color:var(--accent);display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);flex-shrink:0}.privacy-modal__title{margin:0;font-size:16px;font-weight:600}.privacy-modal__subtitle{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.privacy-modal__body{padding:16px 20px;overflow-y:auto;font-size:13px;line-height:1.6;color:var(--text)}.privacy-modal__body h2{margin:18px 0 6px;font-size:13px;font-weight:600;color:var(--text)}.privacy-modal__body h2:first-of-type{margin-top:4px}.privacy-modal__body p{margin:0 0 10px}.privacy-modal__body ul{margin:0 0 10px;padding-left:18px}.privacy-modal__body li{margin-bottom:4px}.privacy-modal__date{margin:14px 0 0;font-size:12px;color:var(--text-muted)}.privacy-modal__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;border-top:1px solid var(--border)}.privacy-modal__check{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.privacy-modal__check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}