:root{color-scheme:dark;font-family:Borna,system-ui,sans-serif;--page-bg: #3a3a3a;--page-bg-mid: #525252;--page-bg-edge: #2c2c2c;--text: #e8e8e8;--muted: #c2c2c2;--border: #1e2e24;--accent: #ef843e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page-bg-edge);color:var(--text);font-weight:400}.app{position:relative;min-height:100vh;display:grid;grid-template-rows:1fr;background:radial-gradient(ellipse 80% 70% at 50% 50%,var(--page-bg-mid) 0%,var(--page-bg) 42%,var(--page-bg-edge) 100%)}.app-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;font-family:Borna,system-ui,sans-serif;pointer-events:none}.app-header .brand,.app-header .info-btn,.app-header .about-popup{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.35}.app-header h1{margin:0;line-height:0}.app-logo{display:block;width:40px;height:37px;opacity:0;animation:app-logo-in .78s cubic-bezier(.16,1,.3,1) 60ms forwards}@keyframes app-logo-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.app-logo{opacity:1;animation:none}}.tagline{position:relative;display:inline-flex;align-items:center;gap:6px}.app-header p{margin:0;color:var(--muted);font-size:12px;font-weight:400}[class^=ri-],[class*=" ri-"]{font-family:remixicon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ri-information-fill:before{content:""}.ri-image-add-line:before{content:""}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:14px;opacity:.4;cursor:pointer}.info-btn:hover,.info-btn[aria-expanded=true]{color:var(--accent);opacity:1}.about-popup{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:min(280px,calc(100vw - 40px));padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#2f2f2f;box-shadow:0 8px 24px #00000059;color:var(--muted);font-size:12px;line-height:1.45}.about-popup[hidden]{display:none}.about-popup-title{margin:0 0 6px!important;color:var(--text)!important;font-size:12px;font-weight:600}.about-popup p+p{margin:0}.dropzone,.editor{min-height:0}.dropzone{display:grid;place-items:center;margin:0;padding:24px;background:transparent;color:var(--muted)}.dropzone-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0;border:0;background:transparent;color:var(--text);font-family:Borna,system-ui,sans-serif;font-size:11px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;text-align:center;cursor:pointer}.dropzone-open [class^=ri-],.dropzone-open [class*=" ri-"]{font-size:39px;opacity:.4}.dropzone-open span{color:var(--text)}.dropzone-open:hover [class^=ri-],.dropzone-open:hover [class*=" ri-"],.app.is-dragging .dropzone-open [class^=ri-],.app.is-dragging .dropzone-open [class*=" ri-"]{opacity:1;color:var(--accent)}.dropzone-open:hover span,.app.is-dragging .dropzone-open span{color:var(--accent)}.editor{margin:0;height:100vh;min-height:100vh}.hidden{display:none!important}fab-image-editor{--fabimg-accent: #ef843e}