@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";
.login-shell{place-items:center;width:min(100% - 32px,620px);min-height:100vh;padding:40px 0;display:grid}.login-card{background:var(--card);border:1px solid var(--line);border-radius:28px;width:100%;padding:clamp(28px,6vw,52px);box-shadow:0 24px 80px #18181714}.login-mark{background:var(--ink);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:28px;font:700 20px Manrope;display:grid}.login-card h1{margin:12px 0 18px;font-size:clamp(38px,8vw,58px)}.login-intro{color:var(--muted);font-size:17px;line-height:1.6}.login-form{gap:10px;margin-top:30px;display:grid}.login-form label{letter-spacing:.1em;text-transform:uppercase;margin-top:10px;font:700 11px Manrope}.login-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:15px 16px;font:500 17px DM Sans}.login-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6856d824}.login-form button,.sign-out{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:15px 18px;font:700 14px Manrope}.login-form button{margin-top:14px}.login-form button:disabled,.sign-out:disabled{opacity:.55;cursor:wait}.text-button{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:16px 0;font:600 14px DM Sans}.sign-out{margin-left:4px;padding:8px 12px;font-size:11px}.login-card .error{color:#b42318;text-align:center;min-height:24px;margin:4px 0 0}@media (max-width:560px){.login-card{border-radius:20px}.sign-out{padding:7px 9px}.pill{display:none}}
[hidden]{display:none!important}:root{--ink:#181817;--muted:#77746d;--line:#dedbd3;--paper:#f5f2ea;--card:#fcfbf7;--green:#0e9f68;--purple:#6856d8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}body:before{content:"";pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}main{width:min(1040px,100% - 40px);margin:auto;padding-bottom:80px}nav{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:84px;font-family:Manrope;display:flex}.mark{background:var(--ink);color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.pill{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;margin-left:auto;padding:6px 11px;font:600 11px Manrope}header{max-width:760px;padding:75px 0 70px}.eyebrow,small{letter-spacing:.15em;color:var(--purple);font:700 11px Manrope}h1{letter-spacing:-.045em;margin:14px 0 24px;font:600 clamp(42px,6vw,72px)/1.04 Manrope}h1 em{color:var(--muted);font-family:Georgia,serif;font-weight:400}.intro{color:var(--muted);max-width:650px;font-size:18px;line-height:1.65}.timeline{border-top:1px solid var(--line)}.step{grid-template-columns:90px 1fr;transition:all .25s;display:grid}.rail{border-right:1px solid var(--line);padding-top:40px;position:relative}.rail:after{content:"";background:var(--paper);border:1px solid #aaa;border-radius:50%;width:9px;height:9px;position:absolute;top:44px;right:-5px}.rail span{color:var(--muted);font:600 12px Manrope}.content{border-bottom:1px solid var(--line);padding:38px 0 58px 54px}.step-title{justify-content:space-between;align-items:start;margin-bottom:25px;display:flex}.step-title h2{margin:5px 0;font:600 25px Manrope}.status{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:7px 10px;font-size:11px}.active .rail:after{background:var(--purple);border-color:var(--purple);box-shadow:0 0 0 5px #ded9ff}.complete .rail:after{background:var(--green);border-color:var(--green)}.complete .status{color:var(--green);border-color:#b7decf}.locked{opacity:.45}.drop,.result{background:var(--card);cursor:pointer;border:1px dashed #c8c4ba;border-radius:18px;place-items:center;min-height:270px;display:grid;overflow:hidden}.drop input{display:none}.drop img,.result img,.result video{object-fit:contain;background:#eae7df;width:100%;height:420px}.upload-copy{text-align:center;flex-direction:column;gap:8px;display:flex}.upload-copy:before{content:"＋";width:48px;height:48px;color:var(--purple);background:#ede9ff;border-radius:50%;place-items:center;margin:0 auto 9px;font-size:25px;display:grid}.upload-copy small{color:var(--muted);letter-spacing:0;font-weight:500}.result.empty{cursor:default;color:#aaa}button,.button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:18px;margin-top:20px;padding:14px 18px;font:600 14px Manrope;text-decoration:none;display:inline-flex}button:disabled{opacity:.3;cursor:not-allowed}.secondary{background:var(--green)}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.error{color:#fff;background:#a93a3a;border-radius:10px;padding:14px 18px;position:sticky;bottom:20px;box-shadow:0 8px 30px #0002}.error:empty{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:650px){main{width:min(100% - 24px,1040px)}header{padding:50px 0}.step{grid-template-columns:45px 1fr}.content{padding-left:22px}.rail span{font-size:10px}.step-title{gap:10px}.drop,.result{min-height:220px}.drop img,.result img,.result video{height:300px}}.media-library{padding:72px 0 20px}.library-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:24px;padding-bottom:22px;display:flex}.library-heading h2{letter-spacing:-.035em;margin:8px 0 0;font:600 clamp(28px,4vw,42px)/1.1 Manrope}.library-heading>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:600 12px Manrope}.library-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);background:#ffffff59;border-radius:18px;padding:48px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.media-card{border:1px solid var(--line);background:var(--card);border-radius:18px;overflow:hidden}.media-preview{aspect-ratio:1;background:#ece8de;place-items:center;display:grid;overflow:hidden}.media-preview img,.media-preview video{object-fit:contain;width:100%;height:100%}.media-meta{justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.media-meta>div{gap:4px;display:grid}.media-meta strong{text-transform:capitalize;font:600 14px Manrope}.media-meta small{letter-spacing:0;color:var(--muted);font:500 10px DM Sans}.library-download{color:var(--purple);font:700 12px Manrope;text-decoration:none}.library-download:hover{text-decoration:underline}@media (max-width:640px){.library-heading{align-items:start}.media-grid{grid-template-columns:1fr}.library-empty{padding:34px 20px}}