*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-surface-base);color:var(--color-text-primary);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{line-height:var(--leading-tight);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}:focus-visible{outline:3px solid var(--color-accent-edge);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{left:var(--space-4);top:calc(-1 * var(--space-16));z-index:10;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-decoration:none;transition:top .12s cubic-bezier(.2,0,0,1);position:absolute}.skip-link:focus{top:var(--space-4)}.page{max-width:62rem;padding:var(--space-8) var(--space-5) var(--space-16);margin:0 auto}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-lg{gap:var(--space-8);flex-direction:column;display:flex}.muted{color:var(--color-text-secondary)}.small{font-size:var(--text-sm)}.hero-title{font-size:var(--text-3xl);max-width:22ch}@media (min-width:768px){.hero-title{font-size:var(--text-4xl)}}.steps{gap:var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.steps li+li:before{content:"→";margin-right:var(--space-2);color:var(--color-text-tertiary)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font:inherit;cursor:pointer;border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-accent-default);color:var(--color-text-onAccent)}.button-primary:hover:not(:disabled){background:var(--color-accent-hover)}.button-primary:active:not(:disabled){background:var(--color-accent-active)}.button-secondary{background:var(--color-surface-raised);color:var(--color-text-primary);border-color:var(--color-border-default)}.button-secondary:hover:not(:disabled){border-color:var(--color-border-strong)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.field{gap:var(--space-2);flex-direction:column;display:flex}.label{font-size:var(--text-sm);font-weight:500}.input{min-height:44px;padding:var(--space-3);font:inherit;color:var(--color-text-primary);background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.card{padding:var(--space-5);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-subtle);font-size:var(--text-sm)}.notice-error{border-color:var(--color-status-danger);background:var(--color-status-dangerSubtle);color:var(--color-status-danger)}.notice-success{border-color:var(--color-status-success);color:var(--color-text-primary)}.placeholder{border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);min-height:8rem;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;padding:var(--space-4);place-items:center;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tabular{font-variant-numeric:tabular-nums}.display{font-size:var(--text-2xl);letter-spacing:-.025em;max-width:16ch;font-weight:600;line-height:1.08}@media (min-width:480px){.display{font-size:var(--text-3xl)}}.measure{max-width:62ch}.section-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{background:var(--color-surface-base);flex-direction:column;min-height:100dvh;display:flex}.shell-bar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);z-index:5;background:var(--color-surface-base);display:flex;position:sticky;top:0}.shell-mark{letter-spacing:-.02em;color:var(--color-text-primary);font-weight:600;text-decoration:none}.shell-nav{gap:var(--space-1);scrollbar-width:none;align-items:center;margin-left:auto;display:flex;overflow-x:auto}.shell-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap;text-decoration:none}.shell-nav a:hover{color:var(--color-text-primary)}.shell-nav a[aria-current=page]{color:var(--color-text-primary);background:var(--color-surface-subtle);font-weight:500}.page{width:100%}.page-flow{max-width:34rem}.frame{aspect-ratio:var(--aspect-portrait);border-radius:var(--radius-lg);background:var(--color-surface-subtle);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.frame-sm{border-radius:var(--radius-md)}.frame img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.frame-contain img{object-fit:contain;background:var(--color-surface-subtle)}.frame-empty{border:1px dashed var(--color-border-default);background:0 0}.dropzone{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;cursor:pointer;color:var(--color-text-secondary);transition:border-color var(--duration,.16s) ease, background-color .16s ease;flex-direction:column;display:flex}.dropzone:has(input:focus-visible) label{outline:3px solid var(--color-accent-edge);outline-offset:2px}.dropzone[data-dragging=true]{border-color:var(--color-accent-edge);background:var(--color-accent-subtle);color:var(--color-text-primary);border-style:solid}.dropzone-title{color:var(--color-text-primary);font-weight:500}.stage{flex-direction:column;min-height:100dvh;display:flex}.stage .button-secondary{background:var(--color-surface-raised)}.stage .card,.stage .notice{background:var(--color-surface-subtle)}.stage-frame{max-width:min(100%, calc((100dvh - 19rem) * var(--aspect-portrait)));width:100%;margin-inline:auto}.progress-track{border-radius:var(--radius-full);background:var(--color-surface-raised);width:100%;height:4px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--color-accent-edge);height:100%;transition:width .4s cubic-bezier(0,0,0,1)}.frame-working:after{content:"";background:linear-gradient(120deg, transparent 30%, color-mix(in oklab, var(--color-text-primary) 6%, transparent) 50%, transparent 70%);animation:2.4s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.rail{gap:var(--space-3);scroll-snap-type:x mandatory;padding-bottom:var(--space-2);grid-auto-columns:42vw;grid-auto-flow:column;margin:0;padding-left:0;list-style:none;display:grid;overflow-x:auto}.rail>*{scroll-snap-align:start}@media (min-width:640px){.rail{grid-auto-columns:12rem}}.grid-looks{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.grid-looks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-looks{grid-template-columns:repeat(4,minmax(0,1fr))}}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.actions>.button{flex:auto}.button-quiet{color:var(--color-text-secondary);padding-inline:var(--space-3);background:0 0;border-color:#0000}.button-quiet:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-subtle)}.button-danger{color:var(--color-status-danger);border-color:var(--color-status-danger);background:0 0}.button-danger:hover:not(:disabled){background:var(--color-status-dangerSubtle)}.button-sm{min-height:36px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.chip{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:var(--color-surface-base);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);cursor:pointer;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--color-accent-edge);background:var(--color-accent-subtle);color:var(--color-accent-onSubtle);font-weight:500}.chip:has(input:checked){border-color:var(--color-accent-edge);background:var(--color-accent-subtle);color:var(--color-accent-onSubtle);font-weight:500}.chip:has(input:focus-visible){outline:3px solid var(--color-accent-edge);outline-offset:2px}fieldset{border:0;min-inline-size:0;margin:0;padding:0}legend{padding:0}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.textarea{min-height:5rem;padding:var(--space-3);font:inherit;color:var(--color-text-primary);background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);resize:vertical}.divider{background:var(--color-border-subtle);border:0;height:1px;margin:0}.step-count{font-size:var(--text-sm);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.disclosure{font-size:var(--text-sm);color:var(--color-text-secondary)}.meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.link{color:var(--color-text-primary);-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:3px}.list-plain{padding-left:var(--space-5);color:var(--color-text-secondary);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.consent-row{gap:var(--space-3);align-items:flex-start;display:flex}.consent-row label{cursor:pointer}.consent-row input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--color-accent-default);flex:none;margin-top:.25rem}.auth-shell{min-height:100dvh;padding:var(--space-5);background:var(--color-surface-subtle);place-items:center;display:grid}.auth-panel{background:var(--color-surface-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);width:100%;max-width:60rem;overflow:hidden}.auth-visual{display:none}.auth-form{gap:var(--space-6);padding:var(--space-6) var(--space-8);flex-direction:column;display:flex}@media (min-width:60rem){.auth-panel{grid-template-columns:5fr 6fr;align-items:stretch;display:grid}.auth-visual{justify-content:space-between;gap:var(--space-10);padding:var(--space-8);background:var(--color-surface-inverse);color:var(--color-text-inverse);flex-direction:column;display:flex;container-type:inline-size}.auth-form{padding:var(--space-10) var(--space-16)}}.auth-brand{letter-spacing:-.02em;font-weight:600}.auth-lede{font-size:var(--text-2xl);letter-spacing:-.025em;max-width:14ch;font-weight:600;line-height:1.08}@media (min-width:60rem){.auth-lede{font-size:min(var(--text-4xl), 10.5cqi);white-space:nowrap;max-width:none}}.auth-steps{gap:var(--space-4);counter-reset:auth-step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-steps li{align-items:baseline;gap:var(--space-3);counter-increment:auth-step;display:flex}.auth-steps li:before{content:counter(auth-step);font-variant-numeric:tabular-nums;opacity:.55;flex:none;min-width:1.5rem}.auth-alt{align-items:center;gap:var(--space-4);font-weight:400;display:flex}.auth-alt:before,.auth-alt:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.button-block{width:100%}.frame-square{aspect-ratio:1}.filter-search{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-search .input{flex:12rem;min-width:0}@media (max-width:30rem){.shell-nav a{padding-inline:var(--space-2)}}.stale-build{z-index:100;padding:var(--space-4);background:var(--color-surface-base);place-items:center;display:grid;position:fixed;inset:0}.stale-build .card{text-align:center;max-width:28rem}