.story-page{max-width:var(--login-width);padding:var(--space-lg) var(--space-xl)}.story-header{gap:var(--space-md);border:0;flex-wrap:wrap;padding:0}.story-brand{align-items:center;gap:var(--space-sm);font-size:var(--text-wordmark);font-weight:var(--weight-emphasis);color:var(--ink);min-height:var(--control-targetHeight);text-decoration:none;display:inline-flex}.story-brand img{object-fit:contain;flex-shrink:0}.story-progress{align-items:center;gap:var(--space-lg);font-size:var(--text-secondary);display:flex}.story-progress ol{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:flex}.story-progress li{border-radius:var(--radius-pill);border:1px solid var(--controlBorder);background:var(--line);width:12px;height:12px}.story-progress li[data-current=true],.story-progress li[data-complete=true]{background:var(--action);border-color:var(--action)}.story-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);font-size:var(--text-caption);color:var(--muted);display:flex}.story-back{align-items:center;gap:var(--space-xs);min-height:36px;padding:var(--space-xs) 0;font-size:var(--text-secondary);color:var(--ink);background:0 0;border:0;border-radius:0;text-decoration:none;display:inline-flex}.story-layout{gap:var(--space-xl);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;min-height:calc(100svh - 240px);display:grid}.story-art{min-width:0}.story-art img{-webkit-mask-composite:source-in;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.story-form{width:100%;max-width:var(--login-panel-width);min-width:0;padding:var(--space-lg) 0;justify-self:center}.story-form h1{font-size:var(--text-panelTitle);font-weight:var(--weight-emphasis);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);margin:var(--space-sm) 0 var(--space-md);text-wrap:balance}.story-intro{margin:0 0 var(--space-lg)}.story-required,.story-hint,.story-error,.story-demo-note{font-size:var(--text-caption);line-height:var(--leading-body)}.story-required{color:var(--muted);margin:0 0 var(--space-sm)}.story-field{min-width:0;margin-bottom:var(--space-lg)}.story-field label{font-size:var(--text-secondary);font-weight:var(--weight-emphasis);margin-bottom:var(--space-xs);display:block}.story-field input,.story-field select{width:100%;min-width:0;min-height:var(--control-compactHeight);padding:var(--space-sm) var(--space-md);border:1px solid var(--controlBorder);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit}.story-field input[aria-invalid=true],.story-field select[aria-invalid=true]{border-color:var(--error)}.story-field select+label{margin-top:var(--space-sm)}.story-hint{margin:var(--space-xs) 0 0}.story-error{color:var(--error);margin:var(--space-xs) 0 0}.story-field-row{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.story-private{align-items:center;gap:var(--space-sm);display:flex}.story-private svg{flex-shrink:0}.story-actions{margin-top:var(--space-lg);justify-content:flex-end;display:flex}.story-form button{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--control-compactHeight);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);font-size:var(--text-control);font-weight:var(--weight-emphasis);display:inline-flex}.story-form .story-primary{color:var(--surface);background:var(--action);border-color:var(--action)}.story-location-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.story-later{border-top:1px solid var(--line);padding-top:var(--space-lg);margin-top:var(--space-lg);font-size:var(--text-secondary)}.story-demo-note{border-top:1px solid var(--line);margin-top:var(--space-lg);padding-top:var(--space-md)}.story-preview-result{gap:var(--space-sm);color:var(--success);font-size:var(--text-secondary);align-items:flex-start;display:flex}.story-preview-result svg{flex-shrink:0}@media (hover:hover){.story-back:hover{text-underline-offset:3px;text-decoration:underline}}@media (max-width:1000px) and (orientation:portrait){.story-layout{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.story-art{width:100%;max-width:640px;margin:auto}.story-form{max-width:520px}.story-art img{object-fit:contain;max-height:420px}}@media (max-width:760px){.story-page{padding:var(--space-lg) var(--space-md)}.story-layout{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.story-progress{gap:var(--space-sm)}.story-progress li{width:8px;height:8px}.story-art{max-width:480px;margin:auto}.story-art img{object-fit:contain;max-height:300px}.story-form{padding:var(--space-md) 0;max-width:500px}.story-form h1{font-size:var(--text-heading)}.story-form .eyebrow{margin-top:0}.story-actions button{width:100%}.story-field-row{grid-template-columns:minmax(0,1fr)}.story-form{container-type:inline-size}}@media (forced-colors:active){.story-progress li[data-current=true]{outline-offset:2px;outline:2px solid highlight}.story-back{border-color:linktext}}.story-field .action-feedback{margin-top:var(--space-sm)}.story-form .story-primary:disabled{background:var(--line);border-color:var(--line);color:var(--muted);cursor:not-allowed;outline:none}.story-field :is(input,select):focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.story-field :is(input,select)[aria-invalid=true]:focus-visible{outline-color:var(--focus-color)}@media (forced-colors:active){.story-field :is(input,select):focus-visible{outline-color:highlight}}.story-art .story-progress{margin:var(--space-sm) 0 var(--space-md);justify-content:center}.story-form[data-step="1"] form{gap:var(--space-md);display:grid}.story-form[data-step="1"] .story-field{margin-bottom:0}.story-form[data-step="1"] .story-actions{margin-top:var(--space-sm)}.story-form h1{font-size:var(--text-heading);margin-bottom:var(--space-sm)}.story-intro{font-size:var(--text-secondary);margin-bottom:var(--space-lg)}:root .story-back[data-ui-control]:is(:hover,:focus,:focus-visible,:active){color:var(--ink);background:0 0}.story-back:focus-visible{text-underline-offset:var(--space-xs);text-decoration:underline}
