@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600&display=swap');
footer a{color:inherit}
.brand .mark{display:block;width:32px;height:32px;padding:0;border:0;border-radius:0}
.profile-button{background:transparent;padding:4px 9px 4px 4px;border:1px solid var(--line);gap:9px;font:12px Manrope}.profile-button .profile-avatar{width:30px;height:30px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-dialog{width:min(620px,92vw);max-height:86vh;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:28px;box-shadow:0 28px 90px rgba(0,0,0,.24)}.profile-dialog::backdrop{background:rgba(20,20,17,.5);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-heading h2{font:400 38px Instrument Serif;margin:5px 0 0}.icon-button{background:transparent;padding:0;display:block;font:30px/1 Instrument Serif}.dialog-copy,.passkey-note{font-size:12px;line-height:1.6;color:var(--muted)}.profile-list{display:grid;gap:8px;margin:22px 0}.profile-row{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line)}.profile-row.active{border-color:var(--ink)}.profile-row img,.profile-row .avatar-fallback{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#737b5b;color:white;display:grid;place-items:center;font-weight:600}.profile-copy{min-width:0;flex:1}.profile-copy b,.profile-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{color:var(--muted);margin-top:3px}.profile-actions{display:flex;gap:5px}.profile-actions button,.secondary-button{background:transparent;border:1px solid var(--line);padding:9px 11px;font:11px Manrope;display:block}.profile-actions button b{display:inline;background:none;color:inherit;width:auto;height:auto;font:inherit}.profile-form{display:grid;gap:13px;margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.profile-form[hidden]{display:none}.profile-form label{font-size:11px;text-transform:uppercase;color:var(--muted)}.profile-form input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);background:white;font:13px Manrope}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.passkey-note{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:760px){.profile-button #connection-label{display:none}.profile-dialog{padding:20px}.profile-row{flex-wrap:wrap}.profile-actions{width:100%}}
.gray{background:#777}
.base-choice{margin-top:22px}.base-choice>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.film-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;padding:13px;background:#f0ede5}.film-controls[hidden]{display:none}.film-controls label{font-size:10px;color:var(--muted);text-transform:uppercase}.film-controls select,.film-controls input{width:100%;height:34px;margin-top:6px;border:1px solid var(--line);background:var(--card);font:12px Manrope;padding:4px 7px}.film-controls .hint{grid-column:1/-1}.option-panel:has(.film-controls:not([hidden])){min-height:390px}
.method-panel{grid-column:1/-1;padding:24px;gap:17px}.method-panel fieldset{border:0;padding:0;margin:3px 0;width:100%}.method-panel legend{font:400 27px Instrument Serif;margin-bottom:20px}.method-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.method-options input{position:absolute;opacity:0}.method-options span{display:flex;min-height:100px;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--line);cursor:pointer}.method-options b{font-size:13px}.method-options small{font:11px/1.5 Manrope;color:var(--muted)}.method-options input:checked+span{border-color:var(--ink);box-shadow:inset 0 -4px 0 var(--acid)}@media(max-width:760px){.method-options{grid-template-columns:1fr}.method-options span{min-height:auto}}
.album-cover{width:180px;aspect-ratio:4/3;background:#dedad1;overflow:hidden;flex:0 0 auto}.album-cover[hidden]{display:none}.album-cover img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:760px){.album-cover{width:100%;margin-top:8px}.album-panel{flex-wrap:wrap}}
.download-button{border:0;background:var(--acid);color:var(--ink);padding:5px 5px 5px 25px;display:flex;align-items:center;gap:25px;font:600 13px Manrope;cursor:pointer;text-decoration:none}.download-button b{display:grid;place-items:center;background:var(--ink);color:white;width:42px;height:42px;font-size:20px}.preview-panel{border-top:1px solid var(--line);padding:65px 0 90px}.preview-panel[hidden]{display:none}.preview-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.preview-heading h2{font:400 clamp(38px,5vw,64px)/1 Instrument Serif;margin:10px 0}.preview-canvas{background:#dedad1;padding:clamp(12px,3vw,36px);display:grid;place-items:center;min-height:260px}.preview-canvas img{display:block;max-width:100%;max-height:75vh;box-shadow:0 18px 55px rgba(22,22,18,.18)}@media(max-width:760px){.preview-heading{align-items:flex-start;flex-direction:column;gap:15px}.download-button{width:100%;justify-content:space-between}}
:root{--ink:#171714;--paper:#f2efe8;--card:#fbfaf6;--line:#d7d2c8;--acid:#d9ff53;--muted:#6f6c64}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.masthead{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,4vw)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:600}.mark{font:500 12px DM Mono;border:1px solid;padding:8px 7px;border-radius:50%}.connection{font:12px DM Mono;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.connection i{display:inline-block;width:7px;height:7px;background:#7aa317;border-radius:50%;margin-right:7px}main{width:min(1180px,92vw);margin:auto}.intro{padding:80px 0 58px}.eyebrow,.step{font:500 11px DM Mono;text-transform:uppercase;letter-spacing:.13em}.eyebrow{color:var(--muted)}h1{font:400 clamp(64px,9vw,126px)/.78 Instrument Serif,serif;letter-spacing:-.045em;margin:22px 0 30px}h1 em{font-weight:400;color:#76736c}.lede{width:min(520px,100%);font-size:17px;line-height:1.7;color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:3px;display:flex}.album-panel{padding:27px 30px;gap:32px;align-items:flex-start}.step{border:1px solid var(--line);padding:7px}.field-body{flex:1}label,legend{font-size:14px;font-weight:600}select{width:100%;font:400 26px Instrument Serif;margin-top:14px;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:7px 38px 10px 0;color:var(--ink)}select:focus,input:focus{outline:2px solid #9bb53e;outline-offset:3px}.hint{font-size:12px;color:var(--muted);margin:10px 0 0}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.option-panel{padding:24px;gap:17px;min-height:245px}.option-panel fieldset{border:0;padding:0;margin:3px 0;width:100%}.option-panel legend{font:400 27px Instrument Serif;margin-bottom:24px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);padding:3px}.segmented label input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:10px;font-size:12px}.segmented input:checked+span{background:var(--ink);color:white}.dimensions{display:flex;align-items:end;gap:8px;margin-top:18px;opacity:.35;pointer-events:none}.dimensions.active{opacity:1;pointer-events:auto}.dimensions label{font-size:10px;color:var(--muted);text-transform:uppercase}.dimensions input{width:100%;margin-top:5px;padding:8px;border:1px solid var(--line);background:white}.swatches{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:12px;color:var(--muted)}.swatches input{position:absolute;opacity:0}.swatches i{display:block;width:27px;height:27px;border:1px solid var(--line);border-radius:50%}.swatches input:checked+i{outline:2px solid var(--ink);outline-offset:2px}.white{background:#f5f3ee}.black{background:#090909}.range-label{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:24px;font-size:11px;color:var(--muted)}.range-label output{font:11px DM Mono;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--ink);margin-top:13px}.action-row{display:flex;align-items:center;justify-content:space-between;padding:30px 0 90px}.action-row p{font-size:13px;color:var(--muted)}button{border:0;background:var(--acid);color:var(--ink);padding:5px 5px 5px 25px;display:flex;align-items:center;gap:25px;font:600 13px Manrope;cursor:pointer}button b{display:grid;place-items:center;background:var(--ink);color:white;width:42px;height:42px;font-size:20px}button:disabled{filter:grayscale(1);opacity:.6;cursor:wait}footer{border-top:1px solid var(--line);padding:25px 4vw;font:11px DM Mono;color:var(--muted);text-align:center}footer span{padding:0 8px}@media(max-width:760px){.connection{display:none}.intro{padding-top:55px}.options-grid{grid-template-columns:1fr}.action-row{align-items:flex-start;flex-direction:column;gap:15px}button{width:100%;justify-content:space-between}.album-panel{padding:22px;gap:15px}}