.file-ico{place-items:center;width:76px;height:60px;transition:transform .18s cubic-bezier(.2,.7,.16,1);display:grid}.file-ico-img{outline:1.5px solid var(--color-ink);background:#fff;border:3px solid #fff;border-radius:2px;overflow:hidden;box-shadow:2px 3px #100f0f66}.file-page{border:1.5px solid var(--color-ink);width:48px;height:60px;color:var(--accent,#100f0f);background:#fff;border-radius:3px;position:relative;box-shadow:2px 3px #100f0f66}.file-page.is-cta{background:var(--color-re);border-color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);color:var(--color-paper)}.desk-screen{border:1.5px solid var(--color-ink);height:min(80vh,720px);box-shadow:4px 4px 0 var(--color-ink);border-radius:10px;position:relative;overflow:hidden}.desk-titlebar{z-index:3;border-bottom:1.5px solid var(--color-ink);background:#fff;align-items:center;gap:10px;height:30px;padding:0 12px;display:flex;position:relative}.desk-titlebar-name{font-family:var(--font-display), system-ui, sans-serif;color:var(--color-ink);font-size:.78rem;font-weight:700}.desk-titlebar-count{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-2xs);color:var(--color-tx-3);margin-left:auto}.desk-canvas{position:absolute;inset:30px 0 0}.desk-icons{z-index:1;flex-flow:column wrap;align-content:flex-start;gap:4px;margin:0;padding:16px;list-style:none;display:flex;position:absolute;inset:0 auto 0 0}.desk-icon{width:96px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;text-decoration:none;transition:background .18s,transform .12s;display:flex}.desk-icon:hover{background:#100f0f0d}.desk-icon:active{transform:scale(.97)}.desk-icon:focus-visible{outline:2px solid var(--color-re);outline-offset:1px}.desk-icon:hover .file-ico{transform:translateY(-3px)rotate(-1.5deg)}.desk-icon-label{max-width:14ch;font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-2xs);text-align:center;color:var(--color-tx-2);overflow-wrap:break-word;line-height:1.25}.desk-window{z-index:10;border:1.5px solid var(--color-ink);width:360px;max-width:calc(100% - 24px);box-shadow:4px 4px 0 var(--color-ink);background:#fff;border-radius:8px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.desk-window[hidden]{display:none}.desk-window-bar{border-bottom:1.5px solid var(--color-ink);touch-action:none;background:#fff;flex:none;align-items:center;gap:8px;height:28px;padding:0 9px;display:flex}.desk-window-bar[data-draggable]{cursor:grab}.desk-window-bar[data-draggable]:active{cursor:grabbing}.desk-window-close{border:1.5px solid var(--color-ink);cursor:pointer;z-index:1;background:#fff;border-radius:2px;flex:none;width:12px;height:12px;padding:0;position:relative}.desk-window-close:before{content:"";position:absolute;inset:-7px}.desk-window-close:hover{background:var(--color-re)}.desk-window-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.desk-window-body{max-height:calc(min(80vh,720px) - 140px);overflow:auto}.desk-window-body :where(img){width:100%;height:auto;display:block}@media (max-width:1023px){.desk-screen{height:auto;min-height:40vh;min-height:40dvh}.desk-screen:not([data-hydrated]) .desk-window[data-open]{display:none}.desk-canvas{position:static;inset:auto}.desk-icons{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;padding:18px;display:grid;position:static;inset:auto}.desk-icon{width:auto}.desk-backdrop{z-index:calc(var(--z-modal) - 1);background:#100f0f80;border:0;padding:0;animation:.18s desk-fade;position:fixed;inset:0}.desk-window[data-open]{width:min(92vw,460px);max-width:min(92vw,460px);max-height:min(82vh,720px);max-height:min(82dvh,720px);z-index:var(--z-modal);box-shadow:6px 6px 0 var(--color-ink);border-radius:12px;animation:.18s cubic-bezier(.16,1,.3,1) desk-modal-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.desk-window[data-open] .desk-window-bar{gap:10px;height:48px;padding:0 8px 0 14px}.desk-window[data-open] .desk-window-title{order:1}.desk-window[data-open] .desk-window-close{background:0 0;border:0;border-radius:9px;order:2;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.desk-window[data-open] .desk-window-close:after{content:"✕";color:var(--color-ink);font-size:16px;line-height:1}.desk-window[data-open] .desk-window-close:active{background:var(--color-re)}.desk-window[data-open] .desk-window-close:active:after{color:var(--color-paper)}.desk-window[data-open] .desk-window-body{max-height:calc(min(82vh,720px) - 48px);max-height:calc(min(82dvh,720px) - 48px)}}@keyframes desk-fade{0%{opacity:0}to{opacity:1}}@keyframes desk-modal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.desk-backdrop,.desk-window[data-open]{animation:none}.desk-icon,.desk-icon .file-ico{transition:none}}