:root{font-family:'Segoe UI','Yu Gothic UI',Meiryo,sans-serif;color:#e7e9e1;background:#111411;--muted:#899286;--line:#2b312a;--accent:#d3e9b7;--card:245px;--gap:17px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#sidebar{position:fixed;inset:0 auto 0 0;width:222px;padding:32px 23px 24px;border-right:1px solid var(--line);background:#161a16;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:22px;letter-spacing:1px;font-weight:750;margin:0 0 49px 6px}.brand-symbol{color:var(--accent);font-size:39px;font-weight:400;line-height:1}.brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:4px;margin-top:3px;color:#a3b198}.nav-label{font-size:9px;color:#77806e;letter-spacing:2px;font-weight:650;margin:0 12px 13px}nav{display:flex;flex-direction:column;gap:5px}nav button{display:flex;align-items:center;gap:12px;border:0;border-radius:7px;background:transparent;color:#a6aea1;padding:12px;font-size:12px;text-align:left}nav button>span{font-size:17px;width:19px;text-align:center;color:#7d8b74}nav button>b{font-weight:500;flex:1}nav button>small{font-size:10px;color:#77876b}nav button:hover{background:#20271e}nav button.active{background:#2a3526;color:#e5f2d9}nav button.active>span{color:var(--accent)}.album-heading{margin-top:36px;display:flex;align-items:center;justify-content:space-between}.album-heading .nav-label{margin-bottom:0}.icon-button{border:0;background:transparent;color:inherit;padding:8px;font-size:20px;line-height:1;display:inline-grid;place-items:center;min-width:34px;min-height:34px;border-radius:6px}.icon-button:hover{background:#ffffff0a}.sidebar-bottom{margin-top:auto;padding-top:35px}.private{font-size:10px;color:#a4b798;display:flex;align-items:center;gap:8px;margin:0 8px 24px}.private i{height:5px;width:5px;border-radius:50%;background:#94b578}.storage{font-size:9px;color:#838e7a;padding:0 8px 20px;border-bottom:1px solid var(--line)}.meter{height:3px;background:#30392c;border-radius:5px;margin-top:10px;overflow:hidden}.meter i{display:block;background:#a4c38b;height:100%;width:0}.account{border:0;color:#c6cfbf;background:transparent;margin-top:16px;padding:8px;font-size:11px;text-align:left}.main-shell{margin-left:222px}header{height:83px;display:flex;gap:18px;align-items:center;padding:0 43px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:9px;letter-spacing:1.5px;color:#76836f;flex:1}.breadcrumb>span{letter-spacing:0;margin-left:12px;color:#a5b09d}#menu{display:none}.upload-button{border:0;border-radius:7px;background:var(--accent);color:#273321;padding:12px 17px;font-weight:650;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.upload-button:hover{background:#e2f2ca}.upload-button>span{font-size:17px;line-height:1}main{padding:34px 43px 26px;max-width:1920px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:0 0 31px}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#a3b695;margin:0 0 14px}h1{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0 0 10px;line-height:1.4}.heading-dot{color:#acc58e}.intro p:last-child{color:#7e8a76;font-size:11px;margin:0;line-height:1.8}.intro-count{text-align:right;padding-left:15px}.intro-count strong{font-weight:300;font-size:42px;font-variant-numeric:tabular-nums;display:block;line-height:1.1}.intro-count>span{font-size:7px;letter-spacing:1.3px;color:#69765f;display:block;margin-top:7px}.toolbar{display:flex;gap:18px;align-items:center;border-block:1px solid var(--line);padding:16px 0}.search-wrap{display:flex;align-items:center;gap:8px;min-width:140px;max-width:250px;flex:1}.search-wrap>span{font-size:23px;color:#85977a}.search-wrap>input{background:transparent;border:0;outline:none;color:#dce3d5;font-size:11px;width:100%;padding:7px 0}.search-wrap>input::placeholder{color:#6c7b62}.filters{display:flex;gap:6px}.filter{border:0;background:transparent;color:#7c8b72;font-size:10px;padding:7px 10px;border-radius:5px;white-space:nowrap}.filter.active{background:#2e3928;color:#d4e3c6}.display-tools{margin-left:auto;display:flex;gap:15px;align-items:center}.size-control{display:flex;align-items:center;gap:7px;font-size:9px;color:#6c7b62}.size-control input{width:75px;height:2px;accent-color:#b5d195;cursor:pointer}.view-buttons{display:flex;border:1px solid var(--line);padding:2px;border-radius:6px}.view-buttons>button{border:0;color:#718166;background:transparent;font-size:18px;padding:3px 7px;line-height:1}.view-buttons>button.active{background:#33402d;color:#d3e5bd;border-radius:3px}select{appearance:auto;background:transparent;border:0;color:#a9b59f;font-size:10px;max-width:90px}select option{background:#20271d;color:#e0e8d7}.gallery-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6d7c62;padding:18px 0 17px;min-height:51px}.text-button{background:transparent;color:#9ba98e;font-size:10px;border:0;padding:6px}.gallery{--item-height:230px;transition:gap .2s}.gallery.masonry{columns:var(--card);column-gap:var(--gap)}.gallery.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card),1fr));gap:var(--gap)}.gallery.grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--card),100%),1fr))}.gallery.rows{display:flex;flex-wrap:wrap;gap:var(--gap)}.card{position:relative;overflow:hidden;border-radius:10px;background:#252d22;break-inside:avoid;margin-bottom:var(--gap);cursor:zoom-in;isolation:isolate;transform:translateZ(0);animation:enter .5s both}.card img{display:block;width:100%;height:auto;min-height:110px;object-fit:cover;transition:transform .65s cubic-bezier(.2,.6,.2,1),filter .4s;background:#273024}.card:hover img{transform:scale(1.045);filter:brightness(.92)}.card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000b);opacity:0;transition:opacity .3s;z-index:1;pointer-events:none}.card:hover:after,.card:focus-within:after{opacity:1}.card-info{position:absolute;inset:auto 16px 14px;color:#f6f8ef;opacity:0;transform:translateY(5px);transition:.3s;z-index:2;pointer-events:none}.card-info b{font-size:12px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info small{font-size:9px;color:#e2e8d2b3;display:block;margin-top:5px}.card:hover .card-info,.card:focus-within .card-info{opacity:1;transform:translateY(0)}.card-buttons{position:absolute;right:9px;top:9px;display:flex;gap:5px;z-index:3;opacity:0;transition:opacity .2s}.card:hover .card-buttons,.card:focus-within .card-buttons{opacity:1}.card-buttons button{background:#172015b0;color:#eaf5df;border:1px solid #ffffff20;border-radius:50%;width:28px;height:28px;font-size:13px;backdrop-filter:blur(8px)}.card-buttons .is-favorite{color:#d4e9a3}.video-badge{position:absolute;left:12px;top:12px;z-index:2;border:1px solid #ffffff21;border-radius:5px;background:#152011a0;color:#e3eed8;backdrop-filter:blur(8px);padding:5px 7px;font-size:8px;letter-spacing:.7px}.video-placeholder{display:grid;place-items:center;min-height:200px;background:radial-gradient(ellipse at 25% 30%,#465d3e,#20281e 75%);color:#bfccae;font-size:45px}.card.processing{cursor:default}.processing .processing-label{position:absolute;inset:0;display:grid;place-items:center;color:#b7c3a8;font-size:11px;background:#17201477;z-index:3}.gallery.grid .card{aspect-ratio:1;margin:0}.gallery.grid .card img{height:100%;width:100%;object-fit:cover}.gallery.rows .card{flex-grow:1;flex-basis:calc(var(--ratio,1.5)*var(--card));height:var(--card);margin:0;max-width:100%}.gallery.rows .card img{width:100%;height:100%;object-fit:cover}.gallery.rows:after{content:"";flex-grow:999;flex-basis:200px}.endmark{display:flex;justify-content:space-between;gap:15px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px;color:#57694d;font-size:8px;letter-spacing:1.2px}.endmark>span:last-child{letter-spacing:0}.empty{padding:80px 10px;text-align:center;color:#829574;column-span:all}.empty h2{color:#c6d4ba;font-size:21px;font-weight:450}.empty p{font-size:12px;line-height:1.9}.empty button{margin-top:15px}#demo-banner{background:#263021;border:1px solid #3d4c32;border-radius:8px;padding:11px 15px;font-size:10px;color:#b6c7a6;line-height:1.8;margin-bottom:24px}#demo-tag{border:1px solid #43513a;border-radius:4px;padding:5px 8px;color:#9dae90;font-size:8px;white-space:nowrap}.secondary{background:#293324;border:1px solid #3b4832;color:#d4dfc7;border-radius:6px;padding:9px 14px;font-size:11px}.secondary:hover{background:#35412d}dialog{color:#e7eddf;background:#1b2219;border:1px solid #3b4932;border-radius:14px;padding:28px;max-width:calc(100vw - 30px)}dialog::backdrop{background:#030802e8;backdrop-filter:blur(12px)}#viewer{position:fixed;width:calc(100vw - 50px);height:calc(100dvh - 50px);max-width:1600px;max-height:calc(100dvh - 50px);padding:0;overflow:hidden;background:#0c110b}#viewer[open]{display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid #25301f;min-height:62px;gap:10px}.viewer-toolbar>div:last-child{display:flex;gap:8px;align-items:center}#viewer-title{font-size:12px;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-body{display:flex;flex:1;min-height:0;position:relative}#media-stage{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:18px}#media-stage img,#media-stage video{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:3px}#media-stage>p{font-size:12px;color:#9aa98a;line-height:1.8}.viewer-arrow{color:#b7c7a5;border:0;background:transparent;width:45px;flex-shrink:0;font-size:35px}.viewer-arrow:hover{background:#ffffff05}#viewer-info{padding:10px 22px 15px;color:#7a8e6a;font-size:10px;text-align:center;line-height:1.8}#editor{width:400px}#editor h2{font-size:19px;font-weight:500;margin:0 0 22px}#editor label{display:block;font-size:12px;color:#adbea0;margin-bottom:10px}#editor-value{width:100%;padding:11px;background:#131b10;border:1px solid #46573b;color:#e4eeda;border-radius:6px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;border:1px solid #5c704d;border-radius:9px;background:#2b3922;color:#e4f1d6;box-shadow:0 10px 30px #0005;z-index:100;font-size:12px;max-width:90%;line-height:1.6}#upload-progress{position:fixed;bottom:20px;right:25px;background:#273520;border:1px solid #526844;border-radius:9px;padding:18px 22px;box-shadow:0 10px 30px #0006;z-index:30;font-size:12px;max-width:330px;line-height:1.8}.login-screen{max-width:500px;margin:80px auto;text-align:center}.login-screen h1{font-size:40px;margin:20px 0}.login-screen p{color:#a0b291;line-height:1.9;font-size:13px}.login-screen button{margin:20px 0}.login-screen .brand-symbol{font-size:80px}[hidden]{display:none!important}.sidebar-shade{display:none}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1650px){:root{--card:280px}}@media(max-width:1150px){#sidebar{width:190px;padding-inline:16px}.main-shell{margin-left:190px}header{padding:0 28px}main{padding:28px}.toolbar{flex-wrap:wrap;gap:12px}.display-tools{flex:1;justify-content:flex-end}.search-wrap{max-width:unset}.size-control input{width:60px}}
@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:transform .2s;width:230px;box-shadow:20px 0 70px #0008}body.menu-open #sidebar{transform:translateX(0)}.main-shell{margin-left:0}header{height:70px;padding:0 18px;gap:10px}#menu{display:grid}.breadcrumb{font-size:8px;letter-spacing:.5px}.breadcrumb span{display:none}.upload-button{padding:10px 12px;font-size:10px;gap:6px}#demo-tag{display:none}main{padding:25px 18px}.intro{padding-bottom:24px;align-items:flex-end}h1{font-size:28px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro p:last-child{max-width:240px;font-size:10px}.intro-count strong{font-size:33px}.intro-count>span{font-size:6px;max-width:75px;line-height:1.6}.toolbar{gap:9px}.search-wrap{flex-basis:45%}.filters{margin-left:auto}.filter{padding-inline:9px}.display-tools{justify-content:space-between;flex-basis:100%;border-top:1px solid var(--line);padding-top:12px}.size-control{flex:1}.size-control input{width:95px}.gallery{--gap:11px}.gallery.masonry{columns:2}.gallery.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.rows .card{height:calc(var(--card)*.8);flex-basis:calc(var(--ratio,1.5)*var(--card)*.8)}.card{border-radius:7px}.card-buttons{opacity:1;right:6px;top:6px}.card-buttons button{width:25px;height:25px;font-size:12px}.card-info{inset:auto 10px 10px}.card:hover .card-info{opacity:1}.endmark{flex-direction:column;font-size:7px;gap:9px}#viewer{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-radius:0}.viewer-toolbar{padding:10px}.viewer-toolbar>div:last-child{gap:3px}.viewer-toolbar .secondary{padding:8px;font-size:10px}.viewer-arrow{width:28px;font-size:28px}#media-stage{padding:6px}#viewer-title{max-width:42%}#upload-progress{left:18px;right:18px;bottom:18px;max-width:none}.login-screen{margin:60px auto}.login-screen h1{font-size:32px}}

.album-empty{color:#718166;font-size:10px;padding:0 12px}