:root{--meshpic-ui-font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;--ifm-font-family-base: var(--meshpic-ui-font);--ifm-font-family-monospace: var(--meshpic-ui-font)}.logo,.tagline{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace}.logo{text-decoration:none}.upload-container{margin-top:0;margin-bottom:0}.container.upload-page main{justify-content:center}:root.has-uploads .container.upload-page main,.container.upload-page.result-visible main{justify-content:flex-start}:root.has-uploads .container.upload-page .upload-container{margin-top:clamp(18px,calc(var(--app-height) * .03),28px)}.container.upload-page.result-visible .upload-container{margin-top:8px}.upload-prompt{margin:0;text-align:center;font-family:var(--meshpic-ui-font)}.upload-prompt-main{margin:0;color:var(--text-primary);font-size:clamp(18px,2.25vw,21px);font-weight:700;line-height:1.4;letter-spacing:.01em}.upload-prompt-shortcut{margin:8px 0 0;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 7px;color:var(--text-secondary);font-size:14px;font-weight:600;line-height:1.25}.shortcut-dash{color:var(--border)}.shortcut-keys{display:inline-flex;align-items:center;gap:5px}.shortcut-keys kbd{min-width:22px;padding:3px 5px;color:var(--text-primary);background:color-mix(in srgb,var(--bg-tertiary) 74%,transparent);border:1px solid var(--border);border-bottom-color:var(--ifm-color-emphasis-500);border-radius:5px;box-shadow:0 1px #00000038;font:inherit;font-weight:600;text-align:center}.upload-zone .file-info{margin-top:14px;font-family:var(--meshpic-ui-font);font-size:14px;line-height:1.45}.upload-zone:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)}.upload-error,.mesh-progress-pct,.redirect-notice,.result-btn-primary .button-text{font-size:14px}.footer-meta{margin:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:15px;font-weight:500;line-height:1.5}.footer-controls{margin-top:10px;gap:14px}.theme-toggle{min-width:44px;min-height:44px;padding:9px 13px;justify-content:center}.theme-toggle svg,.lang-icon svg{width:17px;height:17px}.lang-trigger{min-height:44px;padding:9px 13px;gap:7px;font-size:14px}.lang-arrow svg{width:13px;height:13px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions .result-btn{width:100%;margin:0}.result-actions .result-btn-primary{grid-column:1 / -1}.retention-card{margin-bottom:10px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--ifm-border-radius-md)}.retention-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-family:var(--ifm-font-family-monospace)}.retention-heading{margin-bottom:11px;color:var(--text-primary);font-size:14px;font-weight:var(--ifm-font-weight-semibold)}.retention-expiry{color:var(--text-secondary);font-size:13px;font-weight:var(--ifm-font-weight-normal)}.retention-expiry,.retention-heading-meta{display:inline-flex;align-items:center;gap:5px}.retention-expiry svg{flex:0 0 auto;color:var(--text-secondary)}.retention-heading-meta{justify-content:flex-end}#retentionStatus{color:var(--text-secondary);font-size:13px;font-weight:400}.retention-options{display:flex;gap:5px}.retention-option{flex:1 1 0;min-width:0;min-height:36px;padding:0 4px;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--ifm-border-radius-sm);cursor:pointer;font:600 14px/1 var(--ifm-font-family-monospace);transition:color var(--ifm-transition-fast),border-color var(--ifm-transition-fast),background var(--ifm-transition-fast)}@media(hover:hover){.retention-option:hover{color:var(--text-primary);border-color:var(--ifm-color-emphasis-500)}}.retention-option.active{color:var(--accent);border-color:var(--accent);background:#00ff9f12}.my-uploads{margin-top:14px;border:1px solid var(--border);border-radius:var(--ifm-border-radius-md);overflow:hidden;background:var(--bg-secondary)}.my-uploads-heading{margin:0;width:100%;min-height:44px;padding:0 14px;display:flex;align-items:center;color:var(--text-secondary);background:transparent;font:15px/1 var(--ifm-font-family-monospace);text-align:left}.my-uploads-heading strong{margin-left:7px;color:var(--accent);font-weight:600}.my-uploads-list{display:block;max-height:min(310px,calc(var(--app-height) * .46));overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--border);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.my-uploads-list::-webkit-scrollbar{width:8px}.my-uploads-list::-webkit-scrollbar-track{background:#ffffff06}.my-uploads-list::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg-secondary);border-radius:999px}.my-upload-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.my-upload-item:last-child{border-bottom:0}.my-upload-thumb{width:46px;height:38px;object-fit:cover;border-radius:var(--ifm-border-radius-sm);background:var(--bg-tertiary)}.my-upload-copy{min-width:0;font:13px/1.5 var(--ifm-font-family-monospace);color:var(--text-secondary)}.my-upload-id{display:block;overflow:hidden;color:var(--text-primary);font-size:14px;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}@media(hover:hover){.my-upload-id:hover{color:var(--accent)}}.my-upload-meta{display:flex;gap:10px}.history-meta-item{display:inline-flex;align-items:center;gap:4px}.history-meta-item svg{flex:0 0 auto}.my-upload-actions{display:flex;gap:5px}.my-upload-actions button{min-width:38px;min-height:38px;padding:0;display:grid;place-items:center;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--ifm-border-radius-sm);cursor:pointer}@media(hover:hover){.my-upload-actions button:hover{color:var(--accent);border-color:var(--accent)}}.my-upload-actions .history-edit.active{color:var(--accent);border-color:var(--accent);background:#00ff9f12}@media(hover:hover){.my-upload-actions .history-delete:hover{color:#ff6464;border-color:#ff646473}}.my-upload-actions button svg{display:block;pointer-events:none}.history-retention{grid-column:1 / -1;padding-top:8px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 10px;border-top:1px solid var(--border);font-family:var(--ifm-font-family-monospace)}.history-retention[hidden]{display:none}.history-retention-label{color:var(--text-primary);font-size:13px;font-weight:600}.history-retention-options{min-width:0;display:flex;gap:5px}.history-retention-option{min-width:0;min-height:36px;flex:1 1 0;padding:0 3px;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--ifm-border-radius-sm);cursor:pointer;font:600 13px/1 var(--ifm-font-family-monospace)}@media(hover:hover){.history-retention-option:hover{color:var(--accent);border-color:var(--accent);background:#00ff9f12}}.history-retention-option.active{color:var(--accent);border-color:var(--accent);background:#00ff9f12}.history-retention-option:disabled{cursor:wait;opacity:.65}.history-retention-status{grid-column:2;min-height:17px;color:var(--text-secondary);font-size:13px}.history-retention-status:empty{display:none}.cookie-notice{position:static;width:100%;margin:12px auto 4px;padding:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);border:1px solid var(--border);border-radius:var(--ifm-border-radius-md);box-shadow:var(--ifm-global-shadow-tl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cookie-notice.accepted{display:none}.cookie-notice p{flex:1 1 200px;margin:0;color:var(--text-secondary);font:14px/1.5 var(--ifm-font-family-monospace)}.cookie-notice button{flex:0 0 auto;min-height:44px;padding:0 12px;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:var(--ifm-border-radius-sm);cursor:pointer;font:600 14px/1 var(--ifm-font-family-monospace)}.lang-arrow{width:13px;height:13px;display:grid;place-items:center;transition:transform var(--ifm-transition-fast)}.lang-arrow svg{display:block}.lang-trigger[aria-expanded=true] .lang-arrow{transform:rotate(180deg)}.lang-menu{width:210px;max-height:min(460px,calc(var(--app-height) - 132px));padding:7px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;z-index:3000}.lang-item{position:relative;width:100%;min-height:44px;padding:11px 34px 11px 13px;display:flex;align-items:center;color:var(--text-secondary);background:transparent;border:0;cursor:pointer;font-family:var(--ifm-font-family-monospace);font-size:15px;line-height:1.35;text-align:left;border-radius:4px}.lang-item.active:after{content:"";position:absolute;top:50%;right:12px;width:7px;height:4px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-65%) rotate(-45deg)}:root{--bottom-bar-h: max(92px, calc(91px + env(safe-area-inset-bottom, 0px)) )}@media(max-height:420px)and (min-width:601px){:root{--bottom-bar-h: max(72px, calc(74px + env(safe-area-inset-bottom, 0px)) )}}@media(max-width:600px){:root{--bottom-bar-h: calc(77px + env(safe-area-inset-bottom, 0px)) }}@media(max-width:380px){:root{--bottom-bar-h: calc(128px + env(safe-area-inset-bottom, 0px)) }}.bottom-panel{height:auto;min-height:92px;padding:14px 24px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));justify-content:center;background:#000}.bottom-panel .actions{width:max-content;max-width:100%;padding:7px;flex-wrap:nowrap;background:#0a0e14fa;border:1px solid rgba(255,255,255,.12);border-radius:calc(var(--ifm-border-radius-md) + 4px);box-shadow:0 10px 30px #00000052}.bottom-panel .btn{min-height:42px;font-size:14px}.btn-delete{color:#ff6464cc;background:transparent;border-color:#ff646447}@media(hover:hover){.btn-delete:hover{color:#ff7070;background:#ff444414;border-color:#ff64648c}}.btn-delete.armed{color:#ff7070;background:#ff444414;border-color:#ff64648c}.footer-controls{position:relative;z-index:2100}.delete-dialog{position:fixed;inset:0;width:min(360px,calc(100vw - 32px));margin:auto;padding:0;color:var(--text-primary);background:transparent;border:0;overflow:visible}.delete-dialog::backdrop{background:#000000ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-dialog-card{padding:22px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--ifm-border-radius-lg);box-shadow:var(--ifm-global-shadow-tl);font-family:var(--ifm-font-family-monospace)}.delete-dialog-icon{width:40px;height:40px;margin:0 auto 14px;display:grid;place-items:center;color:#ff7070;background:#ff444414;border:1px solid rgba(255,100,100,.25);border-radius:var(--ifm-border-radius-md)}.delete-dialog p{margin:0 0 20px;color:var(--text-primary);font-size:15px;font-weight:600;text-align:center}.delete-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.delete-dialog-actions button{min-height:44px;border-radius:var(--ifm-border-radius-sm);cursor:pointer;font:600 14px/1 var(--ifm-font-family-monospace)}.delete-dialog-cancel{color:var(--text-primary);background:transparent;border:1px solid var(--border)}@media(hover:hover){.delete-dialog-cancel:hover{background:var(--ifm-hover-overlay);border-color:var(--ifm-color-emphasis-500)}}.delete-dialog-confirm{color:#fff;background:#c93f48;border:1px solid #d84b55}@media(hover:hover){.delete-dialog-confirm:hover{background:#d84b55}}@media(max-width:600px){.upload-zone{min-height:220px}.retention-option{min-height:40px}.result-actions .result-btn-secondary,.result-actions .result-btn-ghost{width:100%;margin:0}.bottom-panel{min-height:0;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));align-items:center}.bottom-panel .actions{width:min(100%,520px);padding:6px;display:flex;flex-wrap:wrap}.bottom-panel .btn{flex:1 1 auto;min-width:0;padding-left:8px;padding-right:8px}.cookie-notice{width:100%;margin-top:12px}}@media(max-height:700px){.my-uploads-list{max-height:min(230px,calc(var(--app-height) * .4))}.upload-zone{min-height:180px;padding:22px 24px}.upload-icon{margin-bottom:8px}.upload-icon svg{width:40px;height:40px}.upload-prompt-shortcut{margin-top:6px}.upload-zone .file-info{margin-top:10px}}@media(max-height:560px){.bottom-panel{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.bottom-panel .btn{padding-top:9px;padding-bottom:9px}}@media(max-height:420px)and (min-width:601px){.bottom-panel{min-height:72px;padding-right:16px;padding-left:16px}.bottom-panel .btn{padding:9px 14px;font-size:14px}}@media(max-width:380px){.result-actions{grid-template-columns:1fr}.result-actions .result-btn-primary{grid-column:auto}.bottom-panel .btn-upload{flex-basis:100%}.cookie-notice{align-items:flex-end}}@media(prefers-reduced-motion:reduce){.lang-arrow{transition:none}}.result-btn,.retention-option,.history-retention-option{overflow-wrap:anywhere}.my-upload-thumb{aspect-ratio:46 / 38}@media(max-width:340px){.my-upload-item{grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.my-upload-thumb{width:38px;height:32px}.my-upload-actions{gap:4px}.my-upload-actions button{min-width:34px;min-height:34px}}@media(max-height:480px){.container{padding:12px 0}.logo{font-size:30px;margin-bottom:4px}.tagline{font-size:11px}.upload-zone{min-height:0;padding:16px 20px}.upload-icon{margin-bottom:6px}.upload-icon svg{width:32px;height:32px}.upload-prompt-main{font-size:17px}.upload-zone .file-info{margin-top:8px;font-size:13px}.my-uploads-list{max-height:min(180px,calc(var(--app-height) * .38))}.cookie-notice{margin:8px auto 2px;padding:10px}.footer-controls{margin-top:6px}.footer-meta{font-size:13px}}@media(pointer:coarse){.my-upload-actions button{min-width:44px;min-height:44px}.retention-option{min-height:44px}.history-retention-option{min-height:40px}}@media(pointer:coarse)and (max-width:360px){.my-upload-actions button{min-width:38px;min-height:40px}}.theme-icon-sun{display:none}:root.light .theme-icon-moon{display:none}:root.light .theme-icon-sun{display:flex}:root.meshpic-booting .container>header .tagline,:root.meshpic-booting .container>main,:root.meshpic-booting .container>.cookie-notice,:root.meshpic-booting .container>footer,:root.meshpic-booting .bottom-panel{visibility:hidden}