@font-face{font-family:Familjen;src:url('/fonts/FamiljenGrotesk-400-700-normal.woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Familjen;src:url('/fonts/FamiljenGrotesk-400-700-italic.woff2');font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:Mono;src:url('/fonts/SpaceMono-400-normal.woff2');font-display:swap}
:root{--white:#f4f7ff;--ink:#14234c;--blue:#254ce9;--peach:#ffd5b8}*{box-sizing:border-box}body{margin:0;background:#a5bcdf;color:var(--white);font:16px/1.45 Familjen,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #ffb474;outline-offset:5px}#atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-3;background:radial-gradient(ellipse at 80% 30%,#fae2d0,transparent 50%),linear-gradient(140deg,#193ea9,#afcaec 60%,#d2c4ec)}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}header{position:relative;z-index:5;display:flex;align-items:center;gap:26px;padding:30px 4vw}header img{width:112px;filter:invert(1)}.tool-name{font:10px Mono;letter-spacing:.12em;color:#ffffffbd}header button{margin-left:auto;background:#ffffff1a;border:1px solid #ffffff55;border-radius:30px;color:var(--white);padding:9px 15px;font-size:11px;backdrop-filter:blur(12px)}main{max-width:1700px;margin:auto}.universe{position:relative;height:560px;isolation:isolate;touch-action:pan-y;cursor:grab;overflow:hidden}.universe.dragging{cursor:grabbing}.manifesto{position:absolute;left:6vw;top:30px;z-index:2;pointer-events:none}.manifesto>p:first-child{font-size:13px;letter-spacing:.01em;margin:0 0 16px;text-shadow:0 1px 14px #243d7555}h1{font-size:clamp(100px,13.5vw,205px);line-height:.77;font-weight:600;letter-spacing:-.075em;margin:0;color:#fff;text-shadow:0 4px 40px #19346b0a}h1 em{font-weight:500}.subline{font-size:16px;line-height:1.35;margin-top:27px;color:#fff}.orbit{position:absolute;left:40%;top:0;right:0;bottom:0;perspective:1000px;pointer-events:none}.orbital-photo{position:absolute;left:50%;top:48%;width:clamp(170px,20vw,310px);padding:7px 7px 0;background:#ffffffee;box-shadow:0 32px 50px #1d357333,0 3px 8px #1d357322;will-change:transform;transform-style:preserve-3d;border-radius:2px}.orbital-photo img{width:100%;height:clamp(125px,15vw,230px);object-fit:cover;display:block}.orbital-photo:nth-child(2){width:clamp(150px,17vw,255px)}.orbital-photo:nth-child(3) img{object-position:90% center}.orbital-photo span{display:block;padding:12px 5px;font:8px Mono;letter-spacing:.12em;color:#23374f}.world-caption{position:absolute;left:6vw;right:5vw;bottom:30px;display:flex;justify-content:space-between;gap:20px;font:10px Mono;letter-spacing:.05em;color:#fff}.coordinate{font-style:italic}.console{position:relative;z-index:4;width:min(720px,calc(100% - 48px));margin:-4px auto 0;background:#f6f8ffc9;border:1px solid #fff9;border-radius:18px;color:var(--ink);backdrop-filter:blur(24px);box-shadow:0 14px 60px #23457825}.upload{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px 22px;cursor:pointer}.micro{font:9px Mono;letter-spacing:.14em;color:#667493}.upload h2{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:4px 0}.upload p{font-size:12px;color:#62708d;margin:0}.btn{border:0;border-radius:9px;background:var(--blue);color:white;padding:14px 20px;white-space:nowrap;font-size:14px;transition:background .2s,transform .2s}.btn:hover{background:#173bd0;transform:translateY(-2px)}.upload .btn{min-width:172px;display:flex;justify-content:space-between;align-items:center;gap:30px}.upload .btn span{font-size:25px;line-height:20px}.settings{border-top:1px solid #14234c15;padding:17px 28px;display:flex;align-items:center;gap:28px}.settings>div{display:flex;align-items:center;gap:10px}.settings label{font-size:11px;color:#536381}.settings select{background:transparent;color:var(--ink);border:0;font-size:12px;max-width:150px}.quality label{display:flex;gap:8px;white-space:nowrap}.quality output{color:var(--ink)}input[type=range]{width:90px;accent-color:var(--blue)}.settings-hint{font-size:9px;line-height:1.5;color:#62708d;margin-left:auto}.statusline{width:min(720px,calc(100% - 48px));display:flex;justify-content:space-between;gap:16px;margin:14px auto 0;font:9px Mono;color:#fff;text-shadow:0 1px 9px #1d357355}.statusline>span:last-child{font-size:8px}footer{display:flex;justify-content:space-between;align-items:end;padding:34px 4vw 25px;gap:20px;font:9px/1.6 Mono;color:#ffffffce}footer>span:last-child{text-align:right;font-size:8px}.results{width:min(1050px,calc(100% - 48px));margin:40px auto 0;background:#f6f8fff0;border:1px solid #fff;border-radius:18px;padding:30px;color:var(--ink);backdrop-filter:blur(25px)}.results-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.results h2{font-size:35px;letter-spacing:-.04em;font-weight:500;margin:6px 0}#summary{font-size:13px;color:#62708d}#summary strong{color:#224d30}.results-actions{display:flex;gap:9px}.btn.ghost{background:transparent;border:1px solid #14234c25;color:var(--ink)}.file-list{padding:0;margin:20px 0 0;list-style:none}.file-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #14234c1a}.thumb{height:48px;width:48px;object-fit:cover;border-radius:5px}.file-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font:10px Mono;color:#62708d}.savings{color:#224d30}.error,.grew{color:#9b3923}.dl{border:1px solid #14234c30;background:none;color:var(--ink);padding:9px 14px;border-radius:6px;font-size:12px}.drop-message{display:none;position:absolute;inset:0;z-index:6;align-content:center;text-align:center;background:#2853c588;backdrop-filter:blur(20px);font-size:150px;line-height:.75;letter-spacing:-.07em;font-weight:600;pointer-events:none}.drop-message small{display:block;font-size:17px;font-weight:400;letter-spacing:0;margin-top:30px}.file-over .drop-message{display:grid}.file-over .manifesto{opacity:0}.upload.over{background:#fff4;border-radius:18px}.orbit.receiving .orbital-photo{filter:brightness(1.1)}
@media(min-width:1700px){.manifesto{left:100px}}@media(max-width:900px){.universe{height:555px}.manifesto{left:5vw;top:25px}h1{font-size:clamp(100px,15vw,150px)}.orbit{left:30%;top:70px;bottom:-10px}.orbital-photo{width:220px}.orbital-photo img{height:160px}.orbital-photo:nth-child(2){width:190px}.world-caption{left:5vw}.subline{font-size:14px}.settings{gap:16px}.settings-hint{font-size:8px}}@media(max-width:560px){header{padding:22px 6vw;gap:16px}header img{width:87px}.tool-name{font-size:7px;max-width:70px}header button{font-size:9px;padding:8px 10px}.universe{height:530px}.manifesto{top:20px;left:7vw}.manifesto>p:first-child{font-size:11px;margin-bottom:19px}h1{font-size:105px}.subline{font-size:12px;margin-top:20px}.orbit{left:5%;right:-25%;top:180px;bottom:10px}.orbital-photo{width:165px}.orbital-photo img{height:115px}.orbital-photo:nth-child(2){width:145px}.orbital-photo span{font-size:6px;padding:8px 3px}.world-caption{bottom:13px;font-size:8px}.coordinate{display:none}.world-caption>span:last-child{margin-left:auto}.console{width:calc(100% - 28px);border-radius:14px}.upload{padding:20px;gap:15px}.upload h2{font-size:21px}.micro{font-size:8px}.upload p{font-size:10px;max-width:150px}.upload .btn{min-width:120px;gap:12px;padding:13px;font-size:12px}.settings{padding:14px 18px;gap:14px;justify-content:space-between;flex-wrap:wrap}.settings>div{gap:6px}.settings label{font-size:10px}.settings select{max-width:115px;font-size:11px}.quality label{gap:5px}input[type=range]{width:68px}.settings-hint{width:100%;font-size:9px;margin:0}.settings-hint br{display:none}.statusline{width:calc(100% - 32px);flex-wrap:wrap;font-size:8px;gap:5px}.statusline>span:last-child{font-size:7px}footer{padding:25px 5vw;flex-direction:column;align-items:start;gap:10px;font-size:8px}footer>span:last-child{text-align:left}.results{width:calc(100% - 28px);padding:20px}.results-head{flex-direction:column;align-items:start}.results h2{font-size:29px}.file-item{grid-template-columns:40px minmax(0,1fr)}.thumb{width:40px;height:40px}.dl{grid-column:2;justify-self:start}.file-meta{font-size:9px}.drop-message{font-size:120px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.orbital-photo{will-change:auto}}

.document-icon{display:grid;place-items:center;font:10px Mono;background:#e1e7f1;color:var(--ink)}