@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#20221e;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--ink:#20221e;--muted:#777a72;--line:#dcded6;--green:#bbf260;--white:#fff;background:#f7f7f4;font-family:Manrope,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.home{flex-direction:column;min-height:100vh;padding:0 8.4%;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:83px;display:flex}.wordmark{color:var(--ink);letter-spacing:0;font-size:22px;font-weight:800;text-decoration:none}.wordmark span{color:#8abf36}.top-note,.eyebrow,.format-note,footer{letter-spacing:0;color:#777a72;font-family:DM Mono,monospace;font-size:10px}.upload-section{width:min(100%,520px);margin:76px auto 68px}.eyebrow{align-items:center;gap:9px;display:flex}.live-dot{background:#87c532;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e8f5d6}h1{letter-spacing:0;margin:24px 0 13px;font-size:clamp(48px,7vw,70px);font-weight:700;line-height:1.04}h1 span{color:#888b82}.intro{color:#72756e;margin:0 0 30px;font-size:14px;line-height:1.7}.dropzone{background:#fbfbf9;border:1px dashed #b9bdb2;flex-direction:column;align-items:center;height:260px;padding:23px 16px 16px;transition:border-color .15s,background .15s;display:flex}.dropzone.is-dragging{background:#f2f9e8;border-color:#6e9e30}.upload-icon{background:var(--green);border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:11px;display:grid}.dropzone strong{font-size:14px;font-weight:700}.drop-note{color:#8b8e85;margin-top:4px;font-size:12px}.choose-button{background:var(--ink);color:#fff;border:0;margin-top:13px;padding:10px 16px;font-size:12px;font-weight:700}.choose-button span{color:var(--green);margin-left:8px}.format-note{align-items:center;gap:12px;margin-top:auto;font-size:9px;display:flex}.format-note span{align-items:center;gap:4px;display:flex}.format-note i{background:#b4b7af;border-radius:50%;width:3px;height:3px}.selected-file{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 2px;font-size:12px;display:flex}.file-name{overflow-wrap:anywhere;align-items:center;gap:12px;min-width:0;display:flex}.file-name small{color:#878a82;white-space:nowrap}.icon-button{color:#65685f;background:0 0;border:0;place-items:center;padding:7px;display:grid}.upload-button{color:#20221e;background:#bbf260;border:0;justify-content:center;align-items:center;gap:9px;width:100%;height:45px;margin-top:14px;font-size:12px;font-weight:800;display:flex}.upload-button:disabled{opacity:.7;cursor:wait}.error-message{color:#b43f2d;margin:12px 0 0;font-size:12px}.result{background:#eef5e4;border-left:3px solid #8fbd4e;margin-top:18px;padding:17px;animation:.25s ease-out arrive}.result-title{align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.link-field{background:#fff;border:1px solid #e0e3d9;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px 8px 12px;display:flex}.link-field a{color:#41453b;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:12px;text-decoration:none;overflow:hidden}.link-field button{background:var(--ink);color:#fff;border:0;flex:none;place-items:center;width:32px;height:30px;display:grid}.open-link{color:#55594e;margin-top:11px;font-size:11px;text-decoration:none;display:inline-block}.open-link span{color:#689129;margin-left:5px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;margin-top:auto;font-size:9px;display:flex}footer span:first-child{color:#373a32;letter-spacing:1px;font-weight:500}.player-page{color:#f4f5ef;background:#171815;flex-direction:column;align-items:center;min-height:100vh;padding:27px 20px;display:flex}.player-brand{color:#f4f5ef;align-self:flex-start}.player-wrap{width:min(100%,1000px);margin:auto}.player{object-fit:contain;background:#080908;width:100%;max-height:78vh;display:block}.image-player{height:auto}.player-caption{color:#b9bcb4;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.player-caption .icon-button{color:#dfe1d9}.loading{color:#c6c9c0;align-items:center;gap:10px;margin:auto;font-size:13px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.home{padding:0 21px}.topbar{height:68px}.top-note{font-size:8px}.upload-section{margin:58px auto 48px}h1{font-size:53px}.dropzone{height:250px}.format-note{gap:8px;font-size:8px}footer{height:53px;font-size:8px}.player-page{padding:12px 13px}.player-wrap{margin:auto 0}}.player-page{align-items:stretch;padding:20px 5.5%}.player-topbar{border-bottom:1px solid #373a34;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;display:grid}.back-button,.copy-button{color:#d9dcd3;align-items:center;gap:8px;height:36px;font-size:12px;text-decoration:none;display:inline-flex}.back-button{justify-self:start}.copy-button{color:#f4f5ef;background:#22241f;border:1px solid #4a4d46;justify-self:end;padding:0 12px}.player-brand{color:#f4f5ef;place-self:center}.player-wrap{justify-content:center;align-items:center;width:min(100%,1180px);height:calc(100vh - 112px);margin:26px auto 8px;display:flex}.player{object-fit:contain;width:100%;height:100%;max-height:100%}.image-player{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%}.media-message{color:#c6c9c0;text-align:center;flex-direction:column;align-items:center;gap:10px;margin:auto;display:flex}.media-message strong{color:#f4f5ef;font-size:19px}.media-message a{color:#bbf260;font-size:12px;text-decoration:none}@media (width<=600px){.player-page{padding:12px 13px}.player-topbar{height:52px}.player-topbar .wordmark{font-size:18px}.back-button,.copy-button{gap:5px;font-size:11px}.copy-button{padding:0 8px}.player-wrap{height:calc(100vh - 84px);margin:12px auto 0}.player{max-width:100%;height:auto;max-height:100%}.player:not(.image-player){aspect-ratio:16/9;height:auto}}.player-page{height:100vh;min-height:0;overflow:hidden}.player-wrap{flex:1;height:auto;min-height:0;margin:20px auto 0}.player{min-height:0}.image-player{object-fit:contain;max-height:100%}.home{background-image:linear-gradient(90deg,#0000 49.95%,#20221e06 50%,#0000 50.05%)}.topbar{height:88px}.wordmark{letter-spacing:.04em;font-size:20px}.wordmark span{color:#20221e;vertical-align:middle;background:#bbf260;margin-left:4px;padding:4px 6px;font-size:12px;display:inline-block}.top-note{font-size:9px}.upload-section{margin-top:82px}.eyebrow{font-size:9px}.upload-section h1{letter-spacing:0;font-size:clamp(46px,6vw,64px);line-height:1.08}.upload-section h1 span{color:#6c8e36}.intro{max-width:430px}.dropzone{background:#ffffffb8;border-color:#c5c9bd;height:270px}.dropzone:hover{border-color:#8eaa5b}.upload-icon{border-radius:13px}.choose-button{padding:11px 18px}.upload-button{background:#a9dc53}.result{background:#edf4df}.home footer{height:62px}@media (width<=600px){.home{background-image:none}.topbar{height:72px}.upload-section{margin-top:58px}.upload-section h1{font-size:46px}.intro{font-size:13px}.dropzone{height:252px}.top-note{font-size:8px}.home footer{height:57px}.home footer span:last-child{text-align:right;max-width:58%;line-height:1.5}}