.pg{--b: 2px solid var(--ink);min-height:100vh}.pg .mono{font-family:var(--mono);font-size:var(--fs-caption);line-height:var(--lh-caption)}.pg .muted{color:var(--ink-2)}.pg .ul{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--dusk-1)}.pg button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.pg-bar{position:sticky;top:0;z-index:9000;height:40px;display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2);background:var(--white);border-bottom:var(--b)}.pg-logo{font-weight:700;letter-spacing:-.02em;padding:var(--s1);margin:calc(-1 * var(--s1))}.pg-title{flex:1}.pg-panic{height:32px;display:inline-flex;align-items:center;padding:0 var(--s2);background:var(--ink);color:var(--white);font-weight:600;font-size:14px}.pg-panic:hover{background:var(--dusk)}.pg-desk{position:fixed;inset:40px 0 0;background:var(--fog) url(../assets/wallpaper.png) 0 0 / 1440px 900px repeat}@media(prefers-contrast:more){.pg-desk{background-image:none}}.pg-side{position:absolute;left:0;top:0;bottom:48px;width:168px;background:var(--fog);border-right:var(--b);overflow-y:auto;padding:var(--s4) 0}.pg-side ul{display:grid;gap:var(--s2);justify-items:center}.ic{width:144px;display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s1) 0}.ic span{background:var(--white);border:1px solid var(--ink);padding:2px var(--s1)}.ic:hover span,.ic--open span{background:var(--ink);color:var(--white)}.pg-area{position:absolute;inset:0 0 48px;overflow:hidden;pointer-events:none}.pg-area>*{pointer-events:auto}.pg-hint{position:absolute;right:var(--s2);bottom:var(--s2);background:var(--white);border:1px solid var(--ink);padding:var(--s1) var(--s2)}.win{position:absolute;background:var(--white);border:var(--b);box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;outline:none}.win:not(.win--active){box-shadow:4px 4px 0 var(--dusk-1)}.win:not(.win--active) .win__tb{background:var(--white)}.win[hidden]{display:none}.win__tb{flex:none;height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:0 var(--s1) 0 var(--s2);background:var(--fog);border-bottom:var(--b);cursor:grab;touch-action:none;user-select:none}.win__tb:active{cursor:grabbing}.win__tb h2{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win__btns{display:flex;gap:var(--s1)}.pg .sq{width:24px;height:24px;border:var(--b);background:var(--white);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;line-height:1}.pg .sq:hover{background:var(--ink);color:var(--white)}.win__path{flex:none;padding:var(--s1) var(--s2);border-bottom:1px solid var(--ink)}.win__body{overflow:auto}.win__status{flex:none;display:flex;justify-content:space-between;padding:var(--s1) var(--s2);border-top:1px solid var(--ink)}.btn{display:inline-flex;align-items:center;height:48px;padding:0 var(--s3);border:var(--b);background:var(--ink);color:var(--white);font-weight:600;box-shadow:4px 4px 0 var(--dusk-1);margin-top:var(--s3)}.btn:hover{background:var(--dusk)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dusk-1)}.w-pad{padding:var(--s3)}.w-big{font-size:var(--fs-subhead);line-height:var(--lh-subhead);font-weight:500;letter-spacing:-.01em;margin-bottom:var(--s2)}.w-list li{border-top:1px solid var(--ink);padding:var(--s1) 0}.w-list b{display:block;font-weight:700}.w-rows li{display:flex;justify-content:space-between;gap:var(--s2);padding:var(--s1) 0;border-top:1px solid var(--ink)}.w-rows b{font-weight:600}.w-folder__head{display:grid;grid-template-columns:1fr 240px;gap:var(--s4);padding:var(--s4)}.w-h{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:600;letter-spacing:-.03em;margin-top:var(--s1)}.w-desc{margin-top:var(--s2);max-width:440px}.w-meta{border-left:1px solid var(--ink);padding-left:var(--s3)}.w-meta dt{color:var(--ink-2)}.w-meta dd{margin-bottom:var(--s2)}.w-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:var(--s2);padding:var(--s3) var(--s4) var(--s4);border-top:1px solid var(--ink)}.file{width:100%;text-align:center}.file__th{display:block;height:144px;border:1px solid var(--ink);background:var(--fog);overflow:hidden}.file__th img{width:100%;height:100%;object-fit:cover;object-position:top}.file__name{display:inline-block;margin-top:var(--s1);padding:0 4px;word-break:break-all}.file:hover .file__name,.file:focus-visible .file__name{background:var(--ink);color:var(--white)}.w-image__frame{background:var(--fog);padding:var(--s2);display:flex;justify-content:center}.w-image__frame img{max-height:calc(100vh - 360px);width:auto;border:1px solid var(--ink);background:var(--white)}.w-image__bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-top:1px solid var(--ink)}.w-image__bar>span:not(.w-image__cap){white-space:nowrap}.pg .sq{flex:none}.w-image__cap{color:var(--ink-2)}.pg-task{position:absolute;left:0;right:0;bottom:0;height:48px;display:flex;align-items:center;gap:var(--s1);padding:0 var(--s1);background:var(--white);border-top:var(--b);overflow-x:auto}.pg-task .t{flex:none;height:32px;display:inline-flex;align-items:center;padding:0 var(--s2);border:var(--b);font-weight:500;white-space:nowrap}.pg-task .t--on,.pg-task .t:hover{background:var(--ink);color:var(--white)}.pg-task .sp{flex:1}.pg-files{display:none}@media(max-width:767px){.pg-desk{display:none}.pg-files{display:block}.pg-title,.pg-clock{display:none}.pg-bar{justify-content:space-between;height:56px}.pg-panic{height:44px}.pg-logo{padding:12px;margin:-12px}.pg-files__hero{height:216px;padding:var(--s3) var(--s2);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:var(--b);background:var(--fog) url(../assets/wallpaper.png) center / 720px 450px}.pg-files__hero>*{background:var(--white);align-self:flex-start;padding:0 var(--s1)}.pg-files__hero h1{font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.03em}.pg-files__hero p:last-child{margin-top:var(--s1)}.pg-path{display:flex;justify-content:space-between;padding:var(--s2);border-bottom:1px solid var(--ink);color:var(--ink-2)}.row{width:100%;display:flex;gap:var(--s2);align-items:center;padding:var(--s2);border-bottom:1px solid var(--ink);text-align:left;min-height:64px}.row b{display:block;font-weight:600}.row>span:nth-child(2)>span{display:block}.row .chev{margin-left:auto;font-size:16px}.sheet{position:fixed;inset:0;z-index:9500;background:var(--white);display:flex;flex-direction:column;outline:none}.sheet__bar{flex:none;height:48px;display:flex;align-items:center;gap:var(--s2);padding:0 var(--s2);border-bottom:var(--b);background:var(--fog)}.sheet__back{font-weight:600;min-height:44px}.sheet__body{overflow:auto;flex:1}.w-folder__head{grid-template-columns:1fr;padding:var(--s3) var(--s2)}.w-h{font-size:32px;line-height:40px}.w-meta{border-left:0;border-top:1px solid var(--ink);padding:var(--s2) 0 0}.w-files{grid-template-columns:repeat(2,1fr);padding:var(--s2)}.w-image__frame img{max-height:none;width:100%}.w-image__bar{flex-wrap:wrap}.pg .sq{width:44px;height:44px}}