.coloring-workspace,.coloring-workspace__controls,.coloring-output{min-inline-size:0}.coloring-workspace__controls,.coloring-output{background:var(--color-surface)}.coloring-workspace__status{margin:0;border-block-start:var(--border-width-subtle) solid var(--color-border);padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-small)}.coloring-toolbar{display:grid;gap:var(--space-4);padding:var(--space-4);border-block-start:var(--border-width-strong) solid var(--color-border);background:var(--color-surface)}.coloring-toolbar__group,.coloring-toolbar__palette{display:grid;gap:var(--space-2)}.coloring-toolbar__tools,.coloring-toolbar__history{grid-template-columns:repeat(3,minmax(0,1fr))}.coloring-toolbar__palette{grid-template-columns:repeat(auto-fit,minmax(var(--size-target-min),1fr))}.coloring-toolbar button,.coloring-output button{display:inline-flex;min-inline-size:var(--size-target-min);min-block-size:var(--size-target-min);align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-width-strong) solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-strong);line-height:var(--line-height-tight);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.coloring-toolbar button:hover:not(:disabled),.coloring-output button:hover:not(:disabled){border-color:var(--color-action);background:var(--color-paper)}.coloring-toolbar button:active:not(:disabled),.coloring-output button:active:not(:disabled){transform:translateY(var(--space-1))}.coloring-toolbar button[aria-pressed=true]{border-color:var(--color-action);background:var(--color-paper);box-shadow:inset 0 -.1875rem 0 var(--color-highlight)}.coloring-toolbar button:disabled,.coloring-output button:disabled{cursor:not-allowed;opacity:.5}.coloring-toolbar button:focus-visible,.coloring-toolbar input:focus-visible,.coloring-output button:focus-visible,.coloring-reset-dialog button:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.coloring-toolbar__swatch{position:relative;inline-size:var(--size-target-min);border-radius:50%!important;padding:0!important;background:var(--swatch-color)!important;box-shadow:inset 0 0 0 var(--border-width-strong) var(--color-surface);justify-self:center}.coloring-toolbar__swatch[aria-pressed=true]{outline:var(--focus-width) solid var(--color-text);outline-offset:var(--focus-offset);box-shadow:inset 0 0 0 var(--focus-width) var(--color-surface)}.coloring-toolbar__size{display:grid;grid-template-columns:auto minmax(8rem,1fr);gap:var(--space-3);align-items:center;font-weight:var(--font-weight-strong)}.coloring-toolbar__size input{inline-size:100%;min-block-size:var(--size-target-min)}.coloring-output{display:grid;gap:var(--space-3);border-block-start:var(--border-width-strong) solid var(--color-border);padding:var(--space-4)}.coloring-output__intro{display:grid;gap:var(--space-1)}.coloring-output__intro strong{font-family:var(--font-display);font-size:1.125rem;line-height:var(--line-height-tight)}.coloring-output__intro span{color:var(--color-text-muted);font-size:var(--font-size-small)}.coloring-output__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.coloring-output .coloring-output__primary{border-color:var(--color-action);background:var(--color-action);color:var(--color-surface)}.coloring-output .coloring-output__primary:hover:not(:disabled){border-color:var(--color-action-hover);background:var(--color-action-hover)}.coloring-reset-dialog{max-inline-size:min(28rem,calc(100vw - 2 * var(--space-4)));border:var(--border-width-strong) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6);background:var(--color-surface);color:var(--color-text)}.coloring-reset-dialog::backdrop{background:var(--color-scrim)}.coloring-reset-dialog h2,.coloring-reset-dialog p{margin-block-start:0}.coloring-reset-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.coloring-reset-dialog__actions button{min-block-size:var(--size-target-min);border:var(--border-width-strong) solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-4);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-strong)}.coloring-reset-dialog__actions .coloring-reset-dialog__confirm{border-color:var(--color-action);background:var(--color-action);color:var(--color-surface)}@media(max-width:30rem){.coloring-toolbar,.coloring-output{padding:var(--space-3)}.coloring-toolbar button span,.coloring-output button span{font-size:var(--font-size-small)}.coloring-toolbar__size{grid-template-columns:1fr;gap:var(--space-1)}}@media(min-width:64rem){.coloring-workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--layout-coloring-controls-width);gap:var(--space-4);align-items:start}.coloring-workspace__canvas,.coloring-workspace__controls,.coloring-output{border:var(--focus-offset) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.coloring-workspace__canvas{overflow:hidden}.coloring-workspace__controls{overflow:visible}.coloring-toolbar{gap:var(--space-3);padding:var(--space-3);border-block-start:0}.coloring-toolbar__palette{grid-template-columns:repeat(5,minmax(0,1fr))}.coloring-toolbar__tools button,.coloring-toolbar__history button{min-inline-size:0;padding-inline:var(--space-1);font-size:var(--font-size-small)}.coloring-toolbar__size{grid-template-columns:1fr;gap:var(--space-1)}.coloring-workspace__status{padding:var(--space-2) var(--space-3)}.coloring-output{grid-column:1 / -1;grid-template-columns:minmax(10rem,.55fr) minmax(0,1.45fr);align-items:center;border-block-start:var(--focus-offset) solid var(--color-border);padding:var(--space-3)}.coloring-output__actions{grid-template-columns:repeat(4,minmax(0,1fr))}.coloring-output button{min-inline-size:0;padding-inline:var(--space-2);font-size:var(--font-size-small)}}@media(prefers-reduced-motion:reduce){.coloring-toolbar *,.coloring-output *,.coloring-reset-dialog *{scroll-behavior:auto;transition-duration:var(--motion-reduced)!important}}.personalize-flow{overflow:hidden;border:var(--focus-offset) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.personalize-status{min-block-size:var(--size-target-min);margin:0;padding:var(--space-3) var(--space-5);background:var(--color-paper);color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-strong)}.personalize-status:empty{display:none}.personalize-step{display:grid;gap:var(--space-4);padding:var(--space-6)}.personalize-step>:is(h2,p,ul,details){margin-block:0}.personalize-step h2{max-inline-size:22ch;font-family:var(--font-display);font-size:var(--font-size-section-title);line-height:var(--line-height-tight)}.personalize-step h2:focus{outline:none}.personalize-step__eyebrow{color:var(--color-action);font-weight:var(--font-weight-strong)}.personalize-gate details{border:var(--focus-offset) solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4)}.personalize-gate summary{min-block-size:var(--size-target-min);cursor:pointer;font-weight:var(--font-weight-strong)}.personalize-gate li+li{margin-block-start:var(--space-2)}.personalize-fine-print,.personalize-reference{color:var(--color-text-muted);font-size:var(--font-size-small)}.personalize-file-control{display:grid;gap:var(--space-2);border:var(--focus-offset) dashed var(--color-action);border-radius:var(--radius-card);background:var(--color-paper);padding:var(--space-6);color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-card-title);font-weight:var(--font-weight-strong);text-align:center}.personalize-file-control input{inline-size:100%;min-block-size:var(--size-target-min);font-family:var(--font-body);font-size:var(--font-size-body)}.personalize-button{display:inline-flex;min-block-size:var(--size-target-min);align-items:center;justify-content:center;border:var(--focus-offset) solid transparent;border-radius:var(--radius-control);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight);text-align:center;text-decoration:none;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.personalize-button--primary{background:var(--color-action);color:var(--color-surface)}.personalize-button--primary:hover:not(:disabled){background:var(--color-action-hover)}.personalize-button--primary:active:not(:disabled),.personalize-button--secondary:active:not(:disabled){transform:translateY(var(--space-1))}.personalize-button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.personalize-button--secondary:hover{border-color:var(--color-action);color:var(--color-action-hover)}.personalize-button:disabled{cursor:not-allowed;opacity:.6}.personalize-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.personalize-progress{overflow:hidden;block-size:var(--space-3);border-radius:var(--radius-control);background:var(--color-border)}.personalize-progress:after{display:block;inline-size:45%;block-size:100%;border-radius:inherit;background:var(--color-highlight);content:"";animation:personalize-progress var(--motion-standard) var(--motion-ease) infinite alternate}.personalize-result__canvas{inline-size:min(100%,var(--layout-reading-max));border:var(--focus-offset) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-print-paper)}@media(min-width:64rem){.personalize-result__canvas{inline-size:min(100%,var(--layout-coloring-workspace-max));border:0;background:transparent}}.account-link-backdrop{position:fixed;z-index:50;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#181a1f94}.account-link-dialog{display:grid;overflow:auto;inline-size:min(100%,32rem);max-block-size:90vh;gap:var(--space-4);padding:clamp(var(--space-5),4vw,var(--space-7));border:var(--focus-offset) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:0 var(--space-6) var(--space-8) #181a1f3d}.account-link-dialog h3,.account-link-dialog p{margin:0}.account-link-field{display:grid;gap:var(--space-2);font-weight:700;text-align:start}.account-link-field input{inline-size:100%;min-block-size:var(--size-target-min);padding:var(--space-3);border:var(--focus-offset) solid var(--color-border);border-radius:var(--radius-control);font:inherit}.account-link-field input:focus-visible{border-color:var(--color-action);outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.account-link-error{padding:var(--space-3);border-radius:var(--radius-control);background:#fff0ed;color:var(--color-danger)}.account-link-existing{color:var(--color-text-muted);font-size:var(--font-size-small)}@keyframes personalize-progress{0%{transform:translate(-15%)}to{transform:translate(135%)}}@media(max-width:40rem){.personalize-step{padding:var(--space-5)}.personalize-actions,.personalize-actions>*,.personalize-step>.personalize-button{inline-size:100%}}@media(prefers-reduced-motion:reduce){.personalize-button{transition:none}.personalize-progress:after{inline-size:100%;animation:none}}