:root{color-scheme:light;--bg:#f8f9fb;--surface:#fff;--ink:#202833;--muted:#737c89;--line:#e7eaf0;--accent:#315bff;--accent-soft:#edf1ff;--danger:#b72f3c;--radius:14px;--small:9px;--shadow:0 16px 60px #1d294018;--ease:160ms ease;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}button svg,a svg{width:19px;height:19px;flex-shrink:0}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button{border:0;background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #315bff80;outline-offset:3px}h1,h2,p{margin:0}h1{font-size:32px;font-weight:600;letter-spacing:-1.2px}h2{font-size:21px;font-weight:600;letter-spacing:-.5px}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:32px 18px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f4f5f8}.brand{display:flex;gap:10px;align-items:center;font-size:23px;letter-spacing:-.8px;font-weight:650;padding:0 12px;margin-bottom:47px}.brand img{width:31px;height:31px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{display:flex;gap:12px;align-items:center;min-height:46px;padding:10px 14px;border-radius:10px;color:#657080;font-weight:500;transition:background var(--ease),color var(--ease)}.nav a:hover{background:#e9ecf3}.nav a.active{color:var(--accent);background:#e7ecfe}.nav svg{width:20px;height:20px}.sidebar-foot{margin-top:auto;padding:20px 12px 0}.storage-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:12px 0 7px}.meter{height:4px;border-radius:5px;background:#e2e6ed;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent);min-width:3px}.profile{display:flex;gap:10px;align-items:center;margin-top:25px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e2e7f0;font-size:12px;font-weight:600}.profile strong{display:block;font-size:12px;font-weight:600}.profile small{font-size:11px;color:var(--muted)}.main{padding:37px 48px 70px;max-width:1740px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:42px;min-height:40px}.breadcrumb{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;min-width:0}.breadcrumb button{padding:6px 0}.breadcrumb strong{font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search{position:relative;display:flex;align-items:center;width:240px;gap:9px;color:var(--muted)}.search svg{width:17px;height:17px}.search input{background:none;border:0;min-width:0;width:100%;padding:10px 0;color:var(--ink);outline-offset:4px}.search input::placeholder{color:#9299a5}.heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}.heading-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:var(--small);font-weight:550;font-size:13px;border:1px solid var(--line);background:var(--surface);white-space:nowrap;transition:background var(--ease),transform var(--ease),border-color var(--ease)}.btn:hover{background:#f0f2f7;border-color:#d2d8e2}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 3px #274bd31c}.btn.primary:hover{background:#234bea}.btn.danger{color:var(--danger)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:9px}.icon-btn:hover{background:#eef0f5}.toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs{display:flex;gap:25px}.tab{padding:0 0 16px;position:relative;color:var(--muted);font-weight:500}.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink);border-radius:2px}.count{font-size:12px;background:#edf0f5;border-radius:5px;padding:2px 5px;margin-left:6px;color:#747e8b}.sort{color:var(--muted);font-size:12px;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:26px 22px}.photo-card{min-width:0;position:relative}.photo-open{display:block;text-align:left;width:100%;padding:0;border-radius:12px}.photo-image{position:relative;aspect-ratio:1.55;overflow:hidden;border-radius:12px;background:#e8edf2}.photo-image img{width:100%;height:100%;object-fit:cover;transition:transform 350ms ease}.photo-open:hover img{transform:scale(1.035)}.photo-meta{padding:13px 3px 4px;display:flex;justify-content:space-between;gap:10px;align-items:center}.photo-meta strong{display:block;font-size:13px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.photo-meta small{color:var(--muted);font-size:11px;display:block;margin-top:5px}.photo-info{min-width:0}.pano-tag{position:absolute;bottom:10px;left:10px;background:#13213299;color:#fff;border:1px solid #ffffff35;backdrop-filter:blur(8px);padding:4px 7px;font-size:10px;border-radius:5px;letter-spacing:.3px}.card-actions{display:flex;gap:1px;flex-shrink:0}.card-actions .icon-btn{width:32px;min-width:32px;height:34px}.card-actions svg{width:16px;height:16px}.album-card{width:100%;padding:0;text-align:left}.album-art{height:155px;position:relative;border-radius:12px;background:#eef1f7;overflow:hidden;border:1px solid #e5e9f1;display:grid;place-items:center}.album-art>svg{width:48px;height:48px;stroke:#a2afc4;stroke-width:1}.album-art img{width:100%;height:100%;object-fit:cover}.album-art:after{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#fff9}.empty{margin:36px auto 0;padding:38px 24px 52px;max-width:730px;text-align:center}.empty-art{position:relative;margin:0 auto 30px;width:min(100%,340px);height:180px;display:flex;align-items:center;justify-content:center;isolation:isolate}.empty-art:before{content:"";position:absolute;inset:10px -18px 0;background:radial-gradient(ellipse,#e8edfc 0,transparent 69%);z-index:-1}.empty-frame{position:absolute;width:184px;height:119px;border:6px solid white;box-shadow:0 6px 30px #31426b12;border-radius:11px;overflow:hidden;background:linear-gradient(#dbe9f2 0 49%,#b8cdd0 50%,#c0d4cc 73%,#e0e5d4 74%)}.empty-frame:first-child{transform:translateX(-77px) rotate(-10deg);opacity:.75}.empty-frame:nth-child(2){transform:translateX(77px) rotate(10deg);opacity:.75;background:linear-gradient(#ede9df 0 45%,#cdd3c5 46%,#a9bdb6 72%,#d6dfd3 73%)}.empty-frame:last-child{z-index:2;width:209px;height:134px}.empty-frame:before{content:"";position:absolute;left:-15px;right:-15px;bottom:10px;height:55px;border-radius:60% 70% 0 0;background:#92aaa1;transform:rotate(-8deg)}.empty-frame:after{content:"";position:absolute;left:-15px;right:-15px;bottom:-15px;height:50px;border-radius:70% 70% 0 0;background:#6e8f81;transform:rotate(7deg)}.empty h2{margin-bottom:10px;font-size:24px}.empty p{color:var(--muted);line-height:1.65;font-size:13px;max-width:290px;margin:0 auto 23px}.empty .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.text-btn{color:var(--muted);padding:13px 12px;font-size:12px;min-height:44px}.text-btn:hover{color:var(--accent)}.upload-banner{position:relative;border:1px dashed #cbd5e5;background:#f1f4fc;border-radius:12px;padding:14px 18px;display:flex;gap:12px;align-items:center;margin-bottom:25px;animation:appear .16s ease}.upload-banner svg{width:22px;height:22px;color:var(--accent);flex-shrink:0}.upload-banner strong{font-size:12px;font-weight:550}.upload-banner small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.upload-progress{height:3px;margin-top:9px;border-radius:5px;overflow:hidden;background:#dae2f4}.upload-progress span{display:block;background:var(--accent);height:100%;transition:width .2s}.drop-overlay{position:fixed;inset:14px;border:2px dashed var(--accent);background:#edf1fff0;z-index:30;border-radius:20px;display:grid;place-items:center;font-size:24px;color:var(--accent);pointer-events:none}.share-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.share-row{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.share-row:last-child{border:0}.share-row>.share-glyph{background:var(--accent-soft);color:var(--accent);border-radius:10px;display:grid;place-items:center;width:42px;height:42px;flex-shrink:0}.share-glyph svg{width:20px;height:20px}.share-row .details{flex:1;min-width:0}.share-row strong{font-size:13px;font-weight:550}.share-row small{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;max-width:660px;margin-bottom:20px}.panel h2{font-size:17px;margin-bottom:22px}.detail-row{display:flex;justify-content:space-between;gap:20px;margin:16px 0;font-size:13px}.detail-row>span:first-child{color:var(--muted)}.account-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px}.legal{font-size:11px;color:var(--muted);margin-top:35px}.legal a:hover{text-decoration:underline}.login{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 30%,#eef2ff,transparent 70%),var(--bg)}.login-card{text-align:center;max-width:380px;padding:30px}.login-card .brand{justify-content:center;margin-bottom:65px;font-size:28px}.login-card h1{font-size:30px;margin-bottom:14px}.login-card p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:28px}.login-card .btn{width:100%}.login-card .legal{margin-top:65px;font-size:11px}.public-shell{max-width:1440px;padding:32px 40px 70px;margin:auto}.public-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px}.public-header .brand{margin:0;padding:0;font-size:21px}.public-header .brand img{width:28px;height:28px}.public-title{margin-bottom:30px}.public-title h1{font-size:38px}.public-title p{color:var(--muted);font-size:12px;margin-top:12px}dialog{border:1px solid var(--line);padding:28px;border-radius:18px;box-shadow:var(--shadow);width:min(440px,calc(100vw - 32px));color:var(--ink);background:#fff}dialog::backdrop{background:#17203340;backdrop-filter:blur(4px)}dialog[open]{animation:appear .15s ease}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-head h2{font-size:21px}.field{display:block;margin-bottom:20px;font-size:12px;font-weight:550}.field input,.field select{display:block;width:100%;margin-top:8px;min-height:44px;border:1px solid #dce1e9;border-radius:8px;padding:11px 12px;background:white;color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.help-copy{font-size:13px;line-height:1.75;color:var(--muted)}.share-url{display:flex;gap:8px;margin-top:20px}.share-url input{min-width:0;width:100%;font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px}.dialog-error{font-size:12px;color:var(--danger);margin-top:12px}.boot{min-height:65dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px}.brand-symbol{color:var(--accent);font-size:28px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px);background:#263240;color:#fff;font-size:12px;padding:13px 19px;border-radius:10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:100;transition:opacity var(--ease),transform var(--ease);max-width:calc(100vw - 32px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.error-state{padding:50px 0;text-align:center}.error-state h2{margin-bottom:12px}.error-state p{color:var(--muted);margin-bottom:20px;font-size:13px}.mobile-only{display:none}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.main{padding:45px 64px}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}
@media(max-width:1100px){.main{padding:30px}.shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding:28px 12px}.brand{padding:0 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 16px}.heading-actions .btn{padding:10px 12px}.search{width:180px}}
@media(max-width:740px){:root{font-size:14px}.shell{display:block}.sidebar{z-index:20;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;background:#fafbfdf2;backdrop-filter:blur(20px);border-right:0;border-top:1px solid var(--line);padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:block}.sidebar>.brand,.sidebar-foot{display:none}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.nav a{flex-direction:column;gap:5px;padding:7px 2px;min-height:52px;font-size:10px;border-radius:9px}.nav svg{width:20px;height:20px}.main{padding:22px 20px 110px}.topbar{margin-bottom:27px;min-height:32px}.topbar .breadcrumb{font-size:12px}.search{width:38px}.search input{position:absolute;right:0;opacity:0;width:38px;height:38px;cursor:pointer}.search:focus-within{position:absolute;right:20px;left:20px;width:auto;background:var(--bg);z-index:3;border-bottom:1px solid var(--line);padding:0 5px}.search:focus-within input{position:static;opacity:1;width:100%;cursor:text}.heading{align-items:center;margin-bottom:25px;gap:12px}h1{font-size:28px;letter-spacing:-.9px}.heading-actions{gap:7px}.heading-actions .btn{padding:10px;min-width:42px}.heading-actions .btn span{display:none}.heading-actions .btn svg{width:20px;height:20px}.heading-actions .btn.primary{padding:10px 12px}.heading-actions .btn.primary span{display:inline;font-size:12px}.tabs{gap:22px}.sort{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.photo-image{aspect-ratio:1.22;border-radius:10px}.photo-meta{align-items:flex-start;padding:10px 1px 0}.photo-meta strong{font-size:12px}.photo-meta small{font-size:10px;margin-top:4px}.photo-meta .card-actions{flex-direction:column;gap:0}.photo-meta .icon-btn{width:27px;min-width:27px;height:29px}.photo-meta .icon-btn svg{width:15px;height:15px}.album-art{height:120px}.empty{padding:40px 0;margin-top:22px}.empty h2{font-size:23px}.empty-art{width:280px;height:165px;margin-bottom:32px}.empty-frame{width:150px;height:105px}.empty-frame:first-child{transform:translateX(-60px) rotate(-10deg)}.empty-frame:nth-child(2){transform:translateX(60px) rotate(10deg)}.empty-frame:last-child{width:180px;height:125px}.empty p{font-size:12px}.panel{padding:21px}.share-row{gap:11px;padding:14px 13px;flex-wrap:wrap}.share-row .details{flex-basis:calc(100% - 60px)}.share-row .btn{margin-left:auto}.public-shell{padding:23px 20px 40px}.public-header{margin-bottom:40px}.public-title h1{font-size:30px}.public-title{margin-bottom:25px}.mobile-only{display:block}.legal{line-height:1.8}.upload-banner{padding:12px}.toolbar{margin-bottom:22px}.tabs .count{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.breadcrumb>svg{width:14px;height:14px;flex-shrink:0}.breadcrumb{max-width:60%}.breadcrumb strong{min-width:0}

.inspector{max-width:100vw;position:fixed;inset:0 0 0 auto;margin:0;border-radius:0;border:0;border-left:1px solid var(--line);height:100dvh;max-height:100dvh;width:380px;padding:28px;overflow:auto}.inspector::backdrop{background:#17203325;backdrop-filter:none}.inspector-preview{display:block;width:100%;height:165px;object-fit:cover;border-radius:10px;margin-bottom:25px}.inspector-actions{display:flex;gap:9px;margin-top:25px}.inspector .dialog-actions{margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:740px){.photo-meta .card-actions{flex-direction:column;margin-right:-7px;margin-top:-7px}.photo-meta .icon-btn{width:44px;min-width:44px;height:44px}.photo-meta .icon-btn svg{width:18px;height:18px}.inspector{inset:auto 0 0;width:100%;max-height:90dvh;height:auto;border-radius:20px 20px 0 0;border:0;padding:25px 24px calc(25px + env(safe-area-inset-bottom))}.inspector-preview{height:135px}}

@media(max-width:740px){.btn{min-height:44px}.heading-actions .btn{min-width:44px;min-height:44px}.photo-meta .card-actions{flex-direction:row}}

.inspector form{min-height:calc(100dvh - 56px);display:flex;flex-direction:column}.inspector .dialog-actions{position:sticky;bottom:-28px;background:var(--surface);padding:18px 0 22px;margin-top:auto;z-index:1}.inspector .field{flex-shrink:0}
@media(max-width:740px){.inspector form{min-height:0}.inspector .dialog-actions{bottom:-25px;margin-top:24px;padding-bottom:20px}}

.inspector-preview{height:130px;margin-bottom:22px}.inspector .field{margin-bottom:16px}.inspector .detail-row{margin:12px 0}.inspector-actions{margin-top:15px}

@media(max-width:740px){.heading.has-album{flex-direction:column;align-items:stretch;gap:18px}.heading.has-album h1{line-height:1.15;overflow-wrap:anywhere}.heading.has-album .heading-actions{justify-content:flex-end}}
/* Compact page actions share one row; the menu retains secondary tasks. */
.heading .search{margin-left:auto}.heading-actions{flex-shrink:0}.actions-menu{position:relative}.actions-menu summary{list-style:none;cursor:pointer}.actions-menu summary::-webkit-details-marker{display:none}.actions-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:25;min-width:180px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);animation:appear var(--ease)}.actions-popover button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;text-align:left;border-radius:7px;font-size:13px}.actions-popover button:hover{background:var(--accent-soft)}.topbar:has(+.heading){min-height:0;margin-bottom:18px}.heading-actions .search{position:relative}.heading-actions .search:focus-within{z-index:26}.heading h1{font-size:28px;min-width:0;overflow-wrap:anywhere}
@media(max-width:740px){.main{padding:18px 18px 100px}.topbar{display:none}.heading{margin-bottom:22px;gap:10px}.heading h1{font-size:24px;letter-spacing:-.6px;line-height:1.2}.heading-actions{gap:4px}.heading-actions .btn.primary{padding:10px;min-width:42px}.heading-actions .btn.primary span{display:none}.heading-actions .search{width:40px;height:42px;padding:0;display:flex;align-items:center;justify-content:center}.heading-actions .search input{inset:0;width:40px;height:42px}.heading-actions .search:focus-within{position:absolute;left:18px;right:18px;top:18px;width:auto;justify-content:flex-start;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.heading-actions .search:focus-within input{position:static;width:100%;height:40px}.toolbar{margin-bottom:20px}.tab{padding-bottom:13px}.public-header{margin-bottom:22px}.public-title{margin-bottom:22px}.public-title h1{font-size:24px;line-height:1.2;letter-spacing:-.6px}.public-title p{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.actions-popover{animation:none}}