@font-face{font-family:Drive;src:local('Inter'),local('Helvetica Neue'),local('Arial')}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#151515;color:#ededed;font-family:Drive,Arial,sans-serif;line-height:1.45}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button{color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:disabled{opacity:.45;cursor:not-allowed}button:hover{color:#ffffff}input,select{color:inherit;background:#242424;border:1px solid #3d3d3d;border-radius:8px;padding:11px 12px;min-width:0}input:focus{outline:2px solid #c1c1c1}input[type=checkbox]{accent-color:#c1c1c1;width:17px;height:17px}label{font-size:14px;color:#cacaca}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #2b2b2b;background:#121212;padding:30px 20px;position:fixed;width:230px;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:5}.brand{font-size:26px;font-weight:850;letter-spacing:-1.6px;display:flex;align-items:center;gap:10px}.brand span{font-size:14px;font-weight:400;letter-spacing:0;color:#949494;border-left:1px solid #484848;padding-left:10px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #343434;border-radius:9px;padding:12px;margin:30px 0 26px;font-size:14px}.work-icon{background:#c1c1c1;color:#252525;border-radius:5px;display:grid;place-items:center;width:29px;height:29px;font-weight:700}.nav-label{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#6a6a6a;padding:0 12px;margin:22px 0 10px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:7px;font-size:14px;color:#9a9a9a;text-align:left;margin:4px 0}.nav-button.active{background:#282828;color:#eaeaea}.nav-button:hover{background:#232323}.nav-button.active svg{color:#c1c1c1}.nav-button .count{margin-left:auto;background:#363636;padding:0 6px;font-size:12px;border-radius:4px;color:#b9b9b9}.side-bottom{margin-top:auto}.storage-box{border:1px solid #2b2b2b;border-radius:9px;padding:14px;margin-bottom:16px}.storage-box .tiny{color:#939393;font-size:12px;line-height:1.6}.storage-box .bar{height:3px;background:#313131;margin:12px 0}.storage-box .bar i{display:block;width:100%;height:100%;background:#c1c1c1}.identity{display:flex;gap:10px;align-items:center;font-size:14px;border-top:1px solid #2e2e2e;padding:17px 6px 0}.avatar{width:34px;height:34px;border-radius:50%;background:#383838;display:grid;place-items:center;font-size:12px;font-weight:650}.identity small{display:block;font-size:12px;color:#848484}.main{grid-column:2;min-width:0}.topbar{height:83px;border-bottom:1px solid #2b2b2b;padding:0 40px;display:flex;align-items:center;gap:22px}.breadcrumb{color:#9a9a9a;font-size:14px;display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.breadcrumb b{font-weight:500;color:#e9e9e9}.search{background:#222222;border:1px solid #313131;width:310px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:9px 12px;color:#898989}.search input{border:0;background:none;padding:0;width:100%;font-size:14px;outline:0;color:#eeeeee}.search kbd{font:12px Arial;border:1px solid #484848;border-radius:4px;padding:0 5px}.icon-btn{width:35px;height:35px;display:inline-grid;place-items:center;border-radius:7px;color:#9e9e9e}.icon-btn:hover{background:#323232;color:#e7e7e7}.icon-btn.active{background:#3d3d3d;color:#e8e8e8}.content{padding:32px 40px 46px;max-width:1760px;margin:auto}.demo-note{display:flex;align-items:center;gap:10px;font-size:12px;color:#b3b3b3;margin-bottom:25px;background:#242424;border:1px solid #3d3d3d;border-radius:6px;padding:9px 13px}.demo-note .link{margin-left:auto;text-decoration:underline;white-space:nowrap}.heading-row{display:flex;align-items:center;gap:20px;margin-bottom:24px}.heading-row h1{font-size:30px;line-height:1.2;font-weight:550;letter-spacing:-.8px;margin:0 0 6px}.heading-row p{color:#8e8e8e;font-size:14px;margin:0}.heading-row .actions{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #454545;background:#272727;border-radius:7px;font-size:14px;padding:10px 15px;white-space:nowrap}.btn:hover{background:#363636}.btn.primary{background:#c1c1c1;color:#252525;border-color:#c1c1c1;font-weight:550}.btn.primary:hover{background:#d9d9d9}.btn.subtle{background:none;border-color:#3c3c3c}.section-label{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px;color:#d1d1d1;font-size:14px;font-weight:500}.section-label small{font-size:12px;color:#848484;font-weight:400}.folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}.folder-card{position:relative;border:1px solid #383838;background:#222222;border-radius:9px;padding:18px;display:flex;align-items:center;gap:14px;text-align:left;transition:border-color .15s}.folder-card:hover{border-color:#7b7b7b;background:#292929}.folder-card>svg{color:#c1c1c1;width:31px;height:31px;stroke-width:1.3}.folder-name{font-size:14px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.folder-meta{font-size:12px;color:#878787;margin-top:3px}.folder-card>div{min-width:0}.folder-card .folder-menu{margin-left:auto;color:#757575}.toolbar{display:flex;align-items:center;gap:10px;border-top:1px solid #333333;padding-top:22px;margin-bottom:20px;flex-wrap:wrap}.tabs{display:flex;gap:5px}.tab{font-size:14px;color:#8c8c8c;padding:8px 12px;border-radius:6px}.tab.active{color:#e8e8e8;background:#323232}.toolbar-right{margin-left:auto;display:flex;gap:12px;align-items:center}.sort{font-size:12px;padding:7px 9px;background:none;border-color:transparent;color:#a0a0a0;max-width:190px}.view-switch{display:flex;background:#252525;padding:3px;border:1px solid #383838;border-radius:7px}.view-switch .icon-btn{width:29px;height:28px}.file-count{font-size:12px;color:#797979;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.card{border-radius:8px;border:1px solid #343434;overflow:hidden;background:#1e1e1e;position:relative;cursor:pointer;transition:border-color .15s,transform .15s}.card:hover{border-color:#6c6c6c;transform:translateY(-2px)}.card.selected{border-color:#c1c1c1;box-shadow:0 0 0 1px #c1c1c1}.thumb{aspect-ratio:1.6;background:#282828;position:relative;overflow:hidden;display:grid;place-items:center}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block;position:absolute}.thumb img{transition:transform .3s}.card:hover .thumb img{transform:scale(1.025)}.thumb>svg{width:48px;height:48px;color:#707070;stroke-width:1}.thumb .video-tag{position:absolute;bottom:11px;left:12px;color:white;font-size:12px;display:flex;gap:5px;align-items:center;background:#141414b0;padding:4px 7px;border-radius:4px}.video-tag svg{width:14px;height:14px;fill:white;stroke-width:0}.card .check{position:absolute;top:10px;left:10px;width:24px;height:24px;border-radius:5px;background:#171717cc;border:1px solid #91919177;opacity:0;z-index:2;display:grid;place-items:center}.card:hover .check,.card.selected .check{opacity:1}.card.selected .check{background:#c1c1c1;color:#252525;border-color:#c1c1c1}.card .favorite{position:absolute;top:9px;right:10px;opacity:0;background:#171717b0;z-index:2}.card:hover .favorite,.card .favorite.marked{opacity:1}.favorite.marked{color:#c1c1c1}.favorite.marked svg{fill:#c1c1c1}.file-info{padding:13px 14px 14px}.file-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.file-title svg{width:15px;height:15px;color:#969696}.file-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{display:flex;align-items:center;justify-content:space-between;color:#878787;font-size:12px;margin-top:7px}.file-meta .format{font-size:11px;letter-spacing:.4px;color:#a8a8a8}.grid.list{display:flex;flex-direction:column;gap:7px}.list .card{display:flex;align-items:center}.list .thumb{width:100px;height:65px;aspect-ratio:auto;flex-shrink:0}.list .file-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:15px}.list .file-meta{margin:0;gap:25px}.list .check{left:6px;top:7px}.list .favorite{top:14px;right:8px}.list .file-meta{margin-right:34px}.empty{padding:65px 20px;text-align:center;border:1px dashed #434343;border-radius:10px;color:#adadad}.empty svg{width:38px;height:38px;margin-bottom:12px}.empty h3{font-size:18px;color:#e3e3e3;font-weight:500}.empty p{font-size:14px}.selection-bar{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);border:1px solid #555555;background:#2d2d2d;box-shadow:0 10px 40px #00000077;display:flex;align-items:center;gap:18px;padding:12px 18px;border-radius:10px;z-index:12;font-size:14px}.selection-bar .btn{padding:7px 12px}.share-item{display:flex;align-items:center;gap:15px;padding:20px;background:#232323;border:1px solid #3b3b3b;border-radius:9px;margin-bottom:12px}.share-item>svg{color:#c1c1c1}.share-item h3{margin:0 0 5px;font-size:16px;font-weight:500}.share-item p{font-size:12px;color:#989898;margin:0}.share-item .share-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.settings-panel{background:#232323;border:1px solid #3a3a3a;padding:26px;border-radius:9px;max-width:760px;margin:20px 0}.settings-panel h2{font-size:20px;font-weight:500;margin:0 0 14px}.settings-panel p,.settings-panel li{font-size:14px;color:#adadad;line-height:1.75}.settings-panel code{background:#171717;padding:3px 6px;border-radius:4px;font-size:13px;color:#c1c1c1;word-break:break-all}.settings-panel ol{padding-left:22px}.settings-panel li{margin:12px 0}.settings-panel a{text-decoration:underline}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 5%,#2d2d2d,#151515 60%)}.login-box{width:min(440px,100%);background:#202020;border:1px solid #444444;border-radius:14px;padding:35px}.login-box .brand{margin-bottom:35px}.login-box h1{font-size:26px;font-weight:500}.login-box p{color:#a7a7a7;font-size:14px}.login-box input{width:100%;margin:10px 0 18px}.login-box .btn{width:100%}dialog{color:#f1f1f1;background:#222222;border:1px solid #484848;border-radius:13px;max-width:min(560px,calc(100vw - 30px));padding:0;width:560px;box-shadow:0 30px 100px #00000088}dialog::backdrop{background:#0a0a0ad9;backdrop-filter:blur(7px)}.modal-head{padding:22px 25px;border-bottom:1px solid #3c3c3c;display:flex;align-items:center;gap:15px}.modal-head h2{font-size:21px;font-weight:500;margin:0;flex:1}.modal-body{padding:24px 25px}.modal-body p{font-size:14px;color:#a7a7a7;margin-top:0;line-height:1.65}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field-row{display:flex;gap:15px}.field-row .field{flex:1}.check-label{display:flex;align-items:center;gap:10px;margin:13px 0}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid #3c3c3c}.error{color:#b8b8b8;font-size:14px;margin:12px 0}.notice{padding:12px;background:#303030;border:1px solid #4f4f4f;border-radius:7px;color:#c2c2c2!important;font-size:13px!important}.result-link{display:flex;gap:8px}.result-link input{flex:1;width:100%;font-size:13px}.viewer{position:fixed;inset:0;background:#131313;z-index:30;display:flex;flex-direction:column}.viewer-top{height:76px;border-bottom:1px solid #363636;display:flex;align-items:center;padding:18px 25px;gap:15px}.viewer-top .title{flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-main{display:flex;flex:1;min-height:0}.viewer-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 64px;min-width:0;background:radial-gradient(ellipse,#262626,#121212)}.viewer-stage img,.viewer-stage video{max-width:100%;max-height:calc(100dvh - 180px);object-fit:contain;box-shadow:0 12px 50px #00000044}.viewer-stage .prev,.viewer-stage .next{position:absolute;top:50%;z-index:2;background:#2b2b2bcc;color:#dcdcdc;border-radius:50%;width:36px;height:36px}.prev{left:15px}.next{right:15px}.viewer-details{width:290px;flex-shrink:0;padding:30px 22px;border-left:1px solid #363636;background:#1a1a1a;overflow:auto}.viewer-details h3{font-size:14px;font-weight:500;margin:0 0 24px}.viewer-details label{display:block;font-size:12px;color:#7e7e7e;margin-top:22px}.viewer-details p{font-size:14px;word-break:break-word;margin:7px 0}.viewer-details .btn{margin-top:28px;width:100%}.viewer-bottom{height:52px;border-top:1px solid #363636;display:flex;align-items:center;justify-content:center;gap:15px;color:#909090;font-size:12px}.viewer-bottom button{font-size:12px}.viewer-placeholder{text-align:center;max-width:420px;color:#ababab}.viewer-placeholder svg{width:52px;height:52px}.viewer-placeholder h2{font-size:21px;word-break:break-word}.viewer-placeholder p{font-size:14px}.viewer-status{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:13px;color:#b6b6b6}.customer .layout{grid-template-columns:1fr}.customer .main{grid-column:1}.customer .topbar{height:83px}.customer .content{max-width:1420px}.customer-header{display:flex;align-items:center;gap:15px;flex:1}.customer-header .brand{font-size:23px}.customer-header small{font-size:12px;color:#969696;border-left:1px solid #484848;padding-left:15px}.customer .selection-bar{left:50%}.customer-badge{font-size:12px;color:#b8b8b8;border:1px solid #494949;background:#2b2b2b;border-radius:5px;padding:4px 8px}.mobile-brand{display:none}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#e6e6e6;color:#2d2d2d;border-radius:8px;font-size:14px;max-width:90%;box-shadow:0 10px 40px #00000066;z-index:99;display:none}body.light{background:#f5f5f5;color:#1f1f1f}body.light .sidebar{background:#ededed}body.light .topbar{background:#f5f5f5}body.light .card,body.light .folder-card,body.light .settings-panel,body.light .share-item{background:#ffffff;color:#232323;border-color:#d3d3d3}body.light .file-title,body.light h1{color:#242424}body.light .btn:not(.primary),body.light input,body.light select{background:#ebebeb;color:#2f2f2f;border-color:#c6c6c6}body.light .nav-button.active,body.light .tab.active{background:#d6d6d6;color:#222222}body.light .heading-row p,body.light .file-meta,body.light .settings-panel p,body.light .folder-meta{color:#606060}body.light .demo-note{background:#ececec;color:#565656}body.light .nav-button:hover{color:#292929;background:#dfdfdf}body.light .breadcrumb b{color:#242424}body.light .section-label{color:#393939}body.light .search{background:#e9e9e9}body.light .search input{background:none;border:0}body.light .toolbar,body.light .sidebar,body.light .topbar{border-color:#d0d0d0}body.light .nav-button{color:#616161}body.light .brand span{color:#616161}body.light .storage-box .tiny{color:#616161}body.light .settings-panel code{background:#e3e3e3;color:#393939}body.light .breadcrumb{color:#616161}body.light .icon-btn{color:#5d5d5d}body.light button:hover{color:#3d3d3d}body.light .btn.primary:hover{color:#313131}
@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.sidebar{width:200px;padding:26px 14px}.layout{grid-template-columns:200px minmax(0,1fr)}.topbar{padding:0 25px}.content{padding:28px 25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{width:250px}.folders{gap:10px}.folder-card{padding:13px;gap:9px}.folder-card>svg{width:24px}.folder-name{max-width:150px}.selection-bar{left:calc(50% + 90px)}.viewer-details{width:245px}.heading-row .actions{gap:7px}}@media(max-width:760px){.layout{display:block}.sidebar{position:sticky;top:0;width:100%;height:64px;inset:auto;padding:12px 17px;border-right:0;border-bottom:1px solid #363636;flex-direction:row;align-items:center;gap:12px}.sidebar .brand{font-size:22px}.sidebar .brand span{font-size:12px}.sidebar .workspace,.nav-label,.side-bottom,.identity{display:none}.sidebar nav{margin-left:auto;display:flex;gap:2px}.nav-button{width:auto;padding:8px;margin:0}.nav-button span{display:none}.nav-button svg{width:19px}.topbar{height:auto;min-height:64px;padding:15px 18px;gap:12px;flex-wrap:wrap}.breadcrumb{font-size:12px}.search{width:100%;order:3}.search kbd{display:none}.content{padding:23px 18px 90px}.demo-note{font-size:12px;line-height:1.5;align-items:flex-start}.demo-note .link{white-space:normal;min-width:58px}.heading-row{align-items:flex-start;gap:10px}.heading-row h1{font-size:25px}.heading-row p{font-size:12px}.heading-row .actions .btn{font-size:12px;padding:8px 10px}.heading-row .actions .btn span{display:none}.folders{grid-template-columns:1fr;margin-bottom:23px;gap:8px}.folder-card{padding:13px 15px}.folder-name{max-width:none}.folder-card .folder-menu{display:none}.grid{gap:13px 11px}.thumb{aspect-ratio:1.3}.file-info{padding:10px}.file-title{font-size:12px}.file-title svg{display:none}.file-meta{font-size:11px;gap:5px}.file-meta .format{font-size:10px}.file-meta .date{display:none}.toolbar{padding-top:15px;margin-bottom:14px;gap:8px}.tab{font-size:12px;padding:7px 10px}.toolbar-right{gap:5px}.sort{font-size:12px;max-width:115px}.view-switch{display:none}.card .check{opacity:1;width:21px;height:21px;top:7px;left:7px}.card .favorite{opacity:1;top:3px;right:3px;width:28px;height:28px}.card .favorite svg{width:16px;height:16px}.selection-bar{left:50%;width:calc(100% - 28px);bottom:14px;gap:10px;padding:10px;font-size:12px;justify-content:space-between}.selection-bar .btn{font-size:12px;padding:7px}.viewer-details{display:none}.viewer-stage{padding:18px 42px}.viewer-top{padding:12px 14px;gap:8px;height:65px}.viewer-top .btn{padding:8px}.viewer-top .btn span{display:none}.viewer-stage img,.viewer-stage video{max-height:calc(100dvh - 160px)}.viewer-stage .prev,.viewer-stage .next{width:29px;height:29px}.prev{left:6px}.next{right:6px}.share-item{align-items:flex-start;flex-wrap:wrap;padding:17px}.share-item .share-actions{width:100%;margin-left:35px}.share-item .share-actions .btn{font-size:12px}.customer .topbar{height:auto;padding:20px 18px}.customer-header small{display:none}.customer .heading-row .actions{flex-direction:column}.modal-body{padding:20px}.modal-head{padding:18px 20px}.modal-foot{padding:15px 20px}.field-row{flex-direction:column;gap:0}.settings-panel{padding:20px}.grid.list .file-info{display:block}.grid.list .file-meta{margin-top:4px}.list .thumb{width:75px;height:65px}.customer-badge{font-size:11px}.empty{padding:40px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Image-led boards, with the quiet navigation of a creative workspace. */
.card{background:transparent;border-color:transparent;border-radius:7px}.card:hover{border-color:transparent;transform:none}.card.selected{border-color:#c1c1c1}.thumb{border-radius:7px;aspect-ratio:1.55}.file-info{padding:10px 2px 8px}.file-title{font-weight:400}.file-title svg{display:none}.grid{gap:19px 15px}.file-meta{margin-top:4px}.folder-cover{width:65px;height:47px;border-radius:5px;overflow:hidden;flex-shrink:0;background:#333333}.folder-cover img{width:100%;height:100%;object-fit:cover}.folder-card{padding:13px 15px;border-radius:7px;background:#1e1e1e}.content{padding-top:26px}.demo-note{margin-bottom:20px;background:#222222;border-color:#393939;color:#b6b6b6}.heading-row{margin-bottom:20px}.toolbar{padding-top:18px}.nav-button.active svg{color:#c1c1c1}.grid.list .file-info{padding:12px 15px}.grid.list .card{background:#232323;border:1px solid #393939}.light .sidebar{background:#f6f6f6}.light .topbar,.light{background:#ffffff!important}.light .search{background:#f7f7f7;border-color:#ededed}.light .card{border-color:transparent;background:none}.light .card.selected{border-color:#909090}.light .folder-card{background:#fafafa;border-color:#e1e1e1}.light .nav-button.active{background:#e9e9e9;color:#3f3f3f}.light .nav-button.active svg{color:#646464}.light .btn.primary{background:#6f6f6f;color:#ffffff;border-color:#6f6f6f}.light .btn.primary:hover{background:#606060;color:#ffffff}.light .demo-note{background:#f1f1f1;border-color:#e0e0e0;color:#5e5e5e}.light .storage-box{background:#ffffff;border-color:#e2e2e2}.light .storage-box .bar i{background:#9b9b9b}.light .avatar{background:#e1e1e1;color:#595959}.light .work-icon{background:#e4e4e4;color:#686868}.light .view-switch{background:#f3f3f3;border-color:#e2e2e2}.light .icon-btn.active{background:#dfdfdf;color:#545454}.light .grid.list .card{background:#fafafa;border-color:#e6e6e6}.customer .content{padding-top:35px}.customer .grid{gap:24px 18px}.customer .thumb{aspect-ratio:1.5}.customer .file-info{padding-top:12px}.customer .heading-row{margin-bottom:32px}.customer .toolbar{margin-top:30px}
@media(max-width:760px){.grid{gap:14px 10px}.file-info{padding:9px 2px}.folder-cover{width:54px;height:38px}.folder-card{padding:11px 13px}.content{padding-top:22px}.thumb{aspect-ratio:1.25}.customer .content{padding-top:24px}.customer .grid{gap:17px 11px}.customer .thumb{aspect-ratio:1.2}}

/* LOGRO: monochrome editorial surfaces; colour belongs to the photography. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-optical-sizing:auto;color-scheme:dark;--focus:#f5f5f5}
body{font-family:inherit;background:#101010;color:#f0f0f0;font-optical-sizing:auto;letter-spacing:0}
button,input,select{font-family:inherit}
.sidebar{background:#0b0b0b;border-right-color:#242424;padding:2rem 1.4rem}
.brand{font-size:1.65rem;font-weight:650;letter-spacing:-.055em}
.brand span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#777}
.workspace{background:none;border-color:#2a2a2a;border-radius:4px;padding:.8rem;margin-top:2rem}
.work-icon{background:#eeeeee;color:#161616;border-radius:3px}
.nav-button{border-radius:4px;padding:.8rem .7rem;color:#999;min-height:44px;font-size:.875rem}
.nav-button.active{background:#1e1e1e;color:#f5f5f5}.nav-button.active svg{color:#f5f5f5}.nav-button:hover{background:#1a1a1a}
.nav-label{letter-spacing:.12em;font-size:.75rem;color:#666}
.storage-box{border:none;border-top:1px solid #292929;border-radius:0;padding:1.2rem 0}.storage-box .bar{height:1px;background:#353535}.storage-box .bar i{background:#353535}
.identity{border-top-color:#292929}.avatar{background:#252525;color:#dedede}
.topbar{height:5.2rem;padding:0 3rem;border-bottom-color:#262626;background:#101010}
.search{background:#171717;border-color:#292929;border-radius:5px}.search input{font-size:.875rem}
.content{padding:2.5rem 3rem 4rem;max-width:1760px}
.demo-note{background:none;border:0;border-left:1px solid #555;border-radius:0;padding:.4rem .9rem;color:#999;margin-bottom:2rem;gap:.6rem}
.demo-note svg{width:16px;height:16px}.demo-note .link{color:#ddd;font-size:.75rem;text-underline-offset:4px}
.heading-row{margin-bottom:2rem;align-items:center}.heading-row h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,3.5vw,3.25rem);font-weight:400;letter-spacing:-.025em;line-height:1.08;margin-bottom:.7rem}.heading-row p{font-size:.875rem;color:#929292;line-height:1.65;letter-spacing:.005em}
.btn{border-radius:4px;padding:.65rem 1rem;background:#202020;border-color:#3b3b3b;color:#ececec;min-height:42px;font-size:.875rem;font-weight:450;transition:background-color .15s,color .15s,border-color .15s}.btn:hover{background:#303030;border-color:#666}
.btn.primary{background:#f2f2f2;color:#171717;border-color:#f2f2f2;font-weight:550}.btn.primary:hover{background:#fff;color:#111;border-color:#fff}
.btn.subtle{background:none;border-color:#3b3b3b}.btn:active:not(:disabled){background:#dedede;color:#111;transition:none}
.icon-btn{border-radius:4px;min-width:36px;min-height:36px}.icon-btn:active{background:#454545;transition:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.card:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:450;color:#b0b0b0;margin:1.6rem 0 1rem}.section-label small{font-size:.75rem;text-transform:none;letter-spacing:0;color:#777}
.folders{gap:1rem;margin-bottom:2.2rem}.folder-card{background:#151515;border-color:#2c2c2c;border-radius:4px;padding:1rem;gap:.9rem}.folder-card:hover{background:#1b1b1b;border-color:#666}.folder-cover{border-radius:2px;width:68px;height:48px}.folder-card>svg{color:#bdbdbd}.folder-name{font-size:.875rem;font-weight:450}.folder-meta{font-size:.75rem;color:#808080;letter-spacing:.01em;margin-top:.3rem}
.toolbar{padding-top:1.2rem;border-top-color:#303030;margin-bottom:1.1rem}.tab{border-radius:3px;font-size:.875rem;padding:.5rem .75rem;min-height:40px;color:#909090}.tab.active{background:#242424;color:#fff}.tab:active{background:#333;transition:none}.sort{font-size:.8rem;color:#999}.view-switch{border-color:#333;background:#161616;border-radius:4px}.icon-btn.active{background:#303030;color:#fff}
.file-count{font-size:.75rem;color:#808080;letter-spacing:.02em;margin-bottom:1.2rem}
.grid{gap:2rem 1.1rem}.card{border:1px solid transparent;border-radius:3px;background:none}.card:hover{border-color:transparent;transform:none}.card.selected{border-color:#eee;box-shadow:0 0 0 1px #eee}.thumb{aspect-ratio:1.52;border-radius:2px;background:#1e1e1e}.thumb img{transition:none}.card:hover .thumb img{transform:none}.card .check{border-radius:3px;background:#111b;border-color:#aaa7}.card.selected .check{background:#fff;color:#111;border-color:#fff}.favorite.marked{color:#fff}.favorite.marked svg{fill:#fff}.file-title{font-size:.875rem;font-weight:450;letter-spacing:0}.file-meta{font-size:.75rem;color:#858585;margin-top:.3rem}.file-meta .format{font-size:.75rem;color:#9a9a9a;letter-spacing:.03em}.file-info{padding:.75rem .1rem .3rem}
.selection-bar{background:#222d;border-color:#5f5f5f;border-radius:6px;backdrop-filter:blur(20px);box-shadow:0 8px 35px #0006}.selection-bar .btn.primary{background:#fff;color:#111}
.share-item,.settings-panel{background:#171717;border-color:#303030;border-radius:5px}.share-item>svg{color:#d4d4d4}.settings-panel code{background:#252525;color:#e4e4e4}.settings-panel p,.settings-panel li{color:#a0a0a0;line-height:1.75}.settings-panel h2{font-size:1.25rem;letter-spacing:-.02em;font-weight:500}
.customer-badge{color:#d4d4d4;background:#1e1e1e;border-color:#444;border-radius:3px}.customer .heading-row{margin-bottom:2.6rem}.customer .heading-row h1{font-size:clamp(2.4rem,4vw,3.8rem)}.customer .toolbar{margin-top:2.4rem}.customer .content{padding-top:2.5rem}.customer .grid{gap:2rem 1.2rem}
.viewer{background:#0b0b0b}.viewer-top{background:#101010;border-color:#292929}.viewer-stage{background:#0b0b0b}.viewer-stage img,.viewer-stage video{box-shadow:none}.viewer-details{background:#111;border-color:#2c2c2c}.viewer-details h3{font-weight:500;letter-spacing:0}.viewer-details label{color:#777;letter-spacing:.025em}.viewer-details p{color:#ddd}.viewer-bottom{border-color:#2c2c2c;color:#999}
.login-screen{background:#111}.login-box{border-color:#3d3d3d;background:#191919;border-radius:7px;padding:2.5rem}.login-box h1{font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;line-height:1.1;letter-spacing:-.025em;font-weight:400}
dialog{background:#1b1b1b;border-color:#4a4a4a;border-radius:7px}dialog::backdrop{background:#080808d9;backdrop-filter:blur(12px)}.modal-head,.modal-foot{border-color:#383838}.modal-head h2{font-weight:500;letter-spacing:-.02em}.modal-body p{color:#a5a5a5}.notice{background:#242424;border-color:#444;color:#bbb!important}.error{color:#fff;border-left:2px solid #aaa;padding-left:.6rem}.error:empty{border:0;padding:0;margin:0}.field input,.field select,.login-box input{border-radius:4px;background:#232323;border-color:#414141}input[type=checkbox]{accent-color:#f2f2f2}.check-label{color:#ccc}
#toast{background:#f2f2f2;color:#111;border-radius:5px;font-size:.875rem}
body.light{--focus:#161616;background:#fff!important;color:#161616;color-scheme:light}.light .sidebar{background:#f8f8f8;border-color:#e3e3e3}.light .topbar{background:#fff;border-color:#e5e5e5}.light .search{background:#fafafa;border-color:#e2e2e2}.light .brand span{color:#777}.light .work-icon{background:#222;color:#fff}.light .nav-button{color:#686868}.light .nav-button.active{background:#e9e9e9;color:#111}.light .nav-button.active svg{color:#111}.light .nav-button:hover{background:#efefef;color:#111}.light .demo-note{background:none;border-color:#aaa;color:#777}.light .demo-note .link{color:#111}.light .heading-row h1{color:#161616}.light .heading-row p{color:#666}.light .folder-card{background:#fafafa;border-color:#e3e3e3}.light .folder-card:hover{background:#f4f4f4;border-color:#b9b9b9}.light .folder-card>svg{color:#555}.light .folder-name{color:#222}.light .folder-meta{color:#777}.light .section-label{color:#555}.light .toolbar{border-color:#ddd}.light .tab.active{background:#efefef;color:#111}.light .btn:not(.primary){background:#fff;border-color:#c9c9c9;color:#292929}.light .btn:not(.primary):hover{background:#f1f1f1;color:#111}.light .btn.primary{background:#171717;border-color:#171717;color:#fff}.light .btn.primary:hover{background:#303030;color:#fff}.light .btn:active:not(:disabled){background:#ddd;color:#111}.light .card{background:none;border-color:transparent}.light .card.selected{border-color:#151515;box-shadow:0 0 0 1px #151515}.light .card.selected .check{background:#161616;border-color:#161616;color:#fff}.light .file-title{color:#222}.light .file-meta{color:#777}.light .storage-box{background:none;border-color:#ddd}.light .storage-box .bar i{background:#ddd}.light .avatar{background:#ddd;color:#333}.light .view-switch{background:#f8f8f8;border-color:#ddd}.light .icon-btn.active{background:#e5e5e5;color:#111}.light .share-item,.light .settings-panel{background:#fafafa;border-color:#ddd}.light .settings-panel code{background:#eee;color:#333}.light .settings-panel p,.light .settings-panel li{color:#666}.light .customer-badge{color:#555;background:#f7f7f7;border-color:#ddd}.light .selection-bar{background:#eeeE;color:#222;border-color:#aaa}.light .selection-bar .btn.primary{background:#171717;color:#fff}.light .grid.list .card{background:#fafafa;border-color:#ddd}
@media(max-width:1100px){.content{padding:2rem 1.6rem 3rem}.topbar{padding:0 1.6rem}.sidebar{padding:1.5rem 1rem}.folder-cover{width:52px;height:40px}.heading-row h1{font-size:2.45rem}.folder-card{padding:.85rem;gap:.7rem}.grid{gap:1.5rem 1rem}}
@media(max-width:760px){.sidebar{height:64px;padding:.75rem 1rem}.sidebar .brand{font-size:1.4rem}.sidebar .brand span{font-size:.7rem}.sidebar .nav-button{padding:.5rem;min-height:36px}.topbar{height:auto;padding:1rem 1.1rem;min-height:64px}.content{padding:1.7rem 1.1rem 6rem}.heading-row{align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.heading-row h1{font-size:2rem;max-width:100%;overflow-wrap:anywhere}.heading-row p{font-size:.875rem;line-height:1.5}.heading-row .actions .btn{font-size:.875rem;min-width:40px;min-height:40px;padding:.6rem}.folders{gap:.55rem;margin-bottom:1.7rem}.folder-card{padding:.8rem;gap:.85rem}.folder-cover{width:58px;height:40px}.demo-note{margin-bottom:1.6rem;line-height:1.6}.toolbar{gap:.65rem}.tabs{flex-wrap:wrap;gap:.2rem}.tab{font-size:.875rem;padding:.4rem .65rem;min-height:38px}.toolbar-right{margin-left:auto}.grid{gap:1.35rem .7rem}.thumb{aspect-ratio:1.2}.file-title{font-size:.875rem}.file-meta{font-size:.75rem}.file-meta .format{font-size:.75rem}.file-info{padding:.6rem .1rem .2rem}.customer .content{padding-top:1.8rem}.customer .heading-row h1{font-size:2.3rem}.customer .heading-row{margin-bottom:1.8rem}.customer .toolbar{margin-top:1.6rem}.customer .grid{gap:1.4rem .75rem}.customer .topbar{padding:1.25rem 1.1rem}.selection-bar{font-size:.875rem;gap:.5rem}.selection-bar .btn{font-size:.875rem;padding:.5rem .65rem}.selection-bar .btn span{display:none}.viewer-top .btn{min-height:38px}.viewer-stage{padding:1rem 2.5rem}.login-box{padding:2rem 1.5rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{backdrop-filter:none;background:#111e}.selection-bar{backdrop-filter:none;background:#222}.light .selection-bar{background:#eee}}
@media(prefers-contrast:more){.card,.folder-card,.search,.btn,.settings-panel,.share-item{border-color:#8b8b8b}.file-meta,.heading-row p,.folder-meta{color:#ccc}.light .file-meta,.light .heading-row p,.light .folder-meta{color:#444}}
.viewer{color:#f3f3f3;color-scheme:dark}.light .viewer .btn.primary{background:#f2f2f2;color:#171717;border-color:#f2f2f2}.light .viewer .btn.primary:hover{background:#fff;color:#111}.light .viewer .btn:not(.primary){background:#202020;color:#e6e6e6;border-color:#444}.light .viewer .icon-btn{color:#aaa}.light .viewer button:hover{color:#fff}.light .viewer .btn.primary:hover{color:#111}
.light dialog{background:#fff;border-color:#c4c4c4;color:#161616}.light .modal-head,.light .modal-foot{border-color:#dedede}.light .modal-body p{color:#666}.light dialog label{color:#555}.light .field input,.light .field select{background:#fafafa;color:#222;border-color:#c9c9c9}.light .notice{background:#f3f3f3;color:#555!important;border-color:#d6d6d6}.light .error{color:#222;border-color:#555}.light .check-label{color:#333}.light input[type=checkbox]{accent-color:#161616}
/* Apple-design rules: size-specific system typography, immediate feedback,
   layered chrome, live spring motion and optional reduced sensory effects. */
.heading-row h1,.login-box h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:500;letter-spacing:-.04em;line-height:1.05}.customer .heading-row h1{font-weight:400;letter-spacing:-.035em}.heading-row p{letter-spacing:0;line-height:1.65}.nav-label,.section-label{letter-spacing:.075em}.file-meta{letter-spacing:.015em}
.topbar{position:sticky;top:0;z-index:8;background:#101010e6;backdrop-filter:blur(20px);border-bottom-color:#ffffff0e}.light .topbar{background:#ffffffe6;backdrop-filter:blur(20px);border-bottom-color:#0000000e}.viewer-top{background:#111111e8;backdrop-filter:blur(20px)}.viewer-main{transform-origin:50% 45%}.viewer.closing{pointer-events:none}.viewer-stage img{touch-action:pan-y;user-select:none;-webkit-user-drag:none}.viewer-stage{overflow:hidden}.viewer-top .title{font-size:.875rem;letter-spacing:0}
.btn:active:not(:disabled),.folder-card:active,.nav-button:active,.tab:active,.card:active{filter:brightness(.91);transition:none!important}.card:focus-within .check,.card:focus-within .favorite{opacity:1}.card .check{min-width:28px;min-height:28px}.card .check:before,.card .favorite:before{content:"";position:absolute;inset:-6px}.icon-btn{min-height:40px;min-width:40px}.btn{min-height:44px}.nav-button{min-height:44px}.view-switch .icon-btn{min-height:32px;min-width:32px}
dialog{will-change:transform,opacity}dialog::backdrop{background:rgb(5 5 5 / calc(var(--progress,1)*.8));backdrop-filter:blur(calc(var(--progress,1)*12px))}dialog.closing{pointer-events:none}.viewer-main{will-change:transform}.viewer{will-change:opacity}
@media(max-width:760px){.topbar{top:64px}.customer .topbar{top:0}.nav-button{min-height:40px}.heading-row h1{font-size:2.05rem}.sidebar{z-index:10}.viewer-bottom span:last-of-type{display:none}.viewer-bottom:after{content:"Wischen zum Blättern";font-size:.75rem}.card .check{min-width:25px;min-height:25px}}
@media(prefers-reduced-transparency:reduce){.topbar,.viewer-top{background:#101010;backdrop-filter:none}.light .topbar{background:#fff;backdrop-filter:none}dialog::backdrop{background:#111e;backdrop-filter:none}}
@media(prefers-contrast:more){.topbar{background:#101010;border-bottom-color:#777}.light .topbar{background:#fff;border-bottom-color:#777}.nav-button,.breadcrumb,.file-count{color:#ccc}.light .nav-button,.light .breadcrumb,.light .file-count{color:#333}}
.swipe-neighbor{position:absolute;left:50%;top:50%;pointer-events:none;max-width:calc(100% - 128px);max-height:calc(100dvh - 180px);object-fit:contain;will-change:transform}
@media(max-width:760px){.swipe-neighbor{max-width:calc(100% - 80px);max-height:calc(100dvh - 160px)}}