.context-menu{position:fixed;z-index:10000;min-width:216px;padding:5px;border:1px solid var(--os-surface-border);border-radius:10px;background-color:var(--os-surface-bg);-webkit-backdrop-filter:var(--os-surface-blur);backdrop-filter:var(--os-surface-blur);box-shadow:0 0 .5px rgba(0,0,0,.25),0 10px 34px rgba(0,0,0,.18);animation:context-menu-in .12s cubic-bezier(.2,.7,.3,1);.menu-entry{display:flex;align-items:center;gap:9px;width:100%;padding:5px 9px;border:none;border-radius:6px;background-color:transparent;color:var(--os-surface-text);font-size:13px;line-height:1.4;text-align:left;cursor:default;&:hover:not(:disabled){background-color:var(--red);color:var(--white)}&:disabled{opacity:.35}&.is-danger{color:var(--red);&:hover:not(:disabled){color:var(--white)}}}.menu-entry-icon{display:flex;align-items:center;flex-shrink:0;svg{width:15px;height:15px}}.menu-entry-label{flex:1 1}.menu-entry-chevron{flex-shrink:0;opacity:.5}.menu-divider{margin:5px 9px;border:none;border-top:1px solid color-mix(in oklch,currentColor 15%,transparent)}}@keyframes context-menu-in{0%{opacity:0;transform:scale(.97)}}.item-main{display:grid;grid-template-rows:64px auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--nano);width:100%;min-width:0}.desktop-item:has(.item-main:focus-visible){outline:2px solid var(--blue);outline-offset:4px}.desktop-item{position:relative;display:grid;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:var(--nano);justify-content:center;justify-items:center;width:80px;padding:var(--nano);border-radius:var(--nano);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;&.is-selected{background-color:color-mix(in oklch,var(--white),transparent 80%)}img{max-width:100%}.item-icon{position:relative;width:64px;height:64px}.item-cart-check{right:-2px;bottom:2px;width:22px;height:22px;color:var(--green);filter:drop-shadow(0 1px 2px rgb(0 0 0/20%))}.item-badge,.item-cart-check{position:absolute;pointer-events:none}.item-badge{top:6px;right:4px;padding:4px 8px}svg{width:100%;height:auto}.item-label{width:100%;min-width:0;font-size:92%;font-weight:400;text-align:center;color:white;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:balance}}.item-badge{background-color:var(--red);color:var(--white)}.finder-window{position:absolute;top:50%;left:50%;translate:-50% -50%;width:60vw;height:50vh;display:flex;flex-direction:column;background-color:var(--os-surface-bg);-webkit-backdrop-filter:var(--os-surface-blur);backdrop-filter:var(--os-surface-blur);color:var(--os-surface-text);border-radius:var(--global-border-radius);box-shadow:0 24px 64px color-mix(in oklch,var(--black),var(--transparent) 30%);overflow:hidden;z-index:100;border:1px solid var(--os-surface-border)}.finder-window.is-dragged{translate:none}.finder-window.document-window{width:72vw;height:92vh}.document-window .window-content{display:block}.window-title-bar{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid color-mix(in oklch,var(--grey),var(--transparent) 70%);-webkit-user-select:none;user-select:none;touch-action:none}.traffic-lights{display:flex;gap:8px}.traffic-light{width:14px;height:14px;padding:0;border:none;border-radius:50%;&.close{background-color:var(--red-light20);cursor:pointer}&.minimise{background-color:var(--yellow-light80)}&.maximise{background-color:var(--green-light50)}}.window-back{background:transparent;border:none;color:var(--os-surface-text);height:14px;display:flex;align-items:center;padding:0 8px;margin-left:8px;cursor:pointer;opacity:.7;&:hover{opacity:1}}.window-title{flex:1 1;font-weight:600;margin-left:16px;line-height:1;color:var(--os-surface-text)}.window-body{min-height:0;flex:1 1;display:flex;overflow:hidden}.window-content{min-width:0;min-height:0;flex:1 1;padding:var(--micro);overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--nano);align-content:flex-start}.window-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--micro)}.window-divider{grid-column:1/-1;border:none;border-top:1px solid color-mix(in oklch,var(--grey),var(--transparent) 70%);margin:4px 0}.preview-pane{position:relative;flex:0 0 28%;min-width:180px;overflow:auto;z-index:50;padding:var(--nano);border-left:1px solid color-mix(in oklch,var(--grey),var(--transparent) 70%);background-color:color-mix(in oklch,var(--grey),var(--transparent) 80%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);.preview-placeholder{text-align:center;opacity:.4}}.browser-page{container-type:inline-size;min-width:0}@media (max-width:700px){#af-desktop .finder-window{left:8px!important;top:8px!important;translate:none;width:calc(100% - 16px);height:calc(100% - 16px);max-width:none}.finder-window:not(.document-window) .window-body{flex-direction:column}.preview-pane{flex:0 1 auto;max-height:40%;min-width:0;border-left:0;border-top:1px solid var(--os-surface-border)}.window-content{padding:12px}.window-title-bar{min-height:44px}.browser-nav-button,.window-back{min-width:32px;min-height:32px}.window-title{font-size:14px}}@container (max-width: 650px){.browser-page [data-portion]{min-width:0}.browser-page #cart-total>div,.browser-page .weight-row header,.browser-page .weights-panel footer{flex-wrap:wrap;gap:12px}.browser-page #weights-list{flex-wrap:wrap}.browser-page .row{padding-inline:16px}}.file-preview{.preview-icon{display:flex;justify-content:center;margin:16px 0 20px;.font-file-icon{width:96px;height:96px;font-size:48px}}.file-name{font-weight:700;font-size:92%;color:var(--os-surface-text)}.file-kind{opacity:.6;margin-bottom:var(--nano)}.file-kind,.info-heading{font-size:80%;color:var(--os-surface-text)}.info-heading{font-weight:700;padding:6px 0;border-bottom:1px solid color-mix(in oklch,var(--white),var(--transparent) 75%)}.info-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--nano);padding:6px 0;border-bottom:1px solid color-mix(in oklch,var(--white),var(--transparent) 88%);.info-label{opacity:.6;flex-shrink:0}.info-label,.info-value{font-size:80%;color:var(--os-surface-text)}.info-value{text-align:right}}}.finder-window .desktop-item{width:100%;min-width:0;box-sizing:border-box}.finder-window .item-label{color:var(--os-surface-text)}.browser-toolbar{display:flex;align-items:center;flex:1 1;min-width:0;gap:4px;margin-left:8px}.browser-nav-button{display:flex;align-items:center;justify-content:center;padding:3px;border:none;border-radius:5px;background-color:transparent;color:inherit;opacity:.75;cursor:pointer;&:disabled{opacity:.25;cursor:default}&:hover:not(:disabled){background-color:color-mix(in oklch,currentColor 12%,transparent);opacity:1}}.browser-address{flex:1 1;min-width:0;margin-left:4px;padding:3px 10px;border-radius:6px;background-color:color-mix(in oklch,currentColor 8%,transparent);color:inherit;font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;.address-domain{opacity:.5}}input.browser-address{border:none;outline:none;font-family:inherit;&.is-editing{outline:2px solid color-mix(in oklch,var(--red) 60%,transparent)}}.browser-404{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100%;padding:48px 24px;background-color:var(--paper-bg);color:var(--paper-text);text-align:center;.error-code{font-size:64px;font-weight:700;opacity:.2}}#menu-bar{background-color:var(--os-surface-bg);color:var(--os-surface-text);height:32px;z-index:5000;-webkit-backdrop-filter:var(--os-surface-blur);backdrop-filter:var(--os-surface-blur);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 16px;>div:first-child{min-width:0}>div:last-of-type{flex-shrink:0}*{line-height:1}#af-logo{flex-shrink:0;svg{width:16px;fill:currentColor}}#current-time{color:inherit}#menu-items{display:flex;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none;margin-left:8px;&::-webkit-scrollbar{display:none}}.af-menu-trigger{flex-shrink:0;height:24px;padding:0 10px;border:none;border-radius:5000px;background-color:transparent;color:inherit;font:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:default;transition:none;&:focus-visible,&[aria-expanded=true]{outline:none;background-color:var(--os-menu-trigger-bg)}}#af-menu-foundry{font-weight:600}.af-menu-foundry-short{display:none}}@media (max-width:700px){#menu-bar{padding:0 8px;#current-time,.af-menu-foundry-label{display:none}.af-menu-foundry-short{display:inline}.af-menu-trigger{padding:0 6px}#menu-items{margin-left:4px}}}#theme-switcher{display:flex;align-items:center;padding:4px;border:none;background-color:transparent;color:inherit;opacity:.85;cursor:pointer;svg{width:16px;height:16px}&:hover{opacity:1}}.af-menu-dropdown{position:fixed;z-index:10000;width:240px;max-width:calc(100vw - 16px);overflow-y:auto;padding:5px;border:1px solid var(--os-surface-border);border-radius:7px;background-color:var(--dropdown-bg);color:var(--os-surface-text);-webkit-backdrop-filter:var(--os-surface-blur);backdrop-filter:var(--os-surface-blur);box-shadow:0 0 1px rgb(0 0 0/.25),0 12px 32px rgb(0 0 0/.22);outline:none;.af-menu-entry{display:flex;align-items:center;gap:9px;width:100%;padding:6px 9px;border:none;border-radius:4px;background-color:transparent;color:inherit;font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:default;transition:none;text-decoration:none;outline:none;&[aria-disabled=true]{opacity:.45}&:not([aria-disabled=true]):hover{outline:none;background-color:var(--os-menu-selection-bg);color:var(--os-menu-selection-text)}}&[data-keyboard-navigation=true] .af-menu-entry:not([aria-disabled=true]):focus{background-color:var(--os-menu-selection-bg);color:var(--os-menu-selection-text)}.af-menu-font-icon{width:24px;font-size:16px;font-weight:400;line-height:1;text-align:center}.af-menu-entry-icon{display:flex;flex-shrink:0;svg{width:16px;height:16px;stroke-width:1.5}}.af-menu-separator{margin:5px 9px;border-top:1px solid color-mix(in oklch,currentColor 15%,transparent)}}