.spinner{border:3px solid color-mix(in srgb, var(--accent) 20%, transparent);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.crop-stage{box-sizing:border-box;padding:var(--space-2);background:var(--preview-wall);border-radius:var(--app-radius-sm);justify-content:center;display:flex}.crop-image{width:min(100%, calc(var(--crop-image-max-height) * var(--crop-ratio)));aspect-ratio:var(--crop-ratio);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative}.crop-image>img{width:100%;height:100%;display:block}.crop-dim{background:var(--backdrop);clip-path:polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, var(--crop-x) var(--crop-y), var(--crop-x) calc(var(--crop-y) + var(--crop-h)), calc(var(--crop-x) + var(--crop-w)) calc(var(--crop-y) + var(--crop-h)), calc(var(--crop-x) + var(--crop-w)) var(--crop-y), var(--crop-x) var(--crop-y));pointer-events:none;position:absolute;inset:0}.crop-frame{left:var(--crop-x);top:var(--crop-y);width:var(--crop-w);height:var(--crop-h);box-sizing:border-box;border:var(--key-border-width) solid var(--body-loud-color);outline:1px solid var(--selected-fg);cursor:move;position:absolute}.crop-frame:focus-visible,.crop-handle:focus-visible{outline:var(--key-border-width) solid var(--primary);outline-offset:2px}.crop-circle{border:var(--key-border-width) solid var(--selected-fg);pointer-events:none;border-radius:50%;position:absolute;inset:0}.crop-handle{width:var(--handle-target);height:var(--handle-target);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.crop-handle:before{content:"";box-sizing:border-box;width:var(--handle-size);height:var(--handle-size);border:var(--key-border-width) solid var(--selected-fg);border-radius:var(--app-radius-check);background:var(--selected-bg)}.crop-handle.is-tl{cursor:nwse-resize;top:-1px;left:-1px}.crop-handle.is-tr{cursor:nesw-resize;top:-1px;left:calc(100% + 1px)}.crop-handle.is-bl{cursor:nesw-resize;top:calc(100% + 1px);left:-1px}.crop-handle.is-br{cursor:nwse-resize;top:calc(100% + 1px);left:calc(100% + 1px)}.crop-actions{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.crop-actions-end{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.crop-validate{padding:0 var(--space-3);font:var(--type-key)}.page{min-height:100vh;display:flex}.panel{flex:0 0 min(var(--panel-width), 100%);background:var(--app-page-bg);flex-direction:column;display:flex}.panel-head{align-items:center;column-gap:var(--space-field);padding:var(--panel-head-padding-top) var(--space-3) var(--section-padding-bottom);background:var(--app-page-bg);grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,128px));display:grid}.page-title{font:var(--type-title);letter-spacing:-.02em;margin:0}.field-grid{gap:var(--space-field) var(--space-gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.images-grid{align-items:center;gap:var(--space-field) var(--space-1);grid-template-columns:auto 64px minmax(0,1fr) 152px;display:grid}.images-grid .stepper,.images-grid .segment{height:var(--key-tall-height)}.image-option{min-width:0}.image-warning{grid-column:2/-1;margin:0}@media (width<=520px){.images-grid{grid-template-columns:auto 64px minmax(0,1fr)}.image-option{grid-column:2/-1}}.image-file{display:none}.style-controls{align-items:center;gap:var(--space-field);margin-top:var(--space-gutter);flex-wrap:wrap;display:flex}.style-controls .check-toggle{margin-left:var(--space-field)}@media (width<=999px){.page{flex-direction:column}.panel{display:contents}.panel-head{row-gap:var(--space-field);grid-template-columns:repeat(3,minmax(0,1fr))}.page-title{grid-column:1/-1}.copy-bar{order:2}.preview{height:auto;padding:var(--space-3);flex:1;order:1;align-self:stretch;position:static}.preview-stage{padding-top:var(--space-2);justify-content:flex-start}.preview-foot{height:auto;padding-top:var(--space-2);flex-wrap:wrap;justify-content:flex-start;gap:0 20px;margin-bottom:0}.preview-foot>:first-child{flex:1 0 100%}.preview-foot-divider{display:none}}.error{padding:var(--space-5) var(--space-3);text-align:center;flex:1 0 auto;justify-content:center;align-items:center;display:flex}.error__code{letter-spacing:-.04em;color:color-mix(in srgb, var(--accent) 28%, transparent);margin:0 0 var(--space-2);font-size:clamp(5rem,20vw,9rem);font-weight:600;line-height:1}.error__title{margin:0 0 var(--space-1);font-size:1.75rem}.error__message{color:var(--body-quiet-color);margin:0 0 var(--space-3)}#root{display:contents}.pending{flex:1 0 auto;justify-content:center;align-items:center;display:flex}