:root{--papel:#f8f8da;--ink:#0a0a09;--red:#d61b1c;--cyan:#28c0d9;--yellow:#f7c10a;--card:#fffdf3;--line:3px;color-scheme:light;background-color:var(--papel);color:var(--ink);caret-color:var(--ink);scrollbar-color:var(--red) var(--papel);font-family:Karla,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scrollbar-gutter:stable}html:focus-within{scroll-behavior:smooth}body{background-image:radial-gradient(#64543312 .7px,#0000 .9px);background-size:9px 9px;min-height:100vh;margin:0}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}a{color:inherit}img{max-width:100%;height:auto}.skip{z-index:2;background:var(--ink);color:var(--papel);padding:.4rem .8rem;text-decoration:none;position:absolute;top:.75rem;left:.75rem}.sr-only,.skip:not(:focus){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.masthead{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem 1.25rem .5rem;display:grid}.wordmark{grid-column:2;width:clamp(10rem,30vw,23rem);max-width:100%;text-decoration:none;display:block}.menu-toggle{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;grid-column:1;justify-self:start;place-items:center;padding:0;display:grid}.menu-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;width:1.5rem;height:1.5rem}.menu-toggle:hover,.site-menu a:hover{background:var(--yellow)}.site-menu{border:1px solid var(--ink);width:min(15rem,100% - 2.5rem);color:var(--ink);background:var(--card);margin:0;padding:.35rem;position:absolute;inset:4rem auto auto 1.25rem;box-shadow:0 .4rem 1rem #0a0a091f}.site-menu a{padding:.6rem .9rem;font-family:Francois One,sans-serif;font-size:1.125rem;text-decoration:none;display:block}.site-menu a[aria-current]{text-underline-offset:.25em;text-decoration:underline 2px}.breadcrumbs{width:min(100% - 2.5rem,76rem);margin-inline:auto;padding-block:.25rem .75rem;font-size:.9375rem}.breadcrumbs ol,.breadcrumbs li{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs a{text-underline-offset:.2em}.wordmark img{width:100%;height:auto;display:block}.langs{grid-column:3;place-self:center end;gap:.5rem;font-family:Francois One,sans-serif;font-size:.95rem;display:flex}.langs a[aria-current=page]{text-decoration:underline 3px;text-decoration-color:var(--red);text-underline-offset:.2em}.tabla-hero{flex-direction:column;align-items:center;gap:1rem;padding:.75rem 1.25rem 1rem;display:flex;position:relative}@media (width>=80rem){.tabla-hero:before,.tabla-hero:after{content:"";opacity:.3;pointer-events:none;background:50%/contain no-repeat;width:clamp(8rem,14vw,13rem);position:absolute}.tabla-hero:before{aspect-ratio:1009/826;background-image:url(/plates/margin-camera.svg);top:8rem;left:calc(25% - 13rem);transform:translate(-50%)rotate(-9deg)}.tabla-hero:after{aspect-ratio:866/852;background-image:url(/plates/margin-prints.svg);top:18rem;right:calc(25% - 13rem);transform:translate(50%)rotate(8deg)}}.tabla-hero h1{text-align:center;max-width:36rem;margin:0;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:400;line-height:1.4}.cell .free-label{border:2px solid var(--ink);background:var(--yellow);text-transform:uppercase;padding:.1rem .5rem;font-family:Francois One,sans-serif;position:absolute;top:.4rem;right:.4rem}.flourish{background:linear-gradient(90deg, var(--red) 0 55%, var(--yellow) 55% 100%);clip-path:polygon(0 50%,18% 0,50% 35%,82% 0,100% 50%,82% 100%,50% 65%,18% 100%);width:4.5rem;height:.7rem}.btn{font:inherit;text-transform:uppercase;letter-spacing:.06em;border:var(--line) solid var(--ink);cursor:pointer;text-align:center;align-items:center;gap:.55rem;padding:.55rem 1.1rem;font-family:Francois One,sans-serif;text-decoration:none;display:inline-flex}.btn-red{background:var(--red);color:#fff}.btn-ghost{background:var(--card);color:var(--ink)}.btn-quiet{letter-spacing:.025em;background:0 0;border-width:1px;justify-content:center;min-height:2.75rem;padding:.4rem .75rem;font-size:1rem}.btn:hover{background:var(--yellow);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.arrow{border-style:solid;border-width:.35rem 0 .35rem .55rem;border-color:transparent transparent transparent var(--yellow);width:0;height:0}.btn:hover .arrow{border-left-color:var(--red)}.tabla{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.0625rem;width:min(79vw,52rem);margin:0;padding:0;list-style:none;display:grid}.tabla>li{min-width:0;container-type:inline-size}.cell{border:var(--line) solid var(--ink);background:var(--card);text-align:center;border-radius:12px;flex-direction:column;width:100%;height:100%;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:6px 14px 15px -11px #4c3b3766}.cell.live:is(:hover,:focus-visible) .banner{background:var(--yellow);color:var(--ink)}.cell .art{aspect-ratio:3/3.6;object-fit:cover;object-position:center;z-index:0;width:100%;max-width:none;height:auto;display:block}.cell.soon .art{filter:saturate(.6);opacity:.42}.cell .n{z-index:3;background:var(--card);border:2px solid var(--ink);padding:.05rem .35rem;font-family:Francois One,sans-serif;font-size:1.1875rem;line-height:1.2;position:absolute;top:.4rem;left:.4rem}.cell .stamp{z-index:4;border:3px solid var(--red);color:var(--red);background:var(--card);letter-spacing:.1em;text-transform:uppercase;max-width:90%;margin:0;padding:.28rem .5rem;font-family:Chau Philomene One,sans-serif;font-size:1.25rem;line-height:1.15;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.cell .banner{z-index:3;box-sizing:border-box;border-top:var(--line) solid var(--ink);background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:0;text-wrap:balance;flex:1;justify-content:center;align-items:center;min-height:88px;margin:0;padding:.65em .6em;font-family:Francois One,sans-serif;font-size:clamp(.875rem,8.4cqi,2rem);line-height:1.12;display:flex;position:relative}.cell.live .banner{text-align:left;grid-template-columns:minmax(0,1fr) 1.15em;gap:.5em;display:grid}.cell.live .banner span{min-width:0}.cell.live .banner svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:100%}.cell.soon .banner{background:var(--card);color:color-mix(in srgb, var(--ink) 55%, var(--card))}@media (width<=820px){.tabla{grid-template-columns:repeat(2,minmax(0,1fr));width:82vw}.tabla>li:first-child{grid-column:1/-1;justify-self:center;width:min(100%,380px)}.cell.live .art{aspect-ratio:1}}.article>section:first-child h2{margin-top:0}.article,.funnel-copy,.stack{max-width:41.545rem;margin:0 auto;padding:1rem 1.25rem 4rem}.article,.funnel-copy{max-width:48rem;font-size:1.125rem;line-height:1.6}.funnel-copy>p:first-child{font-size:1.25rem;font-weight:700}.article h2,.article h3,.funnel-copy h2,.stack h1,.stack h2{text-transform:uppercase;letter-spacing:.04em;margin:2rem 0 .6rem;font-family:Francois One,sans-serif;font-size:1.6rem}.article h3{font-size:1.35rem}.article p,.funnel-copy p,.stack p{margin:0 0 1rem}.funnel-copy ol,.funnel-copy ul{padding-left:1.2rem}.faq details{border-top:1px solid var(--ink);padding:.75rem 0}.faq summary{cursor:pointer;font-family:Francois One,sans-serif}.faq details[open] p{margin:1rem 1.25rem 1.25rem}body:has(.funnel) .masthead{height:4.5rem;padding-block:.75rem}body:has(.funnel) .wordmark{width:clamp(10rem,25vw,18rem)}body:has(.funnel){overflow-anchor:none}main:has(>.funnel){container-type:inline-size}.funnel{--frame-gap:clamp(.75rem, 2vw, 1.5rem);--controls-allowance:6rem;--banner-height:3.25rem;--panel-height:max(18rem, calc(75svh - 6rem));--panel-width:min(76rem, calc(100cqw - 2 * var(--frame-gap)));--photo-ratio:1.5;--photo-space:calc(var(--panel-width) - 2 * var(--frame-gap) - 4 * var(--line));--photo-max-height:calc(var(--panel-height) - var(--banner-height) - var(--controls-allowance) - var(--frame-gap) - 4 * var(--line));--photo-width:min(var(--photo-space), calc(var(--photo-max-height) * var(--photo-ratio)));--fitted-width:calc(var(--photo-width) + 2 * var(--frame-gap) + 4 * var(--line));max-width:76rem}.funnel.ticket{grid-template-rows:var(--banner-height) auto auto;width:var(--panel-width);height:var(--panel-height);border:var(--line) solid var(--ink);background:var(--card);border-radius:12px;align-content:start;margin:.5rem auto 1rem;padding:0;display:grid;overflow:hidden}.funnel.ticket:has(.well.is-picked),.funnel.ticket[data-cy=result]{width:max(min(24rem, var(--panel-width)), var(--fitted-width));height:auto}.ticket-banner{background:var(--yellow);border-bottom:var(--line) solid var(--ink);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;align-items:center;gap:.55rem;margin:0;padding:.65rem .9rem;font-family:Francois One,sans-serif;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:400;line-height:1.1;display:flex}.ticket-banner .num{color:var(--red)}.well{min-height:0;margin:var(--frame-gap) var(--frame-gap) 0;border:2px dashed var(--ink);background:color-mix(in srgb, var(--cyan) 12%, var(--card));cursor:pointer;text-align:center;border-radius:9px;grid-area:2/1;align-content:center;place-items:center;gap:1.25rem;padding:1.5rem;font-weight:700;display:grid;position:relative}.well-hint{background:var(--red);color:#fff;border:var(--line) solid var(--ink);text-transform:uppercase;letter-spacing:.04em;padding:.75rem 1.5rem;font-family:Francois One,sans-serif;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400}.well:hover{background:color-mix(in srgb, var(--cyan) 22%, var(--card))}.well.is-over{background:var(--yellow)}.well:has(input:focus-visible){outline:3px solid var(--red);outline-offset:3px}.well.is-picked,.ticket:not(:has(.well.is-picked)) [data-cy=change]{display:none}.well input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.well input[type=file]:focus-visible{outline:0}.ticket-controls{min-height:0;padding:.75rem var(--frame-gap);grid-area:3/1;grid-template-columns:minmax(0,1fr);align-self:start;gap:.5rem;display:grid;container-type:inline-size}.ticket-controls>*{grid-column:1;justify-self:center;width:100%;min-width:0;max-width:28rem}.funnel[data-settling] .ticket-controls{visibility:hidden}.ticket-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;align-items:stretch;gap:.5rem;margin:0;display:grid}.ticket-actions .btn{justify-content:center;min-width:0;min-height:2.75rem;padding:.5rem .75rem;line-height:1.25}.ticket-actions .btn-ghost{text-transform:none;letter-spacing:normal;text-underline-offset:.2em;background:0 0;border-color:#0000;font-family:inherit;text-decoration:underline}.ticket .status{align-self:start;margin:0;padding:0}[data-cy=funnel]:not(:has(.well.is-picked)){grid-template-rows:var(--banner-height) minmax(0, 1fr) auto}[data-cy=funnel]:not(:has(.well.is-picked)) .ticket-controls{flex-direction:column;align-items:center;display:flex}[data-cy=funnel]:not(:has(.well.is-picked)) .ticket-actions,[data-cy=funnel][data-state=idle] .status{display:none}.funnel .btn-red:disabled{color:#69685d;cursor:not-allowed;background:#e1dfd0;border-color:#b5b3a5}.ticket-status{background:var(--card);font:inherit;letter-spacing:normal;text-transform:none;text-align:left;place-items:start;margin:0;display:grid}.ticket[data-state=processing] .ticket-actions{display:none}.ticket[data-state=ready] .ticket-status{font-size:.875rem;font-weight:400}.ticket[data-state=failed] .status{background:var(--card);color:var(--red)}.ticket[data-state=failed] .ticket-actions{grid-template-rows:none;grid-auto-rows:minmax(2.75rem,auto)}.ticket[data-state=failed] [data-cy=again]{grid-column:1/-1}.processing-finishing,.ticket[data-stage=encoding] .processing-active{display:none}.processing-details{align-self:start;padding:0;display:none}@media (prefers-reduced-motion:no-preference){.ticket .status [data-msg],.ticket .processing-active,.ticket .processing-finishing,.ticket:is([data-state=ready],[data-state=failed]) .ticket-actions,.ticket[data-state=processing] .processing-details{animation:.16s ease-out control-appear}}@keyframes control-appear{0%{opacity:0}to{opacity:1}}.ticket[data-state=processing] .processing-details{display:grid}.ticket[data-stage=encoding] .processing-finishing{display:inline}.photo-frame{min-width:0;min-height:0;margin:var(--frame-gap) var(--frame-gap) 0;grid-area:2/1;place-items:start center;display:grid}[data-cy=funnel]:not(:has(.well.is-picked)) .photo-frame{display:none}.processing-art{box-sizing:content-box;width:var(--photo-width);aspect-ratio:var(--photo-ratio);max-width:calc(100% - 2 * var(--line));background:var(--papel);border:var(--line) solid var(--ink);border-radius:9px;min-height:0;position:relative;overflow:hidden}.processing-art:has(img[hidden]){visibility:hidden}.processing-art img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.processing-measure{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:1rem;min-height:1.5rem;display:flex}.processing-details progress{appearance:none;border:2px solid var(--ink);background:var(--papel);width:100%;min-width:0;height:1rem;accent-color:var(--yellow)}.processing-details progress::-webkit-progress-bar{background:var(--papel)}.processing-details progress::-webkit-progress-value{background:var(--yellow)}.processing-details progress::-moz-progress-bar{background:var(--yellow)}.processing-measure>span{flex-shrink:0}.processing-measure>span:empty,.funnel .status [data-msg]{display:none}.funnel[data-state=processing] .msg-processing,.funnel[data-state=ready] .msg-ready,.funnel[data-state=failed] .msg-failed{display:inline}.site-footer{text-align:center;border-top:var(--line) solid var(--ink);flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;padding:1rem 1.25rem 2rem;font-size:.95rem;display:flex}label{gap:.4rem;font-weight:700;display:grid}@media (width<=700px){.tabla{gap:.625rem;width:90vw}.cell .stamp{font-size:.9375rem}}@media (width<=47.99rem){.masthead{gap:.75rem;padding-inline:.75rem}.site-menu{left:.75rem}}@media (width<=640px){.funnel{--banner-height:2.6rem}.ticket-banner{letter-spacing:.04em;gap:.4rem;padding-inline:.7rem;font-size:1rem}}@container (width<=28rem){.ticket-actions .btn{font-size:.875rem}}@media (width<=360px){.funnel{--controls-allowance:7rem}}@media (width<=480px){.wordmark{width:clamp(10rem,48vw,17rem)}.langs{align-self:center;gap:.3125rem;font-size:.8125rem}.tabla-hero h1{text-wrap:balance;max-width:18rem;font-size:1.375rem}.tabla{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .625rem;width:82vw}.tabla>li:first-child{grid-column:1/-1}.cell.live .art{aspect-ratio:1}.cell.soon{--line:2px;border-radius:9px}.cell.soon .art{aspect-ratio:3/3.2}.cell.soon .n{font-size:1rem}.cell.soon .stamp{letter-spacing:.025em;padding-inline:.25rem}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}@media (width>=640px) and (height<=540px){body:has(.funnel) .masthead{height:3.5rem;padding-block:.375rem}body:has(.funnel) .wordmark{width:10rem}.funnel.ticket{--panel-height:max(15rem, calc(100svh - 8.5rem));--photo-space:calc(var(--panel-width) - 16rem - var(--frame-gap) - 4 * var(--line));--photo-max-height:calc(var(--panel-height) - var(--banner-height) - 2 * var(--frame-gap) - 4 * var(--line));--fitted-width:calc(var(--photo-width) + 16rem + var(--frame-gap) + 4 * var(--line));grid-template-columns:minmax(0,1fr) 16rem;grid-template-rows:var(--banner-height) auto}[data-cy=funnel]:not(:has(.well.is-picked)){grid-template-columns:minmax(0,1fr);grid-template-rows:var(--banner-height) minmax(0, 1fr) auto}.photo-frame{margin-bottom:var(--frame-gap);margin-right:0}.ticket-controls{grid-area:2/2}[data-cy=funnel]:not(:has(.well.is-picked)) .ticket-controls{grid-area:3/1}.ticket-actions{grid-template-rows:repeat(2,minmax(2.75rem,1fr));grid-template-columns:minmax(0,1fr)}.well{gap:.5rem;padding:.75rem}}.processing-preparing,.ticket[data-stage=preparing] .processing-active{display:none}.ticket[data-stage=preparing] .processing-preparing{display:inline}body:has([data-cy=result]) .funnel-copy{display:none}
