*{box-sizing:border-box}.brand-logo{display:block;flex:0 0 auto}.brand-logo__tile{fill:var(--brand-lime-400)}.brand-logo__mark{fill:var(--stone-950)}.settings-sidebar{--settings-sidebar-scroll-bleed: var(--space-6);display:grid;grid-template-rows:var(--settings-sidebar-rows, minmax(0, 1fr) auto);gap:var(--settings-sidebar-gap, var(--space-4));min-height:0;overflow:visible}.settings-sidebar__scroll{display:grid;align-content:start;gap:var(--settings-sidebar-scroll-gap, var(--space-4));min-height:0;margin-inline:calc(var(--settings-sidebar-scroll-bleed, var(--space-2)) * -1);padding-inline:var(--settings-sidebar-scroll-bleed, var(--space-2)) calc(var(--settings-sidebar-scroll-bleed, var(--space-2)) + var(--space-2));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.settings-sidebar__title{margin:0;color:#000;font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:32px}.settings-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.settings-sidebar__actions{position:sticky;bottom:0;display:grid;gap:var(--settings-sidebar-action-gap, var(--space-2));padding-top:var(--settings-sidebar-action-offset, var(--space-half));background:var(--panel)}.settings-sidebar__actions .ui-button{width:100%}.ui-dialog-actions--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-dialog-actions--primary-wide{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}.ui-step-progress{--ui-step-progress-gap: calc(var(--space-2) + var(--space-half));--ui-step-progress-offset: var(--space-half);--ui-step-progress-track-height: calc(var(--space-1) + 1px);display:grid;grid-template-columns:repeat(var(--ui-step-progress-count, 1),minmax(0,1fr));gap:var(--ui-step-progress-gap);margin:0;padding:var(--ui-step-progress-offset) 0 0;list-style:none}.ui-step-progress li{height:var(--ui-step-progress-track-height);border-radius:var(--pill-radius);background:#0f172a14}.ui-step-progress li.is-active,.ui-step-progress li.is-complete{background:var(--brand-lime-400)}.ui-fullscreen-workspace{--ui-fullscreen-sidebar-width: 380px;--ui-fullscreen-sidebar-inset: var(--space-5);--ui-fullscreen-sidebar-padding: var(--space-6);--ui-fullscreen-top-control-offset: var(--ui-fullscreen-sidebar-inset);--ui-fullscreen-top-safe-inset: calc( var(--ui-fullscreen-top-control-offset) + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + var(--minitool-status-bar-height, 0px) );--ui-fullscreen-top-control-center-y: calc(var(--ui-fullscreen-top-safe-inset) + var(--space-6));--ui-fullscreen-top-control-translate-y: -50%;--ui-fullscreen-bottom-control-center-y: calc( var(--ui-fullscreen-sidebar-inset) + var(--ui-fullscreen-sidebar-padding) + var(--control-height) / 2 );--ui-fullscreen-main-padding: var(--space-7);--ui-fullscreen-main-inset-left: var(--ui-fullscreen-main-padding);--ui-fullscreen-main-inset-right: calc(var(--ui-fullscreen-sidebar-width) + var(--ui-fullscreen-main-padding) * 2);--ui-fullscreen-main-center-offset-x: calc( (var(--ui-fullscreen-main-inset-left) - var(--ui-fullscreen-main-inset-right)) / 2 );--ui-fullscreen-mobile-panel-height: 50dvh;--ui-fullscreen-sidebar-height: 100dvh;--ui-fullscreen-main-height: 100dvh;position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.ui-fullscreen-workspace__back{position:fixed;top:var(--ui-fullscreen-top-safe-inset);left:var(--ui-fullscreen-top-control-offset);z-index:80}.ui-fullscreen-workspace__back .ui-button{min-width:var(--control-size-lg);max-width:var(--control-size-lg);padding-inline:0;gap:0;justify-content:flex-start;overflow:hidden;white-space:nowrap;box-shadow:var(--shadow-control-floating);transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease,box-shadow .16s ease,max-width .22s ease,padding-right .22s ease,gap .22s ease}.ui-fullscreen-workspace__back .ui-button__icon{margin-left:calc((var(--control-size-lg) - (var(--ui-button-font-size) + 2px)) / 2)}.ui-fullscreen-workspace__back .ui-button__label{max-width:0;overflow:hidden;opacity:0;transform:translate(calc(-1 * var(--space-1)));transition:max-width .22s ease,opacity .14s ease,transform .22s ease}.ui-fullscreen-workspace__back .ui-button:focus-visible{box-shadow:var(--shadow-control-floating),var(--shadow-focus-ring)}@media(hover:hover)and (pointer:fine){.ui-fullscreen-workspace__back .ui-button:is(:hover,:focus-visible){max-width:10rem;padding-right:var(--space-4);gap:var(--space-2)}.ui-fullscreen-workspace__back .ui-button:is(:hover,:focus-visible) .ui-button__label{max-width:8em;opacity:1;transform:translate(0)}}.ui-fullscreen-workspace__top-controls{position:fixed;top:var(--ui-fullscreen-top-control-center-y, var(--space-4));left:50%;z-index:75;transform:translate(calc(-50% + var(--ui-fullscreen-main-center-offset-x, 0px))) translateY(var(--ui-fullscreen-top-control-translate-y, 0))}.ui-fullscreen-workspace__bottom-controls{position:fixed;left:50%;bottom:var(--ui-fullscreen-bottom-control-center-y);z-index:75;transform:translate(calc(-50% + var(--ui-fullscreen-main-center-offset-x, 0px))) translateY(50%)}.ui-fullscreen-workspace__main{width:100%;height:100%;min-height:0}.ui-fullscreen-workspace__main>*{width:100%;height:100%}.ui-fullscreen-workspace__main img{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ui-fullscreen-workspace__main>.photo-workspace{width:100%;height:100%;min-height:0;border-radius:0}.ui-fullscreen-workspace__sidebar{position:fixed;top:var(--ui-fullscreen-top-safe-inset);right:var(--ui-fullscreen-sidebar-inset);bottom:var(--ui-fullscreen-sidebar-inset);z-index:70;width:var(--ui-fullscreen-sidebar-width);min-height:0}.ui-fullscreen-workspace__sidebar>.settings-sidebar{width:100%;height:100%;padding:var(--ui-fullscreen-sidebar-padding);border:0;border-radius:var(--surface-radius-xl);background:#fafaf9f0;box-shadow:0 20px 56px #0f172a29;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.ui-fullscreen-workspace__sidebar .settings-sidebar__actions{background:transparent}@media(max-width:720px){.ui-fullscreen-workspace{--ui-fullscreen-sidebar-padding: var(--space-4);--ui-fullscreen-top-control-offset: var(--space-3);--ui-fullscreen-bottom-control-center-y: calc( var(--ui-fullscreen-sidebar-height) + var(--space-4) + var(--control-height) / 2 );--ui-fullscreen-main-inset-left: var(--mobile-stage-gutter);--ui-fullscreen-main-inset-right: var(--mobile-stage-gutter);--ui-fullscreen-sidebar-height: var(--ui-fullscreen-mobile-panel-height);--ui-fullscreen-main-height: 100%;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.ui-fullscreen-workspace--mobile-content-panel{--ui-fullscreen-content-panel-min-height: calc( 192px + var(--mobile-bottom-safe-area) );--ui-fullscreen-content-stage-min-height: min( 80vw, calc(100dvh - var(--ui-fullscreen-content-panel-min-height)) );--ui-fullscreen-content-panel-max-height: calc( 100dvh - var(--ui-fullscreen-content-stage-min-height) );grid-template-rows:minmax(var(--ui-fullscreen-content-stage-min-height),1fr) auto}.ui-fullscreen-workspace__main{grid-row:1;grid-column:1}.ui-fullscreen-workspace__sidebar{position:relative;top:auto;right:auto;bottom:auto;left:auto;grid-row:2;grid-column:1;width:auto;height:fit-content;max-height:var(--ui-fullscreen-sidebar-height)}.ui-fullscreen-workspace--mobile-content-panel>.ui-fullscreen-workspace__sidebar{max-height:var(--ui-fullscreen-content-panel-max-height);overflow:hidden;box-shadow:0 -3px 12px color-mix(in srgb,var(--stone-950) 3%,transparent)}.ui-fullscreen-workspace__sidebar>.settings-sidebar{height:auto;max-height:inherit;padding:0 var(--space-4) var(--editor-bottom-sheet-padding);border-radius:0}.ui-fullscreen-workspace:not(.ui-fullscreen-workspace--mobile-content-panel)>.ui-fullscreen-workspace__sidebar>.settings-sidebar{padding-top:var(--space-4)}.ui-fullscreen-workspace--mobile-content-panel>.ui-fullscreen-workspace__sidebar>.settings-sidebar{--settings-sidebar-rows: minmax(0, 1fr) auto;max-height:var(--ui-fullscreen-content-panel-max-height)}.ui-fullscreen-workspace--mobile-content-panel .settings-sidebar__scroll{padding-top:0}.ui-fullscreen-workspace--mobile-content-panel .settings-sidebar__header{position:sticky;top:0;z-index:2;min-height:var(--space-10);padding-block:var(--space-2);background:var(--panel)}.ui-fullscreen-workspace--mobile-content-panel .settings-sidebar__header:before{content:"";position:absolute;right:0;bottom:100%;left:0;height:var(--space-4);background:var(--panel)}.ui-fullscreen-workspace__main>.photo-workspace{height:var(--ui-fullscreen-main-height)}.ui-fullscreen-workspace__bottom-controls{position:relative;right:auto;bottom:auto;left:auto;grid-row:1;grid-column:1;align-self:end;justify-self:center;margin-bottom:var(--space-4);transform:none}}.ui-dialog-preview-stage{--ui-dialog-preview-stage-padding: var(--space-5);--ui-dialog-preview-stage-padding-block-start: var(--ui-dialog-preview-stage-padding);--ui-dialog-preview-stage-padding-inline-end: var(--ui-dialog-preview-stage-padding);--ui-dialog-preview-stage-padding-block-end: var(--ui-dialog-preview-stage-padding);--ui-dialog-preview-stage-padding-inline-start: var(--ui-dialog-preview-stage-padding);--ui-dialog-preview-stage-content-gap: var(--space-4);position:relative;display:grid;container-type:size;box-sizing:border-box;min-width:0;min-height:0;height:100%;max-height:100%;overflow:hidden;padding:var(--ui-dialog-preview-stage-padding-block-start) var(--ui-dialog-preview-stage-padding-inline-end) var(--ui-dialog-preview-stage-padding-block-end) var(--ui-dialog-preview-stage-padding-inline-start);border-radius:var(--panel-radius);background:linear-gradient(180deg,#0f172a0a,#0f172a12),var(--stone-100)}.ui-dialog-preview-stage--transparent{background:linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark-soft) 75%),#fff;background-position:0 0,0 var(--checker-offset-stage),var(--checker-offset-stage) calc(var(--checker-offset-stage) * -1),calc(var(--checker-offset-stage) * -1) 0,0 0;background-size:var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),auto}.ui-dialog-preview-stage--compact{--ui-dialog-preview-stage-content-gap: var(--space-1)}.ui-dialog-preview-stage__content{display:grid;place-items:center;min-width:0;min-height:0}.ui-dialog-preview-stage__overlay{position:absolute;right:var(--ui-dialog-preview-stage-padding-inline-end);bottom:var(--ui-dialog-preview-stage-padding-block-end);z-index:2}.settings-group{display:grid;gap:var(--settings-group-gap, var(--space-3))}.settings-group h3{margin:0;color:var(--ink);font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height)}@media(max-width:720px){.ui-mobile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:block;padding:0;border:0;background:var(--surface-mobile-sheet-backdrop);animation:ui-mobile-sheet-backdrop-enter .22s cubic-bezier(.2,0,0,1) both}.ui-mobile-sheet{--floating-panel-header-height: var(--space-10);top:auto;right:0;bottom:0;left:0;width:auto;max-height:min(72dvh,620px);padding-bottom:var(--editor-bottom-sheet-padding, var(--space-4));border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel);box-shadow:var(--shadow);animation:ui-mobile-sheet-enter .4s cubic-bezier(.2,0,0,1) both}.ui-mobile-sheet__header,.ui-mobile-sheet__body{padding-inline:var(--mobile-sheet-inline-padding)}}.ui-caption{margin:0;font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height)}.ui-tag{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;border:1px solid var(--ui-tag-border);border-radius:var(--tag-radius);background:var(--ui-tag-background);color:var(--ui-tag-color);font-weight:var(--text-body-sm-weight);letter-spacing:0;white-space:nowrap}.ui-tag--sm{min-height:24px;padding:0 var(--space-2);font-size:var(--text-caption-size);line-height:var(--text-caption-line-height)}.ui-tag--xs{min-height:16px;padding:0 var(--space-1);font-size:var(--text-caption-size);line-height:1}.ui-tag--md{min-height:28px;padding:0 var(--space-3);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.ui-tag--neutral{--ui-tag-background: #ffffff;--ui-tag-border: rgba(15, 23, 42, .14);--ui-tag-color: rgba(15, 23, 42, .66)}.ui-tag--accent{--ui-tag-background: rgba(132, 231, 165, .22);--ui-tag-border: transparent;--ui-tag-color: rgba(15, 23, 42, .86)}.ui-tag--inverse{--ui-tag-background: #000000;--ui-tag-border: transparent;--ui-tag-color: #ffffff}.ui-button{--ui-button-font-size: var(--text-body-size);--ui-button-padding-inline: var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--ui-button-padding-inline);border:1px solid transparent;border-radius:var(--button-radius);background:transparent;color:var(--ink);font:inherit;font-size:var(--ui-button-font-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap;box-shadow:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease,box-shadow .16s ease}.ui-button__icon{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:calc(var(--ui-button-font-size) + 2px);height:calc(var(--ui-button-font-size) + 2px);flex:0 0 calc(var(--ui-button-font-size) + 2px);line-height:0}.ui-button__icon svg{display:block;width:100%;height:100%}.ui-button__label{display:inline-flex;align-items:center;line-height:1;white-space:nowrap}.ui-button--with-icon{padding-left:calc(var(--ui-button-padding-inline) - var(--space-1));padding-right:var(--ui-button-padding-inline)}.ui-button--with-end-icon{padding-left:var(--ui-button-padding-inline);padding-right:calc(var(--ui-button-padding-inline) - var(--space-1))}.ui-button--with-icon.ui-button--with-end-icon{padding-left:calc(var(--ui-button-padding-inline) - var(--space-1));padding-right:calc(var(--ui-button-padding-inline) - var(--space-1))}.ui-text-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:#0f172a7a;font:inherit;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height);letter-spacing:0;text-align:center;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer;transition:color .16s ease}.ui-text-button:hover,.ui-text-button:focus-visible{color:#0f172adb}.ui-text-button:focus-visible{outline:none}.ui-text-button:disabled{color:#0f172a47;cursor:not-allowed}.ui-two-state-toggle{--ui-two-state-toggle-font-size: var(--text-body-size);--ui-two-state-toggle-height: var(--control-size-sm);--ui-two-state-toggle-radius: var(--control-radius-md);--ui-two-state-toggle-option-gap: var(--space-1);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-two-state-toggle-option-gap);height:var(--ui-two-state-toggle-height);padding:0;border:0;border-radius:var(--ui-two-state-toggle-radius);background:var(--surface-control-muted);color:#0f172aa3;font:inherit;font-size:var(--ui-two-state-toggle-font-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0;cursor:pointer;box-shadow:var(--ui-two-state-toggle-shadow, none);transition:background-color .16s ease,box-shadow .16s ease}.ui-two-state-toggle--sm{--ui-two-state-toggle-font-size: var(--text-body-size);--ui-two-state-toggle-height: var(--control-size-sm);--ui-two-state-toggle-radius: var(--control-radius-md)}.ui-two-state-toggle--lg{--ui-two-state-toggle-font-size: var(--text-body-size);--ui-two-state-toggle-height: var(--control-size-lg);--ui-two-state-toggle-radius: var(--control-radius)}.ui-two-state-toggle--lg .ui-two-state-toggle__option{padding:0 var(--space-6)}.ui-two-state-toggle:hover{background:var(--surface-control-muted-hover)}.ui-two-state-toggle:disabled{cursor:not-allowed;opacity:.6}.ui-two-state-toggle:focus-visible{outline:none;box-shadow:var(--ui-two-state-toggle-focus-shadow, var(--shadow-focus-ring))}.ui-two-state-toggle__option{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;height:var(--ui-two-state-toggle-height);padding:0 var(--space-4);border-radius:var(--ui-two-state-toggle-radius);color:#0f172aa3;white-space:nowrap;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,font-weight .16s ease}.ui-two-state-toggle__option.is-active{background:#fff;color:#0f172aeb;font-weight:var(--text-heading-weight);box-shadow:var(--shadow-control-active)}.ui-button--primary{background:var(--ink);color:var(--ink-inverse)}.ui-button--primary:is(.is-active,[aria-pressed=true]):not(:disabled){background:var(--ink);color:var(--ink-inverse)}.floating-menu-panel{--ui-floating-menu-item-size-sm: var(--control-size-sm);--ui-floating-menu-item-size-lg: var(--control-size-lg);--ui-floating-menu-item-size: var(--ui-floating-menu-item-size-sm);--ui-floating-menu-item-font-size-sm: var(--text-body-size);--ui-floating-menu-item-font-size-lg: var(--text-body-size);--ui-floating-menu-item-font-size: var(--ui-floating-menu-item-font-size-sm);display:grid;gap:var(--space-1);min-width:188px;padding:var(--space-2);border:0;border-radius:var(--control-radius);background:#fff;box-shadow:var(--shadow)}.floating-menu-panel--lg{--ui-floating-menu-item-size: var(--ui-floating-menu-item-size-lg);--ui-floating-menu-item-font-size: var(--ui-floating-menu-item-font-size-lg)}.floating-menu-item{display:flex;align-items:center;gap:var(--space-2);min-height:var(--ui-floating-menu-item-size);padding:0 var(--space-3);border:0;border-radius:var(--control-radius-sm);background:transparent;color:var(--ink);font:inherit;font-size:var(--ui-floating-menu-item-font-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0;text-align:left;cursor:pointer}.floating-menu-panel--icons .floating-menu-item{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:var(--space-2);padding-inline:var(--space-3)}.floating-menu-separator{display:block;height:1px;margin-top:var(--space-1);margin-bottom:var(--space-1);background:var(--line)}.floating-menu-item--with-icon,.floating-menu-item--with-detail{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch}.floating-menu-item--with-icon{grid-template-columns:16px minmax(0,1fr);column-gap:var(--space-2);padding-inline:var(--space-3)}.floating-menu-item--with-detail{min-height:var(--control-height);padding-block:var(--space-2)}.floating-menu-item--illustrated{--floating-menu-illustration-size: var(--space-9);grid-template-columns:var(--floating-menu-illustration-size) minmax(0,1fr);gap:var(--space-3);min-height:calc(var(--floating-menu-illustration-size) + var(--space-6));padding:var(--space-3)}.floating-menu-item__icon{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:16px;height:16px;flex:0 0 16px;line-height:0}.floating-menu-item__icon svg{display:block;width:16px;height:16px}.floating-menu-item--illustrated .floating-menu-item__icon{width:var(--floating-menu-illustration-size);height:var(--floating-menu-illustration-size);flex-basis:var(--floating-menu-illustration-size)}.floating-menu-item--illustrated .floating-menu-item__icon img{display:block;width:100%;height:100%;object-fit:contain}.floating-menu-item__content{display:flex;flex-wrap:wrap;align-items:baseline;min-width:0;column-gap:var(--space-2);row-gap:var(--space-1)}.floating-menu-item--with-icon:not(.floating-menu-item--with-detail) .floating-menu-item__content{align-items:center}.floating-menu-item__label,.floating-menu-item__detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-menu-item__label{flex:0 1 auto}.floating-menu-item--with-icon:not(.floating-menu-item--with-detail) .floating-menu-item__label{line-height:var(--text-body-line-height)}.floating-menu-item__detail{flex:0 1 auto;color:var(--muted);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height)}.floating-menu-item--illustrated .floating-menu-item__content{display:grid;gap:var(--space-2)}.floating-menu-item--illustrated .floating-menu-item__label{font-size:var(--text-body-size);line-height:var(--text-body-line-height)}.floating-menu-item:hover,.floating-menu-item:focus-visible{background:var(--surface-soft);outline:none}.floating-menu-item.is-active{background:var(--surface-soft-strong);color:var(--ink)}.floating-menu-item:disabled{cursor:not-allowed;opacity:.48}.ui-button--primary:hover{background:#000000db}.ui-button--primary:active{background:#000000eb}.ui-button--sm{--ui-button-font-size: var(--text-body-size);--ui-button-padding-inline: var(--space-4);--ui-button-size: var(--control-size-sm);min-height:var(--control-size-sm);border-radius:var(--control-radius-md)}.ui-button--lg{--ui-button-size: var(--control-size-lg);min-height:var(--control-size-lg);border-radius:var(--control-radius)}.ui-button--xl{--ui-button-size: var(--control-size-xl);min-height:var(--control-size-xl);border-radius:var(--control-radius)}.ui-button--xl .ui-button__icon{width:var(--font-size-20);height:var(--font-size-20);flex-basis:var(--font-size-20)}.ui-button--secondary{border-color:var(--line);background:var(--stone-50);color:var(--ink)}.ui-button--secondary:hover{border-color:#0000002e;background:var(--surface-soft)}.ui-button--secondary:active{background:var(--surface-soft-strong)}.ui-button--secondary:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:#00000038;background:var(--surface-soft-strong);color:var(--ink)}.ui-button--tertiary{background:var(--stone-50);color:var(--ink)}.ui-button--tertiary:active{background:var(--surface-soft-strong)}@media(hover:hover)and (pointer:fine){.ui-button--tertiary:hover{background:var(--surface-soft)}}.ui-button--tertiary:is(.is-active,[aria-pressed=true]):not(:disabled){background:var(--surface-soft-strong);color:var(--ink)}.ui-button--active-neutral.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--ink);color:var(--ink-inverse)}.ui-button--active-neutral.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-button--active-neutral.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:#000000db;color:var(--ink-inverse)}.ui-button--active-neutral.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--ink);color:var(--ink-inverse)}.ui-button--active-neutral.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--surface-control-muted);color:var(--ink)}.ui-button--active-neutral.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-button--active-neutral.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:var(--surface-control-muted-hover);color:var(--ink)}.ui-button--active-neutral.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--surface-control-muted);color:var(--ink)}.ui-button--active-brand.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--brand-lime-400);color:var(--ink)}.ui-button--active-brand.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-button--active-brand.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:var(--brand-lime-500);color:var(--ink)}.ui-button--active-brand.ui-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--brand-lime-400);color:var(--ink)}.ui-button--active-brand.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--brand-lime-100);color:var(--ink)}.ui-button--active-brand.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-button--active-brand.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:var(--brand-lime-200);color:var(--ink)}.ui-button--active-brand.ui-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--brand-lime-100);color:var(--ink)}.ui-button--icon-only{width:var(--ui-button-size, var(--control-height));min-width:var(--ui-button-size, var(--control-height));padding-inline:0}.ui-button:focus-visible{outline:none;border-color:#00000047;box-shadow:0 0 0 3px #00000014}.ui-button:disabled{opacity:.48;cursor:not-allowed}.ui-icon-button:disabled{color:#00000047;opacity:1}.ui-button:disabled:hover{border-color:transparent;background:var(--stone-50)}.ui-button--secondary:disabled:hover{border-color:var(--line)}.ui-button--primary:disabled:hover{background:var(--ink)}.ui-button--with-icon.ui-button--icon-only{gap:0}.ui-option-select{--ui-option-select-columns: 3;--ui-option-select-label-gap: 8px;--ui-option-select-content-gap: 8px;--ui-option-select-media-width: 56px;--ui-option-select-mobile-option-width: 112px;--ui-option-select-option-padding: var(--space-2);--ui-option-select-icon-strong: var(--stone-500);--ui-option-select-icon-soft: var(--stone-300);--ui-option-select-icon-fill: var(--stone-200);display:grid;gap:var(--ui-option-select-label-gap);min-width:0;margin:0;padding:0;border:0}.ui-option-select__label{margin:0 0 var(--ui-option-select-label-gap);padding:0;color:var(--form-field-label-color);font-family:var(--form-field-label-font-family);font-size:var(--form-field-label-font-size);font-weight:var(--form-field-label-font-weight);line-height:var(--form-field-label-line-height);letter-spacing:var(--form-field-label-letter-spacing);text-transform:var(--form-field-label-text-transform)}.ui-option-select__label,.size-control legend,.toggle-grid legend,.tool-setting-group legend{width:max-content;min-width:max-content;inline-size:max-content;min-inline-size:max-content;max-width:100%;white-space:nowrap}.ui-option-select__options{display:grid;grid-template-columns:repeat(var(--ui-option-select-columns),minmax(0,1fr));gap:var(--space-2);min-width:0}.ui-option-select__option.ui-button{width:100%;min-width:0;padding:var(--ui-option-select-option-padding);border-color:var(--stone-200);background:var(--stone-50);color:#0f172ad6}.ui-option-select__option.ui-button--sm{--ui-option-select-option-padding: var(--space-4)}.ui-option-select__option.ui-button--lg{--ui-option-select-option-padding: var(--space-2)}.ui-option-select__option--text-only.ui-button{padding-inline:var(--space-4)}.ui-option-select--vertical .ui-option-select__option--with-media.ui-button{padding:var(--space-3)}.ui-option-select__option--with-image.ui-button{height:auto}.ui-option-select__option .ui-button__label{display:grid;min-width:0;width:100%;overflow-wrap:anywhere;text-align:center;white-space:normal}.ui-option-select__content{display:grid;gap:var(--ui-option-select-content-gap);justify-items:center;min-width:0;width:100%}.ui-option-select--horizontal .ui-option-select__content{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;text-align:left}.ui-option-select__media{position:relative;display:inline-grid;place-items:center;min-width:0;overflow:hidden;line-height:0}.ui-option-select__media--image{aspect-ratio:3 / 4;width:min(100%,var(--ui-option-select-media-width));border-radius:var(--control-radius-sm);background:#fff;box-shadow:inset 0 0 0 1px #0f172a14}.ui-option-select--horizontal .ui-option-select__media--image{width:var(--ui-option-select-media-width);flex:0 0 var(--ui-option-select-media-width)}.ui-option-select__media--image img{display:block;width:100%;height:100%;object-fit:cover}.ui-option-select__media--icon{width:var(--space-7);height:var(--space-7)}.ui-option-select__media--icon svg{display:block;width:var(--space-7);height:var(--space-7)}.ui-option-select__media--icon [stroke="#44403C"]{stroke:var(--ui-option-select-icon-strong)}.ui-option-select__media--icon [stroke="#A8A29E"]{stroke:var(--ui-option-select-icon-soft)}.ui-option-select__media--icon [fill="#E7E5E4"]{fill:var(--ui-option-select-icon-fill)}.ui-option-select__media--icon [fill="#D6D3D1"]{fill:var(--ui-option-select-icon-soft)}.ui-option-select__media--icon [stroke="#D6D3D1"]{stroke:var(--ui-option-select-icon-soft)}.ui-option-select__media--portrait{transform:scaleX(-1)}.ui-option-select__media--portrait svg{transform:rotate(90deg)}.ui-option-select__text{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-body-size);line-height:var(--text-body-line-height)}.ui-option-select--sm .ui-option-select__text{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}.ui-option-select--vertical .ui-option-select__option--with-media .ui-option-select__text{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.ui-option-select__option.ui-button.is-active,.ui-option-select__option.ui-button[aria-pressed=true]{--ui-option-select-icon-strong: var(--brand-lime-600);--ui-option-select-icon-fill: var(--brand-lime-300);--ui-option-select-icon-soft: var(--brand-lime-400);border-color:var(--brand-lime-400);background:var(--brand-lime-50);color:#0f172af0;box-shadow:inset 0 0 0 1px var(--brand-lime-400)}.ui-option-select__option.ui-button.is-active:hover,.ui-option-select__option.ui-button[aria-pressed=true]:hover{background:var(--brand-lime-50)}@media(max-width:720px){.ui-option-select--mobile-scroll .ui-option-select__options{display:flex;grid-template-columns:none;gap:var(--space-2);margin-inline:0;padding-inline:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.ui-option-select--mobile-scroll .ui-option-select__options::-webkit-scrollbar{display:none}.ui-option-select--mobile-scroll .ui-option-select__option.ui-button{flex:0 0 var(--ui-option-select-mobile-option-width);scroll-snap-align:start}}.ui-icon-button{position:relative;justify-content:center;background:var(--stone-50)}.ui-icon-button:disabled:hover{background:var(--stone-50)}.ui-icon-button.ui-button--sm{--ui-icon-button-size: var(--control-size-sm);--ui-icon-glyph-size: 18px}.ui-icon-button.ui-button--lg{--ui-icon-button-size: var(--icon-button-size-lg);--ui-icon-glyph-size: var(--icon-size-lg)}.ui-icon-button.ui-button--xl{--ui-icon-button-size: var(--control-size-xl);--ui-icon-glyph-size: var(--icon-size-lg)}.ui-icon-button.ui-button--icon-only{width:var(--ui-icon-button-size);min-width:var(--ui-icon-button-size);min-height:var(--ui-icon-button-size);padding:0;flex:0 0 var(--ui-icon-button-size)}.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled),.ui-icon-button--active-neutral:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--ink);color:var(--ink-inverse)}.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover,.ui-icon-button--active-neutral:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-icon-button--active-neutral:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:#000000db;color:var(--ink-inverse)}.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible,.ui-icon-button--active-neutral:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--ink);color:var(--ink-inverse)}.ui-icon-button--active-brand.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--brand-lime-400);color:var(--ink)}.ui-icon-button--active-brand.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-icon-button--active-brand.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:var(--brand-lime-500);color:var(--ink)}.ui-icon-button--active-brand.ui-icon-button--active-strong:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--brand-lime-400);color:var(--ink)}.ui-icon-button--active-brand.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--brand-lime-alpha-300);color:var(--brand-lime-700)}.ui-icon-button--active-brand.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-icon-button--active-brand.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:var(--brand-lime-alpha-400);color:var(--brand-lime-800)}.ui-icon-button--active-brand.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--brand-lime-alpha-300);color:var(--brand-lime-700)}.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled){border-color:transparent;background:var(--surface-control-muted);color:var(--ink)}.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):hover,.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled).fake-hover{background:var(--surface-control-muted-hover);color:var(--ink)}.ui-icon-button--active-soft:is(.is-active,[aria-pressed=true]):not(:disabled):focus-visible{border-color:transparent;background:var(--surface-control-muted);color:var(--ink)}.ui-icon-button .ui-button__icon{width:var(--ui-icon-glyph-size);height:var(--ui-icon-glyph-size);flex-basis:var(--ui-icon-glyph-size)}.ui-icon-button .ui-button__icon svg,.ui-icon-button .ui-button__icon>span,.ui-icon-button .ui-button__icon>span svg{width:var(--ui-icon-glyph-size);height:var(--ui-icon-glyph-size)}.ui-icon-button__tooltip,.tool-button__tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;z-index:4;transform:translate(-50%) translateY(4px);padding:var(--space-2) var(--space-3);border:var(--border-default);border-radius:var(--pill-radius);background:#fff;color:var(--ink);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:1;letter-spacing:var(--label-tracking);text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.ui-icon-button__tooltip--portal,.tool-button__tooltip--portal{position:fixed;bottom:auto;z-index:40;opacity:1;box-shadow:0 8px 20px #00000014;animation:ui-icon-button-tooltip-fade-in .16s ease}.ui-icon-button__tooltip--top,.tool-button__tooltip--top{transform:translate(-50%,-100%)}.ui-icon-button__tooltip--bottom,.tool-button__tooltip--bottom{transform:translate(-50%)}@keyframes ui-icon-button-tooltip-fade-in{0%{opacity:0}to{opacity:1}}.ui-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--dialog-page-margin);background:var(--surface-modal-backdrop)}.ui-dialog{--ui-dialog-target-width: var(--dialog-size-md);--ui-dialog-radius: var(--radius-xl);--ui-dialog-padding-block: var(--space-5);--ui-dialog-padding-inline: var(--space-6);--ui-dialog-header-bleed-block: var(--ui-dialog-padding-block);--ui-dialog-header-bleed-inline: var(--ui-dialog-padding-inline);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-4);width:min(var(--ui-dialog-target-width),calc(100vw - var(--dialog-page-margin) * 2));max-height:min(720px,calc(100dvh - var(--dialog-page-margin) * 2));overflow:hidden;padding:var(--ui-dialog-padding-block) var(--ui-dialog-padding-inline);border-radius:var(--ui-dialog-radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.ui-dialog--radius-md{--ui-dialog-radius: var(--control-radius)}.ui-dialog--radius-lg{--ui-dialog-radius: var(--radius-xl)}.ui-dialog--size-sm{--ui-dialog-target-width: var(--dialog-size-sm)}.ui-dialog--size-md{--ui-dialog-target-width: var(--dialog-size-md)}.ui-dialog--size-lg{--ui-dialog-target-width: var(--dialog-size-lg)}.ui-dialog--size-xl{--ui-dialog-target-width: var(--dialog-size-xl);max-height:min(820px,calc(100dvh - var(--dialog-page-margin) * 2))}.ui-dialog__header,.ui-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ui-dialog__header{margin:calc(var(--ui-dialog-header-bleed-block) * -1) calc(var(--ui-dialog-header-bleed-inline) * -1) 0;padding:var(--space-3) var(--space-3) 0 var(--ui-dialog-padding-inline);background:var(--panel)}.ui-dialog__header h2{margin:0;color:var(--ink);font-size:var(--text-title-size);font-weight:var(--text-title-weight);letter-spacing:0;line-height:var(--text-title-line-height);text-transform:none}.ui-dialog__body{display:grid;align-content:start;gap:var(--space-3);min-height:0;padding-inline:var(--space-2);overflow-y:auto;scrollbar-gutter:stable}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl) .ui-dialog__body{padding-inline:0}.ui-dialog__body:has(>.ui-fullscreen-workspace){align-content:stretch;overflow:hidden;padding-inline:0;scrollbar-gutter:auto}.ui-dialog__body p{margin:0;color:var(--muted);font-size:var(--text-body-sm-size);line-height:1.55}@media(max-width:720px){.ui-dialog-backdrop{place-items:end center;padding:var(--space-3) 0 0}.ui-dialog-backdrop--size-sm,.ui-dialog-backdrop--size-md{background:var(--surface-mobile-sheet-backdrop);animation:ui-mobile-sheet-backdrop-enter .22s cubic-bezier(.2,0,0,1) both}.ui-dialog-backdrop--size-lg,.ui-dialog-backdrop--size-xl{padding:0}.ui-dialog{width:100vw;max-height:calc(100dvh - var(--space-3));border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl){--ui-dialog-padding-inline: var(--space-4);min-height:280px;padding:var(--space-5) var(--ui-dialog-padding-inline) calc(var(--space-5) + env(safe-area-inset-bottom));animation:ui-mobile-sheet-enter .4s cubic-bezier(.2,0,0,1) both}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl) .ui-dialog__header{padding-top:var(--space-4);padding-right:var(--ui-dialog-padding-inline)}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl) .ui-dialog__header h2{font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-line-height)}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl) .ui-dialog__body{padding-inline:0}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl) .ui-dialog__body p{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}.ui-dialog--size-lg,.ui-dialog--size-xl{height:100dvh;max-height:none;border-radius:0}.ui-dialog__footer{align-items:stretch;flex-direction:column}.ui-dialog__footer>*{width:100%}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl) .ui-dialog__footer{flex-direction:row}.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl) .ui-dialog__footer>*{flex:1 1 0;width:auto}}.ui-swatch-button{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;padding:0;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;line-height:1;text-align:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ui-swatch-button--sm,.ui-swatch-button--md{width:24px;height:24px}.ui-swatch-button--tile{width:100%;min-height:var(--control-size-sm)}.ui-swatch-button--dropdown{grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-3);text-align:left}.ui-swatch-button--rounded{border-radius:var(--control-radius-md)}.ui-swatch-button--circle{border-radius:var(--pill-radius)}.ui-swatch-button:hover{transform:translateY(-1px);border-color:#00000038}.ui-swatch-button:focus-visible{outline:none;border-color:#00000047;box-shadow:0 0 0 4px #00000014}.ui-swatch-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.ui-swatch-button:disabled:hover{border-color:var(--line)}.ui-swatch-button:disabled:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.ui-swatch-button.is-active{border-width:2px;border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--panel-strong)}.ui-swatch-button--labeled.ui-swatch-button--circle{font-family:var(--font-mono-ui);font-size:9px;font-weight:800}.ui-swatch-button--labeled.ui-swatch-button--tile{font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);letter-spacing:.02em}.ui-swatch-button__code{display:block;max-width:calc(100% - 4px);overflow:hidden;text-overflow:ellipsis;line-height:1.1;white-space:nowrap}.ui-swatch-button__dropdown-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-swatch-button__dropdown-icon{display:inline-flex;width:14px;height:14px;color:currentColor;opacity:.66}.ui-swatch-button__dropdown-icon svg{width:14px;height:14px}.ui-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid rgba(0,0,0,.48);border-radius:var(--checkbox-radius);background:#fff;color:var(--ink-inverse);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.ui-checkbox[data-state=checked]{border-color:var(--ink);background:var(--ink)}.ui-checkbox:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #0000001f}.ui-checkbox:disabled{opacity:.48}.ui-checkbox__indicator,.ui-checkbox__icon{display:inline-flex;width:12px;height:12px}.ui-checkbox__icon svg{width:12px;height:12px}.ui-checkbox-field{--ui-checkbox-field-radius: var(--control-radius);display:flex;align-items:center;gap:var(--space-3);min-height:0;padding:0;border:0;border-radius:var(--ui-checkbox-field-radius);background:transparent;cursor:pointer}.ui-checkbox-field--padded{height:var(--control-size-sm);min-height:var(--control-size-sm);padding:0 16px}.ui-checkbox-field--with-description{height:auto;padding:0}.ui-checkbox-field__copy{display:grid;gap:var(--space-half)}.ui-checkbox-field__label{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0}.ui-checkbox-field__description{color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.ui-switch-field{--ui-switch-field-radius: var(--control-radius);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:0;padding:0;border:0;border-radius:var(--ui-switch-field-radius);background:transparent;cursor:pointer}.ui-switch-field--padded{height:var(--control-size-sm);min-height:var(--control-size-sm);padding:0 16px}.ui-switch-field--with-description{height:auto;padding:0}.ui-switch-field__copy{display:grid;min-width:0;gap:var(--space-half)}.ui-switch-field__label{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0}.ui-switch-field__description{color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.ui-switch__control{position:relative;display:inline-flex;width:36px;height:20px;flex:0 0 36px}.ui-switch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.ui-switch__track{display:flex;align-items:center;width:100%;height:100%;padding:2px;border-radius:999px;background:var(--surface-control-muted);box-shadow:inset 0 0 0 1px var(--line-soft);transition:background-color .16s ease,box-shadow .16s ease}.ui-switch__thumb{width:16px;height:16px;border-radius:50%;background:var(--panel);box-shadow:var(--shadow-thumbnail);transform:translate(0);transition:transform .16s ease}.ui-switch:checked+.ui-switch__track{background:var(--ink);box-shadow:none}.ui-switch:checked+.ui-switch__track .ui-switch__thumb{transform:translate(16px)}.ui-switch:focus-visible+.ui-switch__track{box-shadow:var(--shadow-focus-ring)}.ui-switch:disabled{cursor:not-allowed}.ui-switch:disabled+.ui-switch__track{opacity:.48}.ui-switch-field:has(.ui-switch:disabled){cursor:not-allowed}.tool-button{display:inline-flex;align-items:center;gap:var(--space-2)}.tool-button.ui-icon-button:not(.is-active):not([aria-pressed=true]){background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-button__icon{display:inline-flex;width:var(--icon-size-lg);height:var(--icon-size-lg)}.tool-button__icon svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.controls-card__header{margin:0}.controls-card__groups,.conversion-controls__groups,.toggle-grid{display:grid;gap:var(--space-4)}.tool-section,.size-control{display:grid;gap:var(--space-3)}.tool-row,.choice-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.select-control,.toolbar-select{display:grid;gap:var(--space-2)}.ui-dropdown{display:grid;align-content:start;gap:var(--space-2)}.ui-number-field,.ui-slider-field,.ui-text-field{display:grid;gap:var(--space-2)}.ui-number-field__label,.ui-slider-field__label,.ui-text-field__label{font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted)}.ui-number-field__input,.ui-text-field__input{box-sizing:border-box;width:100%;height:var(--control-height);min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:var(--border-default);border-radius:var(--pill-radius);background:#fff;color:var(--ink);font:inherit;letter-spacing:0}.ui-number-field__input:focus-visible,.ui-text-field__input:focus-visible{outline:none;border-color:#00000047;box-shadow:0 0 0 3px #00000014}.ui-slider-field__control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0}.ui-slider-field__range{position:relative;display:block;min-width:0}.ui-slider-field__step-marks{position:absolute;top:0;right:13px;bottom:0;left:13px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.ui-slider-field__step-mark{width:6px;height:6px;border-radius:50%;background:#0f172a3d}.ui-slider-field__step-mark.is-active{background:#ffffff6b}.ui-slider-field__step-mark.is-current{visibility:hidden}.ui-slider-field__input{position:relative;z-index:2;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;overflow:visible;--ui-slider-progress: 0%}.ui-slider-field__input::-webkit-slider-runnable-track{height:20px;border-radius:var(--control-radius-sm);background:linear-gradient(var(--ink),var(--ink)) 0 50% / var(--ui-slider-progress) 20px no-repeat,#0f172a14}.ui-slider-field__input::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:28px;margin-top:-4px;border:var(--border-default);border-radius:var(--control-radius-sm);background:#fff;box-shadow:0 10px 24px #0f172a24}.ui-slider-field__input::-moz-range-track{height:20px;border:0;border-radius:var(--control-radius-sm);background:linear-gradient(var(--ink),var(--ink)) 0 50% / var(--ui-slider-progress) 20px no-repeat,#0f172a14}.ui-slider-field__input::-moz-range-thumb{width:32px;height:28px;border:var(--border-default);border-radius:var(--control-radius-sm);background:#fff;box-shadow:0 10px 24px #0f172a24}.ui-slider-field__input:focus-visible{outline:none}.ui-slider-field__input:focus-visible::-webkit-slider-thumb{box-shadow:0 10px 24px #0f172a24,0 0 0 3px #0f172a24}.ui-slider-field__input:disabled{cursor:not-allowed}.ui-slider-field__input:disabled::-webkit-slider-runnable-track{background:#0f172a14}.ui-slider-field__input:disabled::-moz-range-track{background:#0f172a14}.ui-slider-field__value{min-width:40px;color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height);text-align:right}.size-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ui-dropdown__label{color:var(--form-field-label-color);font-family:var(--form-field-label-font-family);font-size:var(--form-field-label-font-size);font-weight:var(--form-field-label-font-weight);line-height:var(--form-field-label-line-height);letter-spacing:var(--form-field-label-letter-spacing);text-transform:var(--form-field-label-text-transform)}.ui-dropdown__control{position:relative;display:flex;align-items:center;min-width:0}.ui-dropdown__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-width:0;max-width:100%;min-height:var(--control-size-lg);padding:var(--space-2) calc(var(--space-5) + var(--space-4)) var(--space-2) var(--space-4);border:var(--border-default);border-radius:var(--control-radius);background:var(--stone-50);color:var(--ink);font:inherit;letter-spacing:0;text-align:left;cursor:pointer}.ui-dropdown__trigger:disabled{border-color:var(--line);background:var(--stone-50);color:#0000006b;cursor:not-allowed}.ui-dropdown__trigger:disabled+.ui-dropdown__icon{color:#00000052}.ui-dropdown__value{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-host{--toast-page-offset: var(--space-6);--toast-viewport-bleed: var(--space-8);--toast-padding-block: calc(var(--space-2) + var(--space-half));--toast-padding-inline: calc(var(--space-3) + var(--space-half));position:fixed;left:50%;top:calc(var(--toast-page-offset) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)));z-index:1400;max-width:min(420px,calc(100vw - var(--toast-viewport-bleed)));padding:var(--toast-padding-block) var(--toast-padding-inline);border-radius:var(--panel-radius);background:var(--stone-alpha-700);color:var(--stone-50);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);box-shadow:var(--shadow-control-floating);transform:translate(-50%);animation:toast-lift-fade 2.6s ease forwards}@keyframes toast-lift-fade{0%{opacity:0;transform:translate(-50%,12px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media(prefers-reduced-motion:reduce){.toast-host{animation:toast-fade 2.6s linear forwards}@keyframes toast-fade{0%{opacity:0}8%,78%{opacity:1}to{opacity:0}}}.editor-image-import{position:relative;display:inline-flex}.editor-image-import__menu{width:188px}.editor-import-dialog{width:100vw;height:100dvh;max-height:none;gap:0;padding:0;border-radius:0;background:var(--bg);box-shadow:none;grid-template-rows:minmax(0,1fr)}.project-dialog-backdrop:has(.editor-import-dialog){padding:0;background:var(--bg)}.editor-import-dialog .ui-dialog__header{display:none}.editor-import-dialog__body{display:grid;align-items:stretch;justify-items:stretch;min-height:0;padding:0;overflow:hidden}.editor-import-dialog__layout{height:100%}.editor-import-dialog__sidebar{--form-field-label-font-size: 12px;--form-field-label-line-height: 16px;height:100%}.editor-import-dialog__workspace .photo-workspace__stage{--photo-workspace-stage-padding-block-start: calc( var(--ui-fullscreen-top-safe-inset, var(--space-5)) + var(--control-size-lg) + var(--space-3) );--photo-workspace-stage-padding-inline-end: var(--ui-fullscreen-main-inset-right);--photo-workspace-stage-padding-block-end: var(--space-7);--photo-workspace-stage-padding-inline-start: var(--ui-fullscreen-main-inset-left);min-height:0}.editor-import-dialog__workspace .photo-workspace__image{max-height:clamp(420px,58vh,560px)}.canvas-size-dialog{width:100vw;height:100dvh;max-height:none;gap:0;padding:0;border-radius:0;background:var(--bg);box-shadow:none;grid-template-rows:minmax(0,1fr)}.project-dialog-backdrop:has(.canvas-size-dialog){padding:0;background:var(--bg)}.canvas-size-dialog .ui-dialog__header{display:none}.canvas-size-dialog__body{display:grid;align-items:stretch;justify-items:stretch;min-height:0;padding:0;overflow:hidden}.canvas-size-dialog__layout{height:100%}.canvas-size-dialog__workspace{--canvas-size-dialog-top-control-clearance: calc( var(--ui-fullscreen-top-control-center-y) + var(--control-size-lg) / 2 + var(--space-3) );width:100vw;height:100dvh;min-height:0;padding:max(var(--space-7),var(--canvas-size-dialog-top-control-clearance)) var(--ui-fullscreen-main-inset-right) calc(var(--space-10) + var(--space-7)) var(--ui-fullscreen-main-inset-left);border-radius:0;background:linear-gradient(180deg,#0f172a09,#0f172a12),var(--stone-100);overflow:clip;overscroll-behavior:contain}.canvas-size-dialog__workspace.ui-dialog-preview-stage{border-radius:0}.canvas-size-dialog__preview-frame{position:relative;width:min(620px,calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2),calc((100cqh - var(--ui-dialog-preview-stage-content-gap) * 2) * var(--canvas-size-dialog-preview-ratio, 1)));max-height:100%;max-width:calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2);cursor:grab;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-size-dialog__preview-frame:active{cursor:grabbing}.canvas-size-dialog__camera-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;will-change:transform}.canvas-size-dialog__crop-fill{position:absolute;z-index:0;pointer-events:none;background:linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%,transparent 75%,var(--checker-dark-soft) 75%),#fff;background-position:0 0,var(--checker-offset-cell) var(--checker-offset-cell),0 0;background-size:var(--checker-size-cell) var(--checker-size-cell),var(--checker-size-cell) var(--checker-size-cell),auto}.canvas-size-dialog__preview-canvas{position:absolute;z-index:1;display:grid;gap:0;border:1px solid rgba(15,23,42,.26);background:#ffffffb8}.canvas-size-dialog__preview-cell{min-width:0;aspect-ratio:1;border-right:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06)}.photo-workspace__crop-box.canvas-size-dialog__crop-box{--photo-workspace-crop-edge-inset: calc(var(--space-3) + var(--space-half));--photo-workspace-crop-edge-hit-size: calc(var(--space-4) + var(--space-half));--photo-workspace-crop-edge-offset: calc(var(--photo-workspace-crop-edge-hit-size) / -2);--photo-workspace-crop-edge-rail-length: 72px;--photo-workspace-crop-edge-rail-thickness: var(--space-1);--photo-workspace-crop-handle-hit-size: var(--space-5);--photo-workspace-crop-handle-hit-offset: calc((var(--photo-workspace-crop-handle-hit-size) / -2) / var(--photo-workspace-crop-zoom, 1));--photo-workspace-crop-handle-visual-size: var(--space-5);--photo-workspace-crop-handle-visual-gap: 1px;--photo-workspace-crop-handle-visual-bend-inset: calc(var(--photo-workspace-crop-handle-visual-size) / 2)}.canvas-size-dialog__camera-controls{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:0;padding:var(--space-1);border:var(--border-default);border-radius:var(--control-radius-md);background:#fffffff5;box-shadow:var(--shadow-control-floating);cursor:default}.canvas-size-dialog__sidebar{--settings-sidebar-rows: minmax(0, 1fr) auto;--settings-sidebar-scroll-gap: var(--space-4);--form-field-label-font-size: 12px;--form-field-label-line-height: 16px;height:100%;overflow:hidden}.canvas-size-dialog__settings{align-content:start}.canvas-size-dialog__fields{--settings-group-gap: var(--space-3);align-content:start;margin:0;padding:0;border:0}@media(max-width:720px){.editor-import-dialog__workspace .photo-workspace__stage{--photo-workspace-stage-padding-block-start: calc( var(--space-3) + var(--control-size-lg) + var(--space-3) );--photo-workspace-stage-padding-inline-end: var(--mobile-stage-gutter);--photo-workspace-stage-padding-block-end: var(--space-5);--photo-workspace-stage-padding-inline-start: var(--mobile-stage-gutter);height:var(--ui-fullscreen-main-height);min-height:0;align-items:center;justify-items:center}.editor-import-dialog__sidebar{max-height:var(--ui-fullscreen-sidebar-height)}.editor-import-dialog__workspace .photo-workspace__image{width:auto;max-width:56vw;max-height:calc(var(--ui-fullscreen-main-height) - var(--space-10))}.canvas-size-dialog__workspace{height:var(--ui-fullscreen-main-height);min-height:0;padding:var(--space-7) var(--mobile-stage-gutter) calc(var(--space-10) + var(--space-5))}.canvas-size-dialog__sidebar{max-height:var(--ui-fullscreen-sidebar-height)}}.ui-dropdown__selected-detail{flex:0 999 auto;min-width:0;overflow:hidden;text-overflow:clip;color:var(--muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height);white-space:nowrap}.ui-dropdown__trigger:focus-visible{outline:none;border-color:#00000047;box-shadow:0 0 0 3px #00000014}.ui-dropdown__icon{position:absolute;right:var(--space-3);display:inline-flex;width:14px;height:14px;pointer-events:none;transform:rotate(0);transition:transform .12s ease}.ui-dropdown__icon.is-open{transform:rotate(180deg)}.ui-dropdown__icon svg{width:14px;height:14px}.ui-input-field{display:grid;align-content:start;gap:var(--space-2)}.ui-input-field__label{font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted)}.ui-input{box-sizing:border-box;display:inline-flex;align-items:center;width:100%;min-width:0;max-width:100%;height:var(--input-height);min-height:var(--input-height);padding:var(--input-padding-y) var(--input-padding-x);border:var(--input-border);border-radius:var(--input-radius);background:var(--input-background);color:var(--input-color);font:var(--input-font);letter-spacing:var(--input-letter-spacing)}.ui-input::placeholder{color:#0000006b}.ui-input:focus-visible{outline:none;border-color:var(--input-focus-border-color);box-shadow:var(--input-focus-shadow)}.ui-input:disabled{border-color:var(--line);background:var(--stone-50);color:#0000006b;cursor:not-allowed}.ui-dropdown__panel{--ui-dropdown-option-size-sm: var(--control-size-sm);--ui-dropdown-option-size-lg: var(--control-size-lg);--ui-dropdown-option-size: var(--ui-dropdown-option-size-sm);position:absolute;top:calc(100% + var(--space-2));left:0;z-index:80;width:max-content;min-width:100%}.ui-dropdown__options{box-sizing:border-box;width:100%;min-width:100%}.ui-dropdown__actions,.ui-dropdown__mobile-backdrop{display:none}@media(max-width:720px){.ui-dropdown__mobile-backdrop{display:block;z-index:79}.ui-dropdown__panel.ui-mobile-sheet{--ui-dropdown-option-size: var(--ui-dropdown-option-size-lg);top:auto!important;right:0;bottom:0;left:0!important;z-index:80;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;row-gap:var(--mobile-page-gutter);width:auto;min-width:0!important;max-height:min(72dvh,620px);padding:var(--mobile-page-gutter) var(--mobile-page-gutter) 0;border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel);overflow:hidden;overscroll-behavior:contain}.ui-dropdown__options{min-height:0;padding:0;border-radius:0;background:transparent;box-shadow:none;overflow-y:auto;overscroll-behavior:contain}.ui-dropdown__option{font-size:var(--text-body-size)}.ui-dropdown__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-inline:calc(var(--mobile-page-gutter) * -1);padding:var(--space-3) var(--mobile-sheet-inline-padding) var(--editor-bottom-sheet-padding, var(--space-4));background:var(--panel)}.ui-dropdown__actions .ui-button{width:100%}}.ui-dropdown__option{box-sizing:border-box;width:100%;height:var(--ui-dropdown-option-size);min-height:var(--ui-dropdown-option-size)}.ui-dropdown__option.is-active{background:var(--brand-lime-100);color:var(--ink)}.ui-dropdown__option.is-active:focus-visible,.ui-dropdown__option.is-active.is-highlighted{background:var(--brand-lime-200)}.ui-dropdown__option.is-active:active{background:var(--brand-lime-200)}.ui-dropdown__option.is-highlighted:not(.is-active){background:var(--surface-soft)}.bead-palette-dropdown__panel{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:80;width:100%;display:flex;gap:var(--space-2);align-items:stretch;box-sizing:border-box;overflow:hidden}.bead-palette-dropdown__backdrop,.bead-palette-dropdown__actions{display:none}.bead-palette-dropdown__column{display:grid;align-content:start;grid-auto-rows:var(--ui-floating-menu-item-size);gap:var(--space-1);flex:1 1 0;max-height:100%;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.bead-palette-dropdown__option{width:100%;height:var(--ui-floating-menu-item-size);min-height:var(--ui-floating-menu-item-size)}.bead-palette-dropdown__option.is-active{background:var(--brand-lime-100);color:var(--ink)}.bead-palette-dropdown__option.is-active:focus-visible{background:var(--brand-lime-200)}.bead-palette-dropdown__option.is-active:active{background:var(--brand-lime-200)}@media(hover:hover)and (pointer:fine){.ui-dropdown__option.is-active:hover,.bead-palette-dropdown__option.is-active:hover{background:var(--brand-lime-200)}}@media(max-width:720px){.bead-palette-dropdown__backdrop{display:block;z-index:79}.bead-palette-dropdown__panel.ui-mobile-sheet{top:auto!important;right:0;bottom:0;left:0!important;z-index:80;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;column-gap:var(--mobile-page-gutter);row-gap:var(--mobile-page-gutter);width:auto!important;min-width:0;max-height:min(72dvh,620px)!important;padding:var(--mobile-page-gutter) var(--mobile-page-gutter) 0;border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel)}.bead-palette-dropdown__actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-inline:calc(var(--mobile-page-gutter) * -1);padding:var(--space-3) var(--mobile-sheet-inline-padding) var(--editor-bottom-sheet-padding, var(--space-4));background:var(--panel)}.bead-palette-dropdown__actions .ui-button{width:100%}}@keyframes ui-mobile-sheet-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes ui-mobile-sheet-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes ui-mobile-sheet-backdrop-enter{0%{background-color:transparent}to{background-color:var(--surface-mobile-sheet-backdrop)}}@keyframes ui-mobile-sheet-backdrop-exit{0%{background-color:var(--surface-mobile-sheet-backdrop)}to{background-color:transparent}}@media(max-width:720px){.ui-mobile-sheet-backdrop--exiting{animation:ui-mobile-sheet-backdrop-exit .22s cubic-bezier(.4,0,1,1) both}.ui-mobile-sheet.ui-mobile-sheet--exiting,.ui-dialog.ui-mobile-sheet--exiting{animation:ui-mobile-sheet-exit .22s cubic-bezier(.4,0,1,1) both;pointer-events:none}}@media(prefers-reduced-motion:reduce){.ui-mobile-sheet-backdrop,.ui-dialog-backdrop--size-sm,.ui-dialog-backdrop--size-md,.ui-mobile-sheet,.ui-dialog:not(.ui-dialog--size-lg):not(.ui-dialog--size-xl){animation:none}}.bead-palette-dropdown__option .floating-menu-item__content,.bead-palette-dropdown__option .floating-menu-item__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls-card__note,.control-help{margin:0;color:var(--muted);line-height:1.6}.size-control,.toggle-grid{margin:0;padding:0;border:0}.size-control legend,.toggle-grid legend,.tool-section__label,.scenario-list h3{margin-bottom:var(--space-3);font-size:var(--text-body-sm-size);font-weight:var(--text-heading-weight);line-height:var(--text-body-sm-line-height)}.size-control__option{display:inline-flex;align-items:center;gap:var(--space-3);margin:0;padding:var(--space-3) var(--space-4)}.size-control__option input,.toggle-option input{accent-color:var(--matcha)}.tool-setting-card,.tool-setting-group{display:grid;gap:var(--space-3)}.tool-setting-card{padding:var(--space-4);border:1px solid var(--line-soft);border-radius:var(--card-radius);background:#ffffffad}.tool-setting-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.tool-setting-card__header strong{font-size:var(--text-body-size);font-weight:var(--text-heading-weight);line-height:var(--text-body-line-height)}.tool-setting-group{margin:0;padding:0;border:0}.tool-setting-group legend{margin-bottom:var(--space-2);font-size:var(--text-body-sm-size);font-weight:var(--text-heading-weight);line-height:var(--text-body-sm-line-height)}.tool-setting-group__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool-size-chip{min-width:64px;justify-content:center}.tool-setting-help{margin:0;color:var(--muted);line-height:1.5}.toggle-option{display:flex;gap:var(--space-3);align-items:center}.stage-canvas-panel{position:relative;display:grid;min-height:720px;background:linear-gradient(180deg,#02492a0a,#fffffff5),var(--panel);padding:0}.stage-canvas-panel>.pixel-grid-viewport{background:radial-gradient(circle at top,rgba(59,211,253,.08),transparent 34%),linear-gradient(180deg,#f8f4ed,#efe8dd)}.stage-bottom-note{min-height:0}.uploader{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px dashed var(--line);border-radius:var(--card-radius);background:#f8cc6529}.uploader-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.pixel-grid-viewport{position:relative;display:block;width:100%;max-width:100%;max-height:640px;overflow:hidden;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none}.pixel-grid-viewport.is-pan-mode{cursor:grab}.pixel-grid-viewport.is-pan-mode:active{cursor:grabbing}.pixel-grid-viewport .pixel-cell{cursor:inherit}.pixel-grid-frame{position:absolute;background:linear-gradient(45deg,#ebe5da 25%,transparent 25%,transparent 75%,#ebe5da 75%),linear-gradient(45deg,#ebe5da 25%,transparent 25%,transparent 75%,#ebe5da 75%);background-position:0 0,8px 8px;background-size:16px 16px;overflow:hidden}.pixel-grid{position:absolute;inset:var(--pixel-grid-frame-inset, 0px);display:grid;gap:0;background:var(--pixel-grid-outline);transform-origin:center center}.pixel-cell{position:relative;display:grid;place-items:center;border:0;padding:0;background:#ffffffd6;min-width:0;min-height:0}.pixel-cell--transparent{background:linear-gradient(45deg,rgba(223,216,203,.7) 25%,transparent 25%,transparent 75%,rgba(223,216,203,.7) 75%),linear-gradient(45deg,rgba(223,216,203,.7) 25%,transparent 25%,transparent 75%,rgba(223,216,203,.7) 75%),#ffffff42;background-position:0 0,6px 6px,0 0;background-size:12px 12px,12px 12px,auto}.pixel-grid--flat,.pixel-grid-frame--flat{background:transparent}.pixel-cell--flat{border-color:transparent;background-image:none}.pixel-cell--symbol{background:#fffffff5;color:var(--ink);font-weight:var(--text-heading-weight)}.pixel-cell__overlay{font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:1}.pixel-cell__label{position:relative;z-index:1;color:var(--pixel-cell-label-color, var(--ink));font-family:var(--font-mono-ui);font-size:clamp(8px,calc(var(--pixel-cell-size) * .36),14px);font-weight:700;line-height:1;pointer-events:none}.pixel-cell__preview{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;pointer-events:none}.pixel-cell__preview--transparent{background:linear-gradient(45deg,rgba(223,216,203,.7) 25%,transparent 25%,transparent 75%,rgba(223,216,203,.7) 75%),linear-gradient(45deg,rgba(223,216,203,.7) 25%,transparent 25%,transparent 75%,rgba(223,216,203,.7) 75%),#ffffff42;background-position:0 0,6px 6px,0 0;background-size:12px 12px,12px 12px,auto}.pixel-grid--hide-transparency-texture .pixel-cell__preview--transparent{background:transparent}.pixel-grid-viewport:not([data-active-tool=pan]):not([data-active-tool=select]):not([data-active-tool=paint]):not([data-active-tool=erase]):not([data-active-tool=sample]):not([data-active-tool=fill]):not([data-active-tool=line]):not([data-active-tool=rectangle]) .pixel-cell--editable:hover{outline:2px solid var(--pomegranate);z-index:1}.pixel-grid--has-color-highlight .pixel-cell:not(.pixel-cell--color-highlight){opacity:.42}.pixel-grid--has-color-highlight .pixel-cell--color-highlight{z-index:3;opacity:1}.bead-axis-label{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:2;background:var(--surface-workspace);color:#242a33b8;font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:1;white-space:nowrap;box-sizing:border-box}.tool-panel__body,.scenario-panel__body{display:grid;gap:var(--space-5)}.panel.tool-panel--inline,.tool-panel--editor{overflow:visible;width:100%;max-width:100%;min-width:0}.tool-panel--editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.tool-panel__floating-bar{--tool-panel-floating-max-width: calc(100% - var(--space-8));--tool-panel-floating-border-size: 1px;--tool-panel-floating-block-size: calc( var(--icon-button-size-lg) + var(--space-2) + var(--space-2) + var(--tool-panel-floating-border-size) + var(--tool-panel-floating-border-size) );position:absolute;left:50%;bottom:var(--editor-bottom-floating-offset, var(--space-5));display:inline-flex;align-items:center;justify-content:flex-start;width:max-content;max-width:var(--tool-panel-floating-max-width);gap:var(--space-3);padding:var(--space-2);border:var(--tool-panel-floating-border-size) solid #ffffff;border-radius:var(--toolbar-radius);background:#ffffffe6;backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);box-shadow:var(--shadow);transform:translate(-50%);pointer-events:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;transition:max-width .36s ease}.tool-panel__bottom-bar{gap:var(--space-3)}.tool-panel__bottom-bar--locked{max-width:158px;overflow:hidden;animation:bead-board-toolbar-lock-enter .36s ease-out both}.tool-panel__bottom-bar--locked.is-pressing{border-color:var(--brand-lime-400)}.tool-panel__bottom-bar--unlocking{overflow:hidden;animation:bead-board-toolbar-unlock-exit .36s ease-out both}.tool-panel__bottom-group{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--space-4);min-width:max-content}.tool-panel__bottom-divider{display:block;flex:0 0 1px;width:1px;height:40px;background:var(--line)}.tool-panel__bead-assembly-zoom{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;padding-left:var(--space-4)}.tool-panel__bead-assembly-zoom:before{content:"";position:absolute;top:50%;left:0;width:1px;height:40px;background:var(--line);transform:translateY(-50%)}.bead-board-lock-strip{position:relative;min-width:142px;font-weight:600;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;z-index:1}.tool-panel__bottom-bar--locked .bead-board-lock-strip.ui-button--tertiary{background:transparent}.tool-panel__bottom-bar--locked .bead-board-lock-strip.ui-button--tertiary:hover,.tool-panel__bottom-bar--locked .bead-board-lock-strip.ui-button--tertiary:focus-visible{background:color-mix(in srgb,var(--surface-soft) 70%,transparent)}.tool-panel__bottom-bar--locked.is-pressing .bead-board-lock-strip.ui-button--tertiary,.tool-panel__bottom-bar--locked.is-pressing .bead-board-lock-strip.ui-button--tertiary:hover,.tool-panel__bottom-bar--locked.is-pressing .bead-board-lock-strip.ui-button--tertiary:active,.tool-panel__bottom-bar--locked.is-pressing .bead-board-lock-strip.ui-button--tertiary:focus-visible{background:transparent}.bead-board-lock-strip .ui-button__icon{width:var(--icon-size-lg);height:var(--icon-size-lg);flex:0 0 var(--icon-size-lg)}.bead-board-lock-strip .ui-button__icon svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.bead-board-lock-progress{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:scaleX(0);transform-origin:left center;background:color-mix(in srgb,var(--brand-lime-400) 22%,transparent);pointer-events:none}.tool-panel__bottom-bar--locked.is-pressing .bead-board-lock-progress{transform:scaleX(1);transition:transform 1.2s linear}@keyframes bead-board-toolbar-lock-enter{0%{max-width:min(760px,var(--tool-panel-floating-max-width))}to{max-width:158px}}@keyframes bead-board-toolbar-unlock-exit{0%{max-width:158px}to{max-width:var(--tool-panel-floating-max-width)}}@media(max-width:760px){.tool-panel__floating-bar{--tool-panel-floating-max-width: calc(100vw - var(--space-6))}.canvas-stage--bead-assembly .tool-panel__bottom-bar{width:var(--tool-panel-floating-max-width)}}@media(prefers-reduced-motion:reduce){.tool-panel__floating-bar,.tool-panel__bottom-bar--locked,.tool-panel__bottom-bar--unlocking{animation:none;transition:none}}.tool-panel__canvas-bar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;height:var(--layout-bar-height);padding:var(--space-4);background:linear-gradient(to bottom,var(--surface-workspace) 0%,var(--surface-workspace) 72%,transparent 100%);pointer-events:none}.canvas-stage--rulers-visible .tool-panel__canvas-bar{background:var(--surface-workspace)}.tool-panel__inline-row{display:flex;align-items:center;gap:var(--space-4);width:100%;min-width:0;box-sizing:border-box;padding:var(--space-3) var(--space-4) var(--space-3);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.tool-panel__groups{display:flex;flex-wrap:nowrap;align-items:center;gap:0}.tool-panel__history,.tool-panel__canvas-actions,.mode-switch-cluster{pointer-events:auto}.tool-panel__history{flex:0 0 auto}.tool-row--inline{flex-wrap:nowrap}.tool-panel__inline-actions,.tool-panel__canvas-actions{display:flex;align-items:center;margin-left:auto;flex:0 0 auto;gap:0}.tool-panel__canvas-actions{margin-left:0}.toolbar-select{min-width:112px}.tool-cluster{position:relative;display:flex;align-items:center;min-width:max-content;padding-right:var(--space-3);margin-right:var(--space-3)}.tool-cluster--bottom{width:auto;min-width:max-content;padding-right:0;margin-right:0}.tool-cluster--bottom.tool-cluster--selection{padding-right:var(--space-3);margin-right:0}.tool-panel__color-control,.tool-panel__color-library{position:relative;display:inline-grid;place-items:center;flex:0 0 var(--control-size-lg);width:var(--control-size-lg);min-width:var(--control-size-lg)}.tool-panel__color-trigger{pointer-events:auto}.tool-panel__color-trigger.is-active{box-shadow:0 0 0 3px #007aff2e}.tool-cluster:after{content:"";position:absolute;top:50%;right:0;width:1px;height:40px;background:var(--line);transform:translateY(-50%)}.tool-cluster--bottom:after{display:none}.tool-cluster--bottom.tool-cluster--selection:after{display:block}.tool-panel__inline-row>.tool-cluster:last-child:after,.tool-panel__groups>.tool-cluster:last-child:after{display:none}.tool-cluster__buttons{display:flex;align-items:center;gap:var(--space-3)}.tool-cluster--bottom .tool-cluster__buttons{gap:var(--space-3)}.tool-cluster__inline-controls{position:relative;display:inline-flex;align-items:center;margin-left:var(--space-2);padding-left:var(--space-3)}.tool-cluster__inline-controls:before{content:"";position:absolute;top:50%;left:0;width:1px;height:40px;background:var(--line);transform:translateY(-50%)}.mode-switch-cluster{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:var(--space-2);transform:translate(-50%,-50%)}.mode-switch-cluster__lock{width:40px;min-width:40px;min-height:40px;flex:0 0 40px}.tool-panel__active-swatch{display:grid;place-items:center;width:var(--control-size-lg);height:var(--control-size-lg);background:var(--surface-control-muted);border-radius:var(--control-radius-md);cursor:default}.tool-panel__active-swatch-fill{width:32px;height:32px;border-radius:var(--swatch-inner-radius);box-shadow:inset 0 0 0 1px var(--line-soft)}.tool-panel__subpanel{display:flex;align-items:flex-start;gap:var(--space-3);padding:0 var(--space-4) var(--space-3);overflow-x:auto}.tool-panel__subcontrol{flex:0 0 auto}.canvas-zoom-dropdown{width:92px;min-width:92px}.canvas-grid-toggle,.canvas-ruler-toggle{flex:0 0 var(--icon-button-size-lg)}@media(max-width:1180px){.tool-panel__inline-row{gap:var(--space-3)}}@media(max-width:720px){.tool-panel__floating-bar,.tool-panel__inline-row,.tool-panel__subpanel{scrollbar-width:none}.tool-panel__floating-bar::-webkit-scrollbar,.tool-panel__inline-row::-webkit-scrollbar,.tool-panel__subpanel::-webkit-scrollbar{display:none}.tool-panel__bottom-divider--zoom,.tool-panel__bottom-group--zoom,.tool-panel__bead-assembly-zoom{display:none}}.canvas-zoom-dropdown .ui-dropdown__label{display:none}.canvas-zoom-dropdown__select{justify-content:center;min-height:var(--icon-button-size-lg);padding-left:var(--space-3);padding-right:var(--space-3);padding-top:var(--space-2);padding-bottom:var(--space-2);border-radius:var(--control-radius-md);background:transparent;font-size:var(--text-body-sm-size);font-weight:500;text-align:center}.canvas-zoom-dropdown .ui-dropdown__icon{display:none}.canvas-control-group{display:inline-flex;align-items:center;gap:var(--space-3);margin-left:0;color:var(--ink);font-size:var(--font-size-16);font-weight:600;white-space:nowrap}.canvas-control-group:first-child{margin-left:0}.canvas-control-group__label{line-height:1}.tool-panel__canvas-actions .tool-button,.tool-panel__history .tool-button{width:var(--icon-button-size-lg);min-width:var(--icon-button-size-lg);min-height:var(--icon-button-size-lg);flex-basis:var(--icon-button-size-lg)}.tool-panel__canvas-actions .tool-button.ui-button--tertiary{border:var(--border-default);background:transparent}.tool-panel__history .tool-button{border-color:transparent;background:transparent}.tool-panel__canvas-actions .tool-cluster__buttons{gap:var(--space-3)}.toolbar-select .ui-dropdown__label,.color-picker--inline>span{font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted)}.tool-button{position:relative;justify-content:center;width:var(--icon-button-size-lg);min-width:var(--icon-button-size-lg);min-height:var(--icon-button-size-lg);padding:0;border-radius:var(--icon-button-radius);flex:0 0 var(--icon-button-size-lg)}.shape-tool-picker__main-button{width:var(--icon-button-size-lg)}.tool-panel__bottom-bar .tool-button{transition:opacity .12s ease,box-shadow .12s ease}.tool-panel__bottom-bar .tool-button.ui-button--tertiary:not(.is-active):not([aria-pressed=true]):focus-visible{background:var(--surface-control-muted-hover)}@media(hover:hover)and (pointer:fine){.tool-panel__bottom-bar .tool-button.ui-button--tertiary:not(.is-active):not([aria-pressed=true]):hover{background:var(--surface-control-muted-hover)}}.tool-panel__bottom-bar .tool-button.ui-button--tertiary:disabled,.tool-panel__bottom-bar .tool-button.ui-button--tertiary:disabled:hover{background:transparent}.tool-panel__bottom-bar .tool-button.ui-button--tertiary[aria-disabled=true]{color:#00000047;background:transparent;cursor:not-allowed;opacity:1}.tool-panel__bottom-bar .tool-button.ui-button--tertiary[aria-disabled=true]:hover,.tool-panel__bottom-bar .tool-button.ui-button--tertiary[aria-disabled=true]:focus-visible{background:transparent}.color-picker{display:grid;gap:var(--space-3)}.color-picker--inline{flex:0 0 auto;gap:var(--space-2)}.color-picker__row{display:flex;align-items:center;gap:var(--space-3)}.tool-settings-panel{bottom:calc(var(--editor-bottom-floating-offset, var(--space-5)) + var(--tool-panel-floating-block-size) + var(--space-2));z-index:5;flex-direction:row;flex-wrap:nowrap}.tool-settings-panel__current{display:grid;place-items:center;width:var(--icon-button-size-lg);height:var(--icon-button-size-lg);flex:0 0 auto;padding:0;border:0;border-radius:var(--control-radius-md);background:transparent;text-align:center}.tool-settings-panel .ui-icon-button:not(.is-active):not([aria-pressed=true]){background:transparent}.tool-settings-panel__scale-control{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--space-1);padding-left:var(--space-3);color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-weight);line-height:var(--text-body-sm-line-height);white-space:nowrap}.tool-settings-panel__scale-label{flex:0 0 auto}.tool-settings-panel__divider{display:none}.tool-settings-panel__divider--visible{display:block;width:1px;height:var(--icon-button-size-lg);flex:0 0 auto;background:var(--line)}.tool-settings-panel__current--picker{position:relative}.tool-settings-panel__current--picker input[type=color]{position:absolute;inset:0 auto auto 0;width:1px;height:1px;opacity:0;pointer-events:none}.tool-settings-panel__size{flex:0 0 auto;min-width:max-content}.paint-size-picker,.eraser-size-picker{display:inline-flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:var(--space-1)}.paint-size-picker.is-disabled,.eraser-size-picker.is-disabled{opacity:.4}.paint-size-picker__button,.eraser-size-picker__button{display:grid;place-items:center;width:var(--icon-button-size-lg);min-width:var(--icon-button-size-lg);height:var(--icon-button-size-lg);padding:0;border:0;border-radius:var(--icon-button-radius);background:transparent;color:var(--ink);cursor:pointer}.paint-size-picker__button:hover,.paint-size-picker__button:focus-visible,.eraser-size-picker__button:hover,.eraser-size-picker__button:focus-visible{background:var(--surface-control-muted-hover);color:var(--ink)}.paint-size-picker__button:focus-visible,.eraser-size-picker__button:focus-visible{outline:none;box-shadow:0 0 0 3px #0f172a24}.paint-size-picker__button.is-active,.eraser-size-picker__button.is-active{background:var(--surface-control-muted);color:var(--ink)}.paint-size-picker__button:disabled,.eraser-size-picker__button:disabled{cursor:default}.paint-size-picker__button:disabled:hover,.eraser-size-picker__button:disabled:hover{background:transparent;color:var(--ink)}.paint-size-picker__button.is-active:disabled,.eraser-size-picker__button.is-active:disabled{background:var(--surface-control-muted);color:var(--ink)}.paint-size-picker__icon,.paint-size-picker__icon svg,.eraser-size-picker__icon,.eraser-size-picker__icon svg{display:block;width:24px;height:24px}.paint-size-picker__icon rect,.paint-size-picker__icon path{fill:currentColor}.paint-size-picker__icon--outline svg,.paint-size-picker__icon--outline path{fill:none;stroke:currentColor}.eraser-size-picker__icon rect{stroke:currentColor}.bead-library{z-index:6;width:var(--floating-panel-size);display:flex;flex-direction:column;max-height:calc(100% - var(--control-size-lg));overflow:hidden;border:var(--border-default);border-radius:var(--control-radius);background:#fffffffa;box-shadow:0 28px 80px #00000029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bead-library--floating{position:absolute;top:var(--space-7);left:var(--space-5)}.bead-library--popover{position:absolute;top:calc(var(--layout-bar-height) + var(--minitool-top-bar-height, 0px) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)) + var(--space-7));bottom:auto;right:calc(100% + var(--space-3));left:auto;height:min(60vh,520px);max-height:min(60vh,520px)}.bead-library--toolbar-popover{position:absolute;bottom:calc(100% + var(--space-3));left:50%;transform:translate(-50%);height:min(calc(60vh - 56px),464px);max-height:min(calc(60vh - 56px),464px)}.bead-library__header{flex:0 0 56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:56px;padding:0 var(--space-3);border-bottom:1px solid rgba(0,0,0,.06)}.bead-library__close{flex:0 0 auto}.bead-library__search{position:relative;flex:0 0 58px;display:flex;align-items:center;gap:var(--space-2);min-height:58px;padding:var(--space-3) var(--space-3);border-bottom:1px solid rgba(0,0,0,.06)}.bead-library__search-icon{flex:0 0 auto;display:grid;place-items:center;width:16px;height:16px;color:var(--ink);pointer-events:none}.bead-library__search-icon svg{display:block;width:16px;height:16px}.bead-library__search input{width:100%;min-height:38px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:var(--text-heading-size);outline:none}.bead-library__search input::placeholder{color:#18181861}.bead-library__search input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bead-library__search-clear{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;padding:0;border:0;border-radius:var(--pill-radius);background:var(--surface-control-solid);color:var(--ink-inverse);cursor:pointer}.bead-library__search-clear svg{display:block;width:16px;height:16px}.bead-library__layout-toggle{display:inline-flex;align-items:center;gap:var(--space-1)}.bead-library__layout-toggle .ui-icon-button{--ui-icon-button-size: 32px;--ui-icon-glyph-size: 17px;background:transparent}.bead-library__layout-toggle .ui-icon-button:not(.is-active):hover,.bead-library__layout-toggle .ui-icon-button:not(.is-active):focus-visible{background:#0000000f}.bead-library__body{display:grid;align-content:start;flex:1 1 auto;gap:var(--space-4);grid-auto-rows:max-content;min-height:0;padding:var(--space-3) var(--space-3) var(--space-3);font-weight:400;overflow:auto}.bead-library__body--brand{display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.bead-library__header-action{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.bead-assembly-replacement-library{z-index:80;width:min(var(--floating-panel-size),calc(100vw - var(--space-6)));max-height:calc(100vh - var(--space-6))}.bead-assembly-replacement-library__backdrop,.editor-color-library__backdrop{display:none}@media(max-width:720px){.editor-color-library__backdrop{z-index:79;display:block}.editor-color-library.ui-mobile-sheet{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:80;width:auto;height:min(72dvh,620px);max-height:min(72dvh,620px);padding-bottom:var(--editor-bottom-sheet-padding, var(--space-4));border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}.editor-color-library .bead-library__header,.editor-color-library .bead-library__body{padding-inline:var(--mobile-sheet-inline-padding)}.editor-color-library .bead-library__header{flex-basis:var(--space-10);height:var(--space-10)}.bead-assembly-replacement-library__backdrop{display:block;z-index:79}.bead-assembly-replacement-library.ui-mobile-sheet{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:80;width:auto;height:min(72dvh,620px);max-height:min(72dvh,620px);padding-bottom:var(--editor-bottom-sheet-padding, var(--space-4));border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}.bead-assembly-replacement-library .bead-library__header,.bead-assembly-replacement-library .bead-library__body{padding-inline:var(--mobile-sheet-inline-padding)}}.bead-brand-palette{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:var(--space-3);justify-content:space-between;flex:1 1 auto;min-height:0}.bead-brand-palette__scroll{display:grid;align-content:start;gap:var(--space-5);min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--space-1) var(--space-4) 0;scroll-padding-top:var(--space-1);scrollbar-width:none}.bead-brand-palette__scroll::-webkit-scrollbar{display:none}.bead-brand-palette--color .bead-brand-palette__scroll{gap:var(--space-4)}.bead-brand-palette--used{grid-template-columns:minmax(0,1fr)}.bead-library__group{display:grid;gap:var(--space-2)}.bead-library__group--color{gap:0}.bead-library__group-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.bead-library__group-header strong{font-family:var(--font-mono-ui);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.bead-library__swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.bead-library__swatch{min-width:0}.bead-library__swatch:not(.ui-swatch-button--labeled){color:transparent}.bead-library__swatches--stack{grid-template-columns:repeat(6,minmax(0,1fr))}.bead-brand-palette--number .bead-library__swatches--stack,.bead-library__swatches--used{grid-template-columns:repeat(5,minmax(0,1fr))}.bead-library__swatches--compact{--bead-library-compact-swatch-size: 32px;grid-template-columns:repeat(auto-fill,var(--bead-library-compact-swatch-size));gap:0;justify-content:start}@media(any-pointer:coarse){.bead-library__swatches--compact{--bead-library-compact-swatch-size: 40px}}.bead-library__swatches--canvas{grid-template-columns:repeat(6,minmax(0,1fr))}.bead-library__swatch--tile{grid-template-columns:1fr}.bead-library__swatches--compact .bead-library__swatch--tile{width:var(--bead-library-compact-swatch-size);min-height:var(--bead-library-compact-swatch-size);height:var(--bead-library-compact-swatch-size);border-radius:0;transform:none}.bead-library__swatches--compact .bead-library__swatch--tile:hover{transform:none}.bead-section-nav{position:relative;display:grid;align-content:start;align-self:start;gap:var(--space-1);justify-items:center;box-sizing:border-box;width:46px;min-width:46px;height:max-content;padding:var(--space-2) 0;border:var(--border-default);border-radius:var(--control-radius);background:var(--panel);touch-action:none;-webkit-user-select:none;user-select:none}.bead-section-nav__button{position:relative;width:44px;min-width:44px;height:32px;min-height:32px}.bead-section-nav__button.is-active:before{content:"";position:absolute;top:50%;right:calc(100% - 4px);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--ink);border-radius:1px;transform:translateY(-50%)}.bead-section-nav__button--text.ui-button{padding:0;border-color:transparent;background:transparent;color:#1818186b;font-family:var(--font-mono-ui);font-weight:var(--text-body-weight)}.bead-section-nav__button--text.ui-button:hover,.bead-section-nav__button--text.ui-button:focus-visible,.bead-section-nav__button--text.ui-button.is-active,.bead-section-nav__button--text.ui-button[aria-current=true]{background:transparent;color:var(--ink)}.bead-section-nav__button--color{display:grid;place-items:center;padding:0;border:1px solid transparent;background:transparent;cursor:pointer}.bead-section-nav__button--color:focus-visible{outline:none}.bead-section-nav__button--color:focus-visible .bead-section-nav__dot{box-shadow:0 0 0 4px #00000014}.bead-section-nav__dot{display:block;width:18px;height:18px;border:1px solid transparent;border-radius:var(--pill-radius);background:var(--bead-section-nav-color)}.bead-section-nav__dot[data-light=true]{border-color:#00000029}.bead-library__empty{padding:var(--space-5);border:1px dashed var(--line);border-radius:var(--card-radius);color:var(--muted);text-align:center}.bead-library__empty--inline{padding:var(--space-3);border-radius:var(--control-radius-sm);color:color-mix(in srgb,var(--muted) 72%,transparent);font-size:var(--text-caption-size);line-height:var(--text-caption-line-height)}.color-palette{display:flex;flex-wrap:wrap;gap:var(--space-2)}.color-palette--inline{flex-wrap:nowrap}.color-palette--subpanel{display:grid;grid-template-columns:repeat(8,24px);grid-auto-rows:24px;align-content:start;max-height:56px;overflow-y:auto;padding-right:2px}.color-palette--floating{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:var(--space-3);justify-content:flex-start;align-self:center;min-height:0;max-width:min(420px,48vw)}.color-palette__scroll{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:var(--space-3);box-sizing:border-box;min-height:0;min-width:0;padding-inline:var(--space-1);overflow:hidden}.color-palette--floating .color-palette__scroll{max-width:100%}.color-palette--floating .color-palette__swatch{flex:0 0 auto;justify-self:center}.color-palette__sample-trigger.ui-icon-button:not(.is-active):not([aria-pressed=true]){background:transparent}.color-palette__sample-trigger.ui-icon-button:not(.is-active):not([aria-pressed=true]):hover,.color-palette__sample-trigger.ui-icon-button:not(.is-active):not([aria-pressed=true]):focus-visible{background:var(--surface-control-muted-hover)}.color-palette__active-divider{width:1px;height:var(--icon-button-size-lg);flex:0 0 auto;background:var(--line)}.color-palette__swatch--active-slot.ui-swatch-button{width:var(--icon-button-size-lg);min-width:var(--icon-button-size-lg);height:var(--icon-button-size-lg);padding:4px;border:0;background:var(--brand-lime-alpha-300);box-shadow:none}.color-palette__swatch--active-slot.ui-swatch-button.is-active{border-width:0;border-color:transparent;box-shadow:none}.color-palette__swatch--active-slot.ui-swatch-button:hover{background:var(--brand-lime-alpha-400)}.color-palette__swatch--active-slot.ui-swatch-button:focus-visible{background:var(--brand-lime-alpha-300)}.color-palette__active-swatch-fill{display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--control-radius-sm);line-height:1}@media(max-width:720px){.tool-panel__subpanel{gap:var(--space-3)}.bead-library{width:min(var(--floating-panel-size),calc(100vw - var(--mobile-floating-gutter) * 2))}.bead-library--floating{top:var(--space-5);left:var(--mobile-floating-gutter)}.bead-library--popover{top:calc(100% + var(--space-3));bottom:auto;left:0}.tool-settings-panel{right:auto;bottom:calc(var(--editor-bottom-floating-offset, var(--space-5)) + var(--tool-panel-floating-block-size) + var(--space-2));max-width:var(--tool-panel-floating-max-width)}.tool-settings-panel .color-palette--floating{max-width:none}.color-palette--subpanel{grid-template-columns:repeat(6,24px)}}.color-picker input[type=color]{width:52px;height:40px;padding:0;border:1px solid var(--line);border-radius:var(--input-radius);background:#fff}.bead-assembly-color__replace-label{color:var(--muted);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);line-height:var(--text-caption-line-height)}.bead-assembly-color__replace,.bead-assembly-color__recommendations{display:flex;align-items:center;gap:var(--space-2);min-width:0}.bead-assembly-color__recommendations{flex:1 1 auto;flex-wrap:wrap}.bead-assembly-color__candidate:disabled,.bead-assembly-color__palette-grid button:disabled{cursor:not-allowed;opacity:.42}.bead-assembly-color__palette{display:grid;gap:var(--space-2)}.bead-assembly-color__palette label{display:grid;gap:var(--space-2);color:var(--muted);font-size:var(--text-caption-size)}.bead-assembly-color__palette input{min-width:0;height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--control-radius-md);background:var(--surface-panel-strong);color:var(--ink)}.bead-assembly-color__palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:var(--space-2);max-height:230px;overflow:auto;padding-right:var(--space-1)}.bead-assembly-panel__confirm-copy{margin:0;color:var(--ink);line-height:var(--text-body-line-height)}.bead-assembly-management-panel{position:fixed;z-index:39;display:grid;grid-template-rows:var(--floating-panel-header-height) minmax(0,1fr);gap:0;width:min(var(--floating-panel-size),calc(100vw - var(--space-6)));max-height:min(560px,calc(100vh - var(--space-8)));padding:0;border:var(--border-default);border-radius:var(--control-radius);background:var(--surface-panel-strong);backdrop-filter:var(--surface-floating-glass-filter);-webkit-backdrop-filter:var(--surface-floating-glass-filter);box-shadow:var(--shadow);overflow:hidden}.bead-assembly-management-panel__backdrop,.bead-assembly-management-panel__close{display:none}.bead-assembly-management-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);box-sizing:border-box;min-height:var(--floating-panel-header-height);min-width:0;padding:0 var(--space-5);border-bottom:var(--border-default)}.bead-assembly-management-panel__header>div{display:flex;align-items:center;min-width:0;color:var(--ink)}.bead-assembly-management-panel__header h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height)}.bead-assembly-management-panel__actions{display:flex;align-items:center;gap:var(--space-2)}.bead-assembly-management-panel__body{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:var(--space-3)}.bead-assembly-management-panel__legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);min-height:0;overflow:auto;padding:0}.bead-assembly-management-panel__legend-item{display:grid;gap:var(--space-2);min-width:0;justify-items:stretch}.bead-assembly-management-panel__legend-item .bead-assembly-management-panel__count{justify-content:center;font-size:var(--text-caption-size);line-height:var(--text-caption-line-height)}.bead-assembly-management-panel__readonly-swatch{min-height:40px;cursor:default;pointer-events:none}.bead-assembly-management-panel__readonly-swatch:hover{transform:none;border-color:var(--line-soft)}.bead-assembly-management-panel__thumbnail{width:var(--thumbnail-size);height:var(--thumbnail-size)}.bead-assembly-management-panel__thumbnail-mark{shape-rendering:crispEdges}.bead-assembly-management-panel__count{display:flex;align-items:baseline;min-width:0;color:var(--ink);font-size:var(--text-body-sm-size);font-weight:var(--text-body-weight);line-height:var(--text-body-sm-line-height)}.bead-assembly-management-panel__summary{padding-top:var(--space-2);color:var(--muted);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);text-align:right}.bead-assembly-management-panel__empty{margin:0;padding:var(--space-5) var(--space-3);color:var(--muted);font-size:var(--text-body-sm-size);text-align:center}@media(max-width:720px){.bead-assembly-management-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:block;padding:0;border:0;background:var(--surface-mobile-sheet-backdrop)}.bead-assembly-management-panel{top:auto;right:0;bottom:0;left:0;grid-template-rows:var(--floating-panel-header-height) minmax(0,1fr) auto;width:auto;max-height:min(72dvh,620px);padding-bottom:0;border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow)}.bead-assembly-management-panel__header{padding-inline:var(--mobile-sheet-inline-padding);border-bottom:0}.bead-assembly-management-panel__header h3{font-size:var(--text-title-size);line-height:var(--text-title-line-height)}.bead-assembly-management-panel__body{padding-inline:var(--mobile-sheet-inline-padding)}.bead-assembly-management-panel__footer{display:grid;padding:var(--space-3) var(--mobile-sheet-inline-padding) var(--editor-bottom-sheet-padding, var(--space-4));background:var(--panel)}.bead-assembly-management-panel__footer .ui-button{width:100%}.bead-assembly-management-panel__close{display:inline-flex}.bead-assembly-management-panel__legend{grid-template-columns:repeat(4,minmax(0,1fr))}}.bead-palette-manager{width:100vw;height:100dvh;max-height:none;gap:0;padding:0;border-radius:0;background:var(--bg);box-shadow:none;grid-template-rows:minmax(0,1fr)}.ui-dialog-backdrop:has(.bead-palette-manager){padding:0;background:var(--bg)}.bead-palette-manager .ui-dialog__header{display:none}.bead-palette-manager__body{display:grid;align-items:stretch;justify-items:stretch;height:100%;min-height:0;padding:0;overflow:hidden}.bead-palette-manager__layout{height:100%}.bead-palette-manager__view-toggle{--ui-two-state-toggle-shadow: var(--shadow-control-floating);--ui-two-state-toggle-focus-shadow: var(--shadow-control-floating), var(--shadow-focus-ring)}.bead-palette-manager__canvas{position:relative;display:grid;width:min(620px,calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2),calc((100cqh - var(--ui-dialog-preview-stage-content-gap) * 2) * var(--bead-palette-manager-canvas-ratio, 1)));max-height:100%;max-width:calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2);overflow:hidden;border:1px solid var(--line-soft);border-radius:0;background:linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark-soft) 75%),var(--panel);background-position:0 0,0 var(--checker-offset-cell),var(--checker-offset-cell) calc(var(--checker-offset-cell) * -1),calc(var(--checker-offset-cell) * -1) 0;background-size:var(--checker-size-cell) var(--checker-size-cell)}.bead-palette-manager__stage{--bead-palette-manager-top-control-clearance: calc( var(--ui-fullscreen-top-control-center-y) + var(--control-size-lg) / 2 + var(--space-3) );width:100vw;height:100dvh;min-height:0;padding:max(var(--space-7),var(--bead-palette-manager-top-control-clearance)) var(--ui-fullscreen-main-inset-right) var(--space-7) var(--ui-fullscreen-main-inset-left);border-radius:0}.bead-palette-manager__canvas-cell{position:relative;aspect-ratio:1;min-width:0;box-shadow:0 0 0 .75px var(--bead-palette-manager-cell-color, transparent)}.bead-palette-manager__canvas-cell.is-review-dimmed{filter:saturate(.6)}.bead-palette-manager__canvas-cell.is-review-dimmed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffff94;box-shadow:0 0 0 .75px #ffffff94;pointer-events:none}.bead-palette-manager__preview-outline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:visible}.bead-palette-manager__preview-outline path{fill:none;stroke:var(--brand-lime-400);stroke-width:var(--bead-palette-manager-outline-stroke-width, .14);stroke-linecap:square;stroke-linejoin:miter}.bead-palette-manager__empty-canvas{margin:0;color:var(--muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.bead-palette-manager__sidebar{--settings-sidebar-scroll-bleed: var(--space-3);height:100%}.bead-palette-manager__settings{gap:var(--space-4)}.bead-palette-manager__section{display:grid;gap:var(--space-3)}.bead-palette-manager__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.bead-palette-manager__section-header h2{margin:0;color:var(--ink);font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height)}.bead-palette-manager__section-header p{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.bead-palette-manager__header-actions,.bead-palette-manager__list-actions{display:flex;align-items:center;gap:var(--space-2)}.bead-palette-manager__header-actions{justify-content:flex-end;flex-shrink:0}.bead-palette-manager__list-actions{justify-content:flex-start}.bead-palette-manager__color-list{display:grid;gap:var(--space-2);min-height:0}.bead-palette-manager__summary{color:var(--muted);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height)}.bead-palette-manager__color-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,96px);align-items:center;gap:var(--space-2);min-width:0;min-height:calc(var(--icon-button-size-lg) + var(--space-3));padding:var(--space-2);border:1px solid var(--line);border-radius:var(--control-radius);background:color-mix(in srgb,var(--surface-panel-strong) 94%,var(--surface-soft) 6%)}.bead-palette-manager__color-row.is-active,.bead-palette-manager__color-row:has(.bead-palette-manager__color-highlight-button:focus-visible){border-color:var(--brand-lime-400);background:var(--brand-lime-50)}.bead-palette-manager__color-highlight-button{display:grid;grid-template-columns:var(--thumbnail-size) minmax(54px,1fr);align-items:center;gap:var(--space-3);min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.bead-palette-manager__color-highlight-button:focus-visible{outline:none}.bead-palette-manager__color-button{width:100%}.bead-palette-manager__color-button.is-transparent{background:linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark-soft) 75%),var(--panel);background-position:0 0,0 var(--checker-offset-cell),var(--checker-offset-cell) calc(var(--checker-offset-cell) * -1),calc(var(--checker-offset-cell) * -1) 0;background-size:var(--checker-size-cell) var(--checker-size-cell);color:var(--muted)}.bead-palette-manager__color-button .ui-swatch-button__dropdown-icon{transition:transform .12s ease}.bead-palette-manager__color-button.is-active .ui-swatch-button__dropdown-icon{transform:rotate(180deg)}@media(max-width:720px){.bead-palette-manager__stage{height:var(--ui-fullscreen-main-height);min-height:0;padding:max(var(--space-7),var(--bead-palette-manager-top-control-clearance)) var(--mobile-stage-gutter) var(--space-5)}}.bead-assembly-toolbar__icon.tool-button.ui-button--tertiary:not(.is-active):not([aria-pressed=true]):hover,.bead-assembly-toolbar__icon.tool-button.ui-button--tertiary:not(.is-active):not([aria-pressed=true]):focus-visible,.bead-assembly-toolbar__page-button.tool-button.ui-button--tertiary:hover,.bead-assembly-toolbar__page-button.tool-button.ui-button--tertiary:focus-visible{background:var(--surface-control-muted-hover)}.bead-assembly-toolbar__divider{width:1px;height:40px;background:var(--line)}.bead-assembly-toolbar__palette{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.bead-assembly-toolbar__swatches{display:grid;grid-template-columns:repeat(4,56px);gap:var(--space-2);min-width:max-content}.bead-assembly-toolbar__status{max-width:180px;overflow:hidden;color:var(--muted);font-size:var(--text-caption-size);text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.bead-assembly-toolbar__palette{flex:0 0 auto;max-width:none;padding-right:var(--space-2)}.bead-assembly-toolbar__swatches{display:flex;flex-wrap:nowrap}.bead-assembly-toolbar__swatch{flex:0 0 56px}.bead-assembly-toolbar__status{display:none}}.bead-assembly-color__recommendations,.bead-assembly-color__palette-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.bead-assembly-color__recommendations{display:grid}.bead-assembly-color__candidate.ui-swatch-button,.bead-assembly-color__palette-grid .ui-swatch-button{min-height:32px;font-size:var(--text-caption-size)}.bead-assembly-color__palette-grid{max-height:min(44vh,360px);padding:var(--space-3) var(--space-3);overflow:auto}.frame-strip__actions,.frame-strip__list,.swatches,.scenario-list,.layers-list,.inspector-list{padding:var(--space-2) var(--space-5) var(--space-5)}.frame-strip__fps{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border:1px dashed var(--line);border-radius:var(--pill-radius);background:#ffffffb8;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.frame-strip__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(154px,154px);overflow-x:auto;gap:var(--space-3)}.frame-card{display:grid;gap:var(--space-2);padding:var(--space-4);text-align:left;border:1px solid var(--line);border-radius:var(--card-radius);background:#fff}.frame-card__thumbnail{display:grid;gap:1px;width:100%;aspect-ratio:1;padding:var(--space-2);border:1px solid var(--line-soft);border-radius:var(--thumbnail-radius);background:linear-gradient(45deg,#ebe5da 25%,transparent 25%,transparent 75%,#ebe5da 75%),linear-gradient(45deg,#ebe5da 25%,transparent 25%,transparent 75%,#ebe5da 75%);background-position:0 0,4px 4px;background-size:8px 8px}.frame-card__pixel{aspect-ratio:1;background:#ffffffe6}.frame-card__pixel--transparent{background:#ffffff3d}.frame-card.is-active{background:#84e7a538;box-shadow:#000 -5px 5px}.tag-row{margin-top:var(--space-2)}.info-tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);border:1px dashed var(--line);border-radius:var(--pill-radius);background:#fffc;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-5)}.palette-tile{display:grid;gap:var(--space-2);min-width:0}.palette-tile__swatch{display:block;width:100%;aspect-ratio:1;border:1px solid var(--line);border-radius:var(--swatch-radius);background:#fff}.palette-tile__meta{display:grid;justify-items:start;gap:2px;min-width:0}.palette-tile__meta code{font-size:var(--text-body-sm-size);font-weight:var(--text-heading-weight);line-height:var(--text-body-sm-line-height)}.palette-tile__count{color:var(--muted);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height)}.panel--comparison .panel__body{min-height:460px}.panel__header--tight{padding:0 0 var(--space-4)}.panel__header--stack{align-items:flex-start;justify-content:flex-start;flex-direction:column;padding-bottom:var(--space-4)}.panel__header--align-left{width:100%;align-items:flex-start;text-align:left}.panel__header--stack>*,.controls-card__header>*{width:100%;text-align:left}.uploader{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px dashed rgba(31,28,23,.26);border-radius:var(--card-radius);background:#ffffff85;cursor:pointer}.app-shell{width:min(1600px,calc(100% - var(--space-7)));margin:0 auto;padding:var(--space-4) 0 var(--space-7)}body.is-editor-shell{margin:0;overflow:hidden}body.bead-board-lock-scroll-locked{overflow:hidden;overscroll-behavior:none;touch-action:none}.app-shell--editor{--layout-bar-height: 72px;width:100%;height:100dvh;overflow:hidden;padding:0}body.is-minitool .app-shell--editor{display:flex;flex-direction:column}body.is-minitool .app-shell--editor .studio-app{height:auto;flex:1 1 auto;min-height:0}.minitool-brand-bar{flex:0 0 auto;height:calc(var(--minitool-top-bar-height, 44px) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)));padding-top:max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px));display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-bottom:1px solid var(--line-soft);background:var(--panel)}.minitool-brand-bar__logo{flex:0 0 auto;width:22px;height:22px}.minitool-brand-bar__name{color:var(--ink);font-size:16px;font-weight:500;line-height:1}.app-shell--recovery{display:grid;width:min(960px,calc(100% - var(--space-7)));min-height:100dvh;place-items:center;padding:var(--space-7) 0}.editor-recovery{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-5);width:100%;max-width:720px;padding:var(--space-7);border:var(--border-default);border-radius:var(--control-radius-lg);background:var(--panel);box-shadow:var(--shadow)}.editor-recovery__icon{display:inline-grid;width:52px;height:52px;place-items:center;border-radius:var(--control-radius-lg);background:var(--surface-workspace);color:var(--stone-700)}.editor-recovery__content{display:grid;min-width:0;gap:var(--space-4)}.editor-recovery h1{margin:0;color:var(--ink);font-size:var(--font-size-20);line-height:var(--line-height-20)}.editor-recovery__summary{max-width:560px;margin:0;color:var(--muted);font-size:var(--text-body-size);line-height:var(--text-body-line-height)}.editor-recovery__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.editor-skeleton{min-height:0;height:100%;background:var(--surface-workspace)}.editor-skeleton [aria-hidden=true]{pointer-events:none}.editor-skeleton__topbar{display:flex;justify-content:space-between}.editor-skeleton__topbar-start,.editor-skeleton__topbar-end,.editor-skeleton__floating-group>span,.editor-skeleton__mode-switch i,.editor-skeleton__canvas-controls span,.editor-skeleton__bottom-toolbar span{position:relative;overflow:hidden;background:linear-gradient(90deg,#dadee5b8,#f0f2f5e6,#dadee5b8);background-size:220% 100%;animation:editor-skeleton-shimmer 1.5s ease-in-out infinite}.editor-skeleton__topbar-cluster,.editor-skeleton__floating-group,.editor-skeleton__mode-switch{display:inline-flex;align-items:center}.editor-skeleton__topbar-cluster{flex:0 0 auto;gap:var(--space-2)}.editor-skeleton__topbar-cluster--end{justify-content:flex-end}.editor-skeleton__topbar-start,.editor-skeleton__floating-group>span{width:40px;height:40px;border-radius:var(--control-radius-md)}.editor-skeleton__topbar-end{width:90px;height:40px;border-radius:var(--control-radius-md)}.editor-skeleton__floating-group{gap:var(--space-2)}.editor-skeleton__mode-switch{position:absolute;top:50%;left:50%;width:140px;height:40px;gap:var(--space-1);padding:var(--space-1);border:var(--border-default);border-radius:var(--control-radius-lg);background:var(--surface-soft);transform:translate(-50%,-50%)}.editor-skeleton__mode-switch i{width:50%;height:100%;border-radius:var(--control-radius-md)}.editor-skeleton__canvas-controls{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-height:var(--layout-bar-height);padding:var(--space-3) var(--space-4);background:#f7f8faeb}.editor-skeleton__canvas-controls span{width:40px;height:40px;border-radius:var(--control-radius-md)}.editor-skeleton__canvas{min-height:0;height:100%;overflow:hidden}.editor-skeleton__bottom-toolbar{position:absolute;left:50%;bottom:var(--editor-bottom-floating-offset);z-index:3;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:var(--border-default);border-radius:var(--toolbar-radius);background:#ffffffe6;transform:translate(-50%);overflow:hidden}.editor-skeleton__bottom-toolbar span{width:var(--icon-button-size-lg);height:var(--icon-button-size-lg);border-radius:var(--control-radius-md)}.editor-skeleton__bottom-toolbar i{display:block;width:1px;height:40px;background:var(--line)}.editor-skeleton__grid{position:absolute;top:calc(var(--layout-bar-height) + var(--minitool-top-bar-height, 0px) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)) + var(--space-4));left:50%;width:min(68vmin,680px);aspect-ratio:1;transform:translate(-50%);border:1px solid rgba(57,64,75,.14);background:#dadee5b8}@media(max-width:640px){.app-shell--recovery{width:min(100% - var(--space-5),960px);place-items:start center;padding:var(--space-6) 0}.editor-recovery{grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding:var(--space-5)}.editor-recovery__actions,.editor-recovery__actions .ui-button{width:100%}}@keyframes editor-skeleton-shimmer{0%{background-position:140% 0}to{background-position:-80% 0}}.studio-app{display:grid;gap:var(--space-4)}.app-shell--editor .studio-app{grid-template-rows:auto minmax(0,1fr);gap:0}.app-shell--editor .studio-app--bead-board-locked{grid-template-rows:minmax(0,1fr)}.editor-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0;min-height:var(--layout-bar-height);padding:var(--space-1) var(--space-6);border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:var(--panel)}.app-shell--editor .editor-topbar{z-index:12}.app-shell--editor .toast-host{top:calc(var(--layout-bar-height) + var(--minitool-top-bar-height, 0px) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)) + var(--space-4))}.editor-topbar__project{display:flex;align-items:center;min-width:0;flex:0 0 auto;gap:var(--space-4)}.editor-project-actions-menu{position:relative;flex:0 0 auto}.editor-project-actions-menu__panel,.editor-export-menu__panel{position:absolute;z-index:40;top:calc(100% + var(--space-2));overflow:hidden}.editor-project-actions-menu__panel{left:0}.editor-project-actions-menu__content,.editor-project-actions-menu__section{display:grid;gap:var(--space-1)}.editor-project-actions-menu__wide-action{justify-content:flex-start;width:100%}.editor-project-actions-menu__display-options{display:grid;gap:var(--space-1)}.editor-project-actions-menu__switch-item{justify-content:space-between;width:100%;height:auto;min-height:var(--ui-floating-menu-item-size);padding:var(--space-2) var(--space-3);border-radius:var(--control-radius-sm);color:var(--ink);font:inherit;font-size:var(--ui-floating-menu-item-font-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0;text-align:left}.editor-project-actions-menu__switch-item .ui-switch-field__copy{display:grid;flex:1 1 auto;gap:var(--space-half);min-width:0;white-space:nowrap}.editor-project-actions-menu__switch-item:has(.ui-switch:disabled){cursor:not-allowed}.editor-project-actions-menu__switch-item:has(.ui-switch:disabled):hover{background:transparent}@media(hover:none),(pointer:coarse){.editor-project-actions-menu__switch-item:hover{background:transparent}}.editor-project-actions-menu__switch-item .ui-switch-field__label{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0}.editor-project-actions-menu__switch-item .ui-switch-field__description{flex:0 0 auto;font-size:var(--text-caption-size);line-height:var(--text-caption-line-height)}.editor-topbar__nav{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.editor-topbar__floating-group{display:inline-flex;align-items:center;flex:0 0 auto}.editor-topbar__floating-group--left{gap:var(--space-1)}.editor-topbar__floating-group--right{gap:var(--space-2)}.editor-topbar__floating-group:empty{display:none}.editor-topbar__status{margin:0;color:var(--muted);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);white-space:nowrap}.editor-topbar__actions{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex:0 0 auto;gap:var(--space-2)}.editor-export-preview,.editor-export-menu{position:relative;flex:0 0 auto}.editor-export-menu__panel{right:0}.editor-export-preview__dialog{grid-template-rows:auto minmax(0,1fr);height:min(640px,calc(100dvh - var(--dialog-page-margin) * 2));max-height:min(640px,calc(100dvh - var(--dialog-page-margin) * 2))}.editor-export-preview__body{display:grid;align-items:center;justify-items:center;min-height:0;max-height:none;overflow:hidden}.editor-export-preview__image{display:block;width:auto;max-width:100%;height:auto;max-height:min(520px,calc(100dvh - 180px));object-fit:contain;background:#fffdfa;box-shadow:0 10px 24px #2f221429}.editor-export-preview__status{margin:0;color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}@media(max-width:720px){.editor-topbar{padding-inline:var(--mobile-page-gutter)}.editor-export-preview__dialog{height:100dvh;max-height:none}}.editor-settings-modal__body{gap:var(--space-4)}.editor-settings-modal__conversion .conversion-controls__groups{padding:0}.editor-settings-modal__conversion .conversion-controls__field-hint{margin:calc(var(--space-2) * -1) 0 0;color:var(--muted);font-size:var(--text-caption-size);line-height:var(--text-caption-line-height)}.editor-settings-modal__footer{justify-content:flex-end}.app-topbar{display:grid;align-items:center;justify-content:space-between;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3) var(--space-4);border:var(--border-default);border-radius:var(--control-radius);background:var(--surface-panel-glass);box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-kicker,.topbar-cluster__label,.panel-title-block__label{font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:1;letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted)}.topbar-cluster{display:grid;align-content:start;gap:var(--space-2)}.scenario-switcher{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topbar-scenario-dropdown{--topbar-scenario-select-adornment-space: var(--icon-size-lg);width:fit-content;min-width:0}.topbar-scenario-dropdown__select{width:auto;min-width:120px;padding-right:calc(var(--space-5) + var(--topbar-scenario-select-adornment-space))}.scenario-tab,.ui-button,.size-control__option,.layer-card__select{transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease}.scenario-tab:hover,.ui-button:hover,.size-control__option:hover,.layer-card__select:hover{transform:none}.scenario-tab.is-active{background:var(--ink);color:var(--ink-inverse);box-shadow:none;transform:none}.scenario-tab.is-active:hover{background:var(--ink)}.topbar-status,.topbar-history,.canvas-toolbar,.frame-strip__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.topbar-status{justify-content:flex-end}.topbar-actions{justify-items:end}.ui-button:disabled,.scenario-tab:disabled,.size-control__option:disabled,.layer-card__select:disabled{cursor:not-allowed}.ui-button:disabled:hover,.scenario-tab:disabled:hover,.size-control__option:disabled:hover,.layer-card__select:disabled:hover{transform:none}.canvas-toolbar__value,.frame-strip__fps,.info-tag{min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:var(--border-default);border-radius:var(--pill-radius);background:var(--panel-strong);color:var(--ink)}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}.studio-layout--bead-assembly{grid-template-columns:minmax(0,1fr)}.canvas-column,.canvas-stage{display:grid;gap:0}.app-shell--editor .studio-app{min-height:0;height:100%}.app-shell--editor .studio-layout{align-items:stretch;min-height:0}.app-shell--editor .studio-layout--bead-assembly,.app-shell--editor .canvas-column,.app-shell--editor .canvas-stage{min-height:0}.app-shell--editor .canvas-stage{position:relative;grid-template-rows:minmax(0,1fr)}.panel,.controls-card{width:100%;border:var(--border-default);border-radius:var(--panel-radius);background:var(--surface-panel-strong);box-shadow:none;overflow:hidden}.panel--dock{background:var(--panel-strong)}.panel__header,.controls-card__header{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);text-align:left}.panel__header--stacked{flex-direction:column;align-items:stretch}.panel__header h2,.controls-card__header h2,.controls-card__header .eyebrow{margin:0;font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-line-height);letter-spacing:-.03em;text-transform:none;color:var(--ink);font-family:var(--font-sans-ui)}.panel-title-block{display:grid;gap:var(--space-2);width:100%;justify-items:start;text-align:left}.panel__header>span,.uploader__copy{color:var(--muted)}.panel__header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.panel__body,.tool-panel__body,.scenario-panel__body{padding:var(--space-3) var(--space-5) var(--space-5)}.panel__body--compact{padding-top:0}.controls-card__groups,.conversion-controls__groups{padding:var(--space-3) var(--space-5) var(--space-5)}.project-session__status{color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.tool-section__label,.size-control legend,.toggle-grid legend,.scenario-list h3{font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--label-tracking);text-transform:uppercase}.size-control__option,.toggle-option{border-color:var(--line)}.size-control__option input,.toggle-option input{accent-color:var(--ink)}.stage-canvas-panel{position:relative;display:grid;min-height:720px;border:0;border-radius:0;background:var(--surface-workspace);padding:0}.stage-canvas-panel .panel__header{padding-top:var(--space-5)}.stage-canvas-panel>.pixel-grid-viewport,.stage-canvas-panel>.empty-state{min-height:640px}.stage-canvas-panel>.pixel-grid-viewport{width:100%;height:100%}.stage-canvas-panel>.pixel-grid-viewport{background:var(--surface-workspace)}.app-shell--editor .stage-canvas-panel{min-height:0;height:100%}.app-shell--editor .stage-canvas-panel>.pixel-grid-viewport,.app-shell--editor .stage-canvas-panel>.empty-state{min-height:0}.canvas-toolbar{flex-wrap:wrap}.canvas-toolbar__context{margin-right:auto;color:var(--muted);font-family:var(--font-mono-ui);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase}.physical-ruler{--physical-ruler-side-inset: 40px;--physical-ruler-label-gap: 8px;position:relative;display:block;flex:0 0 auto;height:64px;min-width:112px;padding:0;border:0;border-radius:4px;background:#d9f99d;color:var(--ink);font:inherit;overflow:hidden}.physical-ruler-anchor{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:var(--space-3)}.physical-ruler-anchor--disabled .physical-ruler--grid{opacity:.4}.physical-ruler--grid{height:44px;cursor:default}.physical-ruler--grid .physical-ruler__number{top:2px}.physical-ruler--calibration{--physical-ruler-alignment-guide-length: 280px;height:64px;min-width:180px;overflow:visible}.physical-ruler-anchor__action{min-height:32px;padding-inline:var(--space-3);border-radius:var(--control-radius-md);font-size:var(--text-body-sm-size);line-height:1;white-space:nowrap}.physical-ruler__number,.physical-ruler__unit{position:absolute;top:var(--space-1);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);color:#000}.physical-ruler__number,.physical-ruler__number--start,.physical-ruler__number--end{transform:translate(calc(-100% - var(--physical-ruler-label-gap)))}.physical-ruler__unit{right:auto;bottom:var(--space-1);left:var(--physical-ruler-side-inset);top:auto;font-size:11px;text-align:right;transform:translate(calc(-100% - var(--physical-ruler-label-gap)));color:#65a30d}.physical-ruler__tick-track{position:absolute;inset-block:0;inset-inline:var(--physical-ruler-side-inset)}.physical-ruler__tick{position:absolute;bottom:0;width:1px;height:16px;background:#365314;transform:translate(-50%)}.physical-ruler__tick--medium{height:32px}.physical-ruler__tick--major{height:64px;width:1px}.physical-ruler--grid .physical-ruler__tick--major{height:44px}.physical-ruler--calibration .physical-ruler__number,.physical-ruler--calibration .physical-ruler__unit{font-size:18px;font-weight:400}.physical-ruler--calibration .physical-ruler__unit{bottom:var(--space-1);left:var(--physical-ruler-side-inset);top:auto;font-size:14px}.physical-ruler--calibration .physical-ruler__tick{height:16px;width:1px}.physical-ruler--calibration .physical-ruler__tick--medium{height:32px}.physical-ruler--calibration .physical-ruler__tick--major{height:64px;width:1px}.physical-ruler--calibration .physical-ruler__tick--major:after{content:"";position:absolute;top:100%;left:50%;height:var(--physical-ruler-alignment-guide-length);border-left:1px dashed var(--stone-400);opacity:.7;pointer-events:none;transform:translate(-50%)}.physical-ruler-dialog{grid-template-rows:auto minmax(0,1fr) auto;height:min(640px,calc(100dvh - var(--dialog-page-margin) * 2))}.physical-ruler-dialog__body{display:grid;min-height:0;overflow:hidden}.physical-ruler-dialog__footer{justify-content:flex-end}.physical-ruler-calibration{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-5);height:100%;min-height:0}.physical-ruler-calibration__reference-toggle{--ui-two-state-toggle-font-size: var(--text-body-sm-size);justify-self:start}.physical-ruler-calibration__preview{position:relative;isolation:isolate;display:grid;justify-items:start;gap:var(--space-5);min-height:0;align-content:start;overflow:auto;padding:var(--space-6);border:0;border-radius:var(--control-radius);background:var(--surface-workspace)}@media(max-width:720px){.physical-ruler-dialog{height:100dvh}}.physical-ruler-calibration__control-row{position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-3);width:100%}.physical-ruler-calibration__control{display:grid;gap:var(--space-2);width:100%}.physical-ruler-calibration__rotate-action{margin-bottom:4px;white-space:nowrap}.physical-ruler-calibration__preview .physical-ruler--calibration,.physical-ruler-calibration__preview .physical-reference-card{z-index:1}.physical-ruler-calibration__control .ui-slider-field__control{position:relative;display:block}.physical-ruler-calibration__control .ui-slider-field__control:before{content:"";position:absolute;top:5px;right:-2px;bottom:5px;left:-2px;z-index:0;border-radius:var(--control-radius);background:var(--surface-workspace);box-shadow:0 0 8px 6px var(--surface-workspace);pointer-events:none}.physical-ruler-calibration__control .ui-slider-field__input{position:relative;z-index:1;display:block;width:100%}.physical-reference-card{--physical-reference-card-guide-length: 260px;position:relative;flex:0 0 auto;min-width:160px;min-height:100px;border:0;background:var(--brand-lime-200);box-shadow:var(--shadow-control);color:var(--ink);overflow:visible}.physical-reference-card:before{content:"";position:absolute;top:-.5px;right:-.5px;bottom:-.5px;left:-.5px;z-index:3;border:1px solid var(--brand-lime-300);border-radius:inherit;pointer-events:none}.physical-reference-card__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;border-radius:inherit;color:var(--brand-lime-400);pointer-events:none}.physical-reference-card--rotated .physical-reference-card__art{inset:auto;top:50%;left:50%;width:var(--physical-reference-card-natural-width);height:var(--physical-reference-card-natural-height);transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.physical-reference-card__stripe{color:var(--brand-lime-100)}.physical-reference-card__guide{position:absolute;z-index:2;opacity:.7;pointer-events:none}.physical-reference-card__guide--top,.physical-reference-card__guide--bottom{left:calc(var(--physical-reference-card-guide-length) * -1);width:calc(100% + var(--physical-reference-card-guide-length) * 2);border-top:1px dashed var(--stone-400)}.physical-reference-card__guide--top{top:0;height:1px}.physical-reference-card__guide--bottom{top:100%;height:1px}.physical-reference-card__guide--left,.physical-reference-card__guide--right{top:calc(var(--physical-reference-card-guide-length) * -1);height:calc(100% + var(--physical-reference-card-guide-length) * 2);border-left:1px dashed var(--stone-400)}.physical-reference-card__guide--left{left:0;width:1px}.physical-reference-card__guide--right{left:100%;width:1px}.editor-export-preview__dialog{width:100vw;height:100dvh;max-height:none;gap:0;padding:0;border-radius:0;background:var(--bg);box-shadow:none;grid-template-rows:minmax(0,1fr)}.ui-dialog-backdrop:has(.editor-export-preview__dialog){padding:0;background:var(--bg)}.editor-export-preview__dialog .ui-dialog__header{display:none}.editor-export-preview__body{display:grid;align-items:stretch;justify-items:stretch;height:100%;min-height:0;padding:0;overflow:hidden}.editor-export-preview__sidebar{--settings-group-gap: 16px}.editor-export-preview__workspace{--editor-export-preview-back-clearance: calc( var(--ui-fullscreen-top-safe-inset) + var(--control-size-lg) + var(--space-3) );height:100%}.editor-export-preview__stage{--ui-dialog-preview-stage-padding-block-start: max( var(--space-7), var(--editor-export-preview-back-clearance) );--ui-dialog-preview-stage-padding-inline-end: var(--ui-fullscreen-main-inset-right);--ui-dialog-preview-stage-padding-block-end: var(--space-7);--ui-dialog-preview-stage-padding-inline-start: var(--ui-fullscreen-main-inset-left);width:100vw;height:100dvh;min-height:0;border-radius:0}.editor-export-preview__image{display:block;width:auto;height:auto;max-width:calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2);max-height:calc(100cqh - var(--ui-dialog-preview-stage-content-gap) * 2);max-inline-size:calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2);max-block-size:calc(100cqh - var(--ui-dialog-preview-stage-content-gap) * 2);margin:var(--ui-dialog-preview-stage-content-gap);object-fit:contain;image-rendering:auto;box-shadow:0 18px 46px #0f172a24}.editor-export-preview__plain-frame{display:grid;place-items:stretch;aspect-ratio:var(--editor-export-preview-plain-aspect-ratio);width:min(80cqw,calc(80cqh * var(--editor-export-preview-plain-ratio)));max-width:calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2);max-height:calc(100cqh - var(--ui-dialog-preview-stage-content-gap) * 2);overflow:hidden;background:#fff;box-shadow:0 0 0 1px #0f172a14,0 18px 46px #0f172a1f}.editor-export-preview__plain-frame--transparent{background:linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark-soft) 75%),#fff;background-position:0 0,0 var(--checker-offset-stage),var(--checker-offset-stage) calc(var(--checker-offset-stage) * -1),calc(var(--checker-offset-stage) * -1) 0,0 0;background-size:var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),auto}.editor-export-preview__image--image{background:transparent;box-shadow:none}.editor-export-preview__image--plain{width:100%;height:100%;max-width:none;max-height:none;max-inline-size:none;max-block-size:none;margin:0;image-rendering:pixelated}.editor-export-preview__image--poster{box-shadow:0 18px 54px #0f172a2e}.editor-export-preview__image--chart,.editor-export-preview__image--template{background:#fff}.editor-export-chart-preview{display:block;aspect-ratio:var(--editor-export-chart-preview-aspect-ratio);width:min(calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2),calc((100cqh - var(--ui-dialog-preview-stage-content-gap) * 2) * var(--editor-export-chart-preview-ratio)));height:auto;max-width:calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2);max-height:calc(100cqh - var(--ui-dialog-preview-stage-content-gap) * 2);margin:var(--ui-dialog-preview-stage-content-gap);overflow:visible;background:#fff;box-shadow:0 18px 46px #0f172a24}.editor-export-chart-preview--image{box-shadow:0 18px 54px #0f172a1f}.editor-export-chart-preview text{paint-order:stroke fill;stroke:transparent;stroke-width:0;letter-spacing:0;-webkit-user-select:none;user-select:none}.editor-export-preview__status,.editor-export-preview__loading{color:#0f172a94;font-size:var(--text-body-sm-size)}.editor-export-preview__loading{padding:var(--space-2) var(--space-3);border:var(--border-default);border-radius:var(--control-radius-sm);background:#ffffffeb;box-shadow:var(--shadow-control-floating)}.editor-export-preview__skeleton{position:relative;display:grid;place-items:center;aspect-ratio:3 / 4;width:auto;height:min(calc(100cqh - var(--ui-dialog-preview-stage-content-gap) * 2),calc((100cqw - var(--ui-dialog-preview-stage-content-gap) * 2) * 4 / 3));max-width:calc(100cqw - var(--ui-dialog-preview-stage-content-gap) * 2);max-height:calc(100cqh - var(--ui-dialog-preview-stage-content-gap) * 2);margin:var(--ui-dialog-preview-stage-content-gap);overflow:hidden;background:linear-gradient(135deg,#ffffffb8,#e2e8f0c7);box-shadow:0 18px 54px #0f172a1f;color:#0f172a7a;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.editor-export-preview__skeleton:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(110deg,transparent 0%,transparent 36%,rgba(255,255,255,.58) 48%,transparent 60%,transparent 100%);transform:translate(-100%);animation:editor-export-preview-skeleton-shimmer 1.4s ease-in-out infinite}.editor-export-preview__skeleton span{position:relative;z-index:1}.editor-export-preview__pager{display:inline-flex;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-1);border:var(--border-default);border-radius:var(--control-radius);background:#fffffff0;box-shadow:var(--shadow-control-floating);color:#0f172ab8;font-size:var(--text-body-sm-size)}.editor-export-preview__meta,.editor-export-preview__error{margin:0;color:#0f172a9e;font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height)}.editor-export-preview__caption{display:block;width:100%;color:#0f172a9e;text-align:center}.editor-export-preview__error{color:#a52626}@keyframes editor-export-preview-skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.editor-export-preview__skeleton:before{animation:none;transform:none}}.editor-export-preview__style-preview--plain{display:grid;place-items:center;background:linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-dark-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-dark-soft) 75%),#fff;background-position:0 0,0 calc(var(--checker-offset-stage) / 2),calc(var(--checker-offset-stage) / 2) calc(var(--checker-offset-stage) / -2),calc(var(--checker-offset-stage) / -2) 0,0 0;background-size:calc(var(--checker-size-stage) / 2) calc(var(--checker-size-stage) / 2),calc(var(--checker-size-stage) / 2) calc(var(--checker-size-stage) / 2),calc(var(--checker-size-stage) / 2) calc(var(--checker-size-stage) / 2),calc(var(--checker-size-stage) / 2) calc(var(--checker-size-stage) / 2),auto}.editor-export-preview__style-preview--plain img{width:64%;height:64%;object-fit:contain;image-rendering:pixelated}@media(max-width:720px){.editor-export-preview__stage{--ui-dialog-preview-stage-padding-block-start: max( var(--space-7), var(--editor-export-preview-back-clearance) );--ui-dialog-preview-stage-padding-inline-end: var(--mobile-stage-gutter);--ui-dialog-preview-stage-padding-block-end: var(--space-5);--ui-dialog-preview-stage-padding-inline-start: var(--mobile-stage-gutter);height:var(--ui-fullscreen-main-height);min-height:0}.editor-export-preview__sidebar{max-height:var(--ui-fullscreen-sidebar-height)}}.empty-state{min-height:220px;padding:var(--space-5);text-align:center}.pixel-grid-viewport{position:relative;display:block;width:100%;height:100%;min-height:640px;max-height:none;padding:0;border-radius:0;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.app-shell--editor .pixel-grid-shell{top:0;right:0;bottom:0;left:0}.app-shell--editor .canvas-stage--bead-assembly .pixel-grid-shell{bottom:0}.app-shell--editor .pixel-grid-viewport{min-height:0}.pixel-grid-preview{position:absolute;top:var(--space-3);left:var(--space-3);z-index:3;padding:var(--space-2) var(--space-3);border:var(--border-default);border-radius:var(--pill-radius);background:#ffffffeb;color:var(--ink);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--label-tracking)}.pixel-grid-latency-debug{position:absolute;top:calc(var(--space-3) + 44px);left:var(--space-3);z-index:6;display:grid;gap:2px;max-width:min(320px,calc(100% - var(--space-6)));padding:var(--space-2);border:1px solid rgba(12,12,12,.16);border-radius:var(--radius-sm);background:#fcfcfcf0;color:var(--ink);font-family:var(--font-mono-ui);font-size:11px;line-height:1.35;pointer-events:none;white-space:nowrap}.pixel-grid-selection{--photo-workspace-crop-edge-inset: calc(var(--space-3) + var(--space-half));--photo-workspace-crop-edge-hit-size: calc(var(--space-4) + var(--space-half));--photo-workspace-crop-edge-offset: calc(var(--photo-workspace-crop-edge-hit-size) / -2);--photo-workspace-crop-edge-rail-length: 72px;--photo-workspace-crop-edge-rail-thickness: var(--space-1);position:absolute;z-index:4;border:2px solid var(--brand-lime-400);box-shadow:0 0 0 1px #ffffffeb;pointer-events:none}.pixel-grid-selection__body{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:move;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.pixel-grid-selection__edge{pointer-events:auto}.pixel-grid-selection__handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;position:absolute;display:block;width:18px;min-width:18px;height:18px;min-height:18px;padding:0;border:2px solid var(--brand-lime-400);border-radius:2px;background:#fff;box-sizing:border-box;box-shadow:0 4px 12px #00000029;font-size:0;line-height:0;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.pixel-grid-selection__aspect-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pixel-grid-selection__aspect-line line{stroke:var(--brand-lime-400);stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.pixel-grid-selection__handle--top-left{top:-10px;left:-10px;cursor:nwse-resize}.pixel-grid-selection__handle--top-right{top:-10px;right:-10px;cursor:nesw-resize}.pixel-grid-selection__handle--bottom-right{right:-10px;bottom:-10px;cursor:nwse-resize}.pixel-grid-selection__handle--bottom-left{bottom:-10px;left:-10px;cursor:nesw-resize}.pixel-grid-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pixel-grid-shell--beads{overflow:clip}.bead-axis-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:5}.bead-axis-corner{position:absolute;top:0;left:0;display:block;z-index:3;border-right:1px solid rgba(57,64,75,.18);border-bottom:1px solid rgba(57,64,75,.14);background:var(--surface-workspace);box-sizing:border-box}.bead-axis-track{position:absolute;display:block;z-index:1;background:var(--surface-workspace);box-sizing:border-box}.bead-axis-track--top{right:0;border-bottom:1px solid rgba(57,64,75,.12)}.bead-axis-track--left{bottom:0;border-right:1px solid rgba(57,64,75,.12)}.bead-axis-fill{position:absolute;display:block;z-index:2;background:var(--surface-workspace);box-sizing:border-box}.bead-axis-fill--top{border-bottom:1px solid rgba(57,64,75,.12)}.bead-axis-fill--left{border-right:1px solid rgba(57,64,75,.12)}.bead-axis-fill--top-tail{border-left:1px solid rgba(57,64,75,.16)}.bead-axis-fill--left-tail{border-top:1px solid rgba(57,64,75,.16)}.bead-axis-label{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:2;background:var(--surface-workspace);color:#242a33b8;font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);white-space:nowrap;box-sizing:border-box}.bead-axis-label--column{justify-content:flex-end;padding-right:2px;border-left:1px solid rgba(57,64,75,.16);border-bottom:1px solid rgba(57,64,75,.12)}.bead-axis-label--column.bead-axis-label--top{top:0}.bead-axis-label--row{align-items:flex-end;padding-bottom:2px;border-top:1px solid rgba(57,64,75,.16);border-right:1px solid rgba(57,64,75,.12)}.pixel-grid{display:block;gap:0;padding:0;border:0;border-radius:0;background:linear-gradient(#ffffff5c,#ffffff5c),linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%,transparent 75%,var(--checker-dark-soft) 75%),var(--panel-strong);background-position:0 0,0 0,var(--checker-offset-stage) var(--checker-offset-stage),0 0;background-size:auto,var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),auto;box-shadow:none;overflow:hidden}.pixel-grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;pointer-events:none}.pixel-grid-preview-canvas{z-index:1}.pixel-grid-grid-overlay-canvas{z-index:2}.pixel-grid-reference-image{position:absolute;inset:auto;display:block;object-fit:fill;pointer-events:none;transform-origin:center}.pixel-grid-reference-image--below{z-index:0}.pixel-grid-reference-image--above{z-index:3}.pixel-grid__color-highlight-outline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.pixel-grid__color-highlight-outline path{fill:none;stroke:var(--brand-lime-400);stroke-width:.14;stroke-linecap:square;stroke-linejoin:miter}.pixel-grid__semantic-cells{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;pointer-events:auto}.pixel-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;overflow:visible;pointer-events:none}.pixel-grid-overlay__line{stroke:var(--pixel-grid-outline)}.pixel-grid-hover-preview{position:absolute;z-index:5;pointer-events:none}.pixel-grid-hover-preview__cell{position:absolute;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 0 0 3px #18181873;pointer-events:none}.pixel-grid-sample-loupe{position:absolute;width:var(--pixel-grid-sample-loupe-size, 84px);height:var(--pixel-grid-sample-loupe-size, 84px);transform:translate(-50%,-50%);pointer-events:none}.pixel-grid-sample-loupe__lens{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 3px #ffffffeb,0 12px 30px #0c0a092e}.pixel-grid-sample-loupe__pixel-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr)}.pixel-grid-sample-loupe__pixel{display:block;min-width:0;min-height:0;background:#fff}.pixel-grid-sample-loupe__pixel--transparent{background:linear-gradient(45deg,rgba(223,216,203,.92) 25%,transparent 25%,transparent 75%,rgba(223,216,203,.92) 75%),linear-gradient(45deg,rgba(223,216,203,.92) 25%,transparent 25%,transparent 75%,rgba(223,216,203,.92) 75%),#fffffff5;background-position:0 0,5px 5px,0 0;background-size:10px 10px,10px 10px,auto}.pixel-grid-sample-loupe__selected-color{position:absolute;left:50%;top:50%;z-index:2;width:18px;height:18px;border:2px solid rgba(255,255,255,.94);border-radius:5px;background:#fff;box-shadow:0 0 0 1px #0c0a0994,0 4px 10px #0c0a0929;transform:translate(-50%,-50%)}.pixel-grid-sample-loupe__selected-color--blocked{border:0;background:#fffffff5;color:#0c0a0970;box-shadow:none}.pixel-grid-sample-loupe__blocked-icon{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);pointer-events:none}.pixel-grid-sample-loupe__blocked-icon svg{display:block;width:100%;height:100%}.pixel-grid-hover-preview__region{position:absolute;left:0;top:0;display:block;overflow:visible;pointer-events:none}.pixel-grid-hover-preview__region-fill{fill:#0b84ff38}.pixel-grid-hover-preview__region--erase .pixel-grid-hover-preview__region-fill,.pixel-grid-hover-preview__region--paint-drag .pixel-grid-hover-preview__region-fill{fill:transparent}.pixel-grid-hover-preview__region-outline{fill:none;stroke:#0b84ffdb;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px}.pixel-grid-hover-preview__region--erase .pixel-grid-hover-preview__region-outline{stroke:#181818b8}.pixel-grid-frame--flat,.pixel-grid--flat{background:transparent}.pixel-cell{border:0;border-radius:0;background:transparent;box-shadow:inset 0 0 0 1px var(--pixel-grid-outline);touch-action:none;cursor:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.pixel-grid--beads{background:linear-gradient(#fff6,#fff6),linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%,transparent 75%,var(--checker-dark-soft) 75%),linear-gradient(45deg,var(--checker-dark-soft) 25%,transparent 25%,transparent 75%,var(--checker-dark-soft) 75%),#f7f8fa;background-position:0 0,0 0,var(--checker-offset-stage) var(--checker-offset-stage),0 0;background-size:auto,var(--checker-size-stage) var(--checker-size-stage),var(--checker-size-stage) var(--checker-size-stage),auto}.pixel-grid--beads.pixel-grid--flat{background:transparent}.pixel-cell--beads{position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #39404b1f}.pixel-cell--beads:before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);pointer-events:none}.pixel-cell--beads[data-bead-col="5"]:before,.pixel-cell--beads[data-bead-col="15"]:before,.pixel-cell--beads[data-bead-col="25"]:before,.pixel-cell--beads[data-bead-col="35"]:before,.pixel-cell--beads[data-bead-col="45"]:before,.pixel-cell--beads[data-bead-col="55"]:before,.pixel-cell--beads[data-bead-col="65"]:before,.pixel-cell--beads[data-bead-col="75"]:before{border-left:2px dashed rgba(57,64,75,.34)}.pixel-cell--beads[data-bead-row="5"]:before,.pixel-cell--beads[data-bead-row="15"]:before,.pixel-cell--beads[data-bead-row="25"]:before,.pixel-cell--beads[data-bead-row="35"]:before,.pixel-cell--beads[data-bead-row="45"]:before,.pixel-cell--beads[data-bead-row="55"]:before,.pixel-cell--beads[data-bead-row="65"]:before,.pixel-cell--beads[data-bead-row="75"]:before{border-top:2px dashed rgba(57,64,75,.34)}.pixel-cell--beads[data-bead-col="10"]:before,.pixel-cell--beads[data-bead-col="20"]:before,.pixel-cell--beads[data-bead-col="30"]:before,.pixel-cell--beads[data-bead-col="40"]:before,.pixel-cell--beads[data-bead-col="50"]:before,.pixel-cell--beads[data-bead-col="60"]:before,.pixel-cell--beads[data-bead-col="70"]:before,.pixel-cell--beads[data-bead-col="80"]:before{border-left:2px solid rgba(57,64,75,.55)}.pixel-cell--beads[data-bead-row="10"]:before,.pixel-cell--beads[data-bead-row="20"]:before,.pixel-cell--beads[data-bead-row="30"]:before,.pixel-cell--beads[data-bead-row="40"]:before,.pixel-cell--beads[data-bead-row="50"]:before,.pixel-cell--beads[data-bead-row="60"]:before,.pixel-cell--beads[data-bead-row="70"]:before,.pixel-cell--beads[data-bead-row="80"]:before{border-top:2px solid rgba(57,64,75,.55)}.pixel-cell--transparent,.swatch-chip--transparent,.frame-card__pixel--transparent{background:linear-gradient(45deg,var(--checker-dark) 25%,transparent 25%,transparent 75%,var(--checker-dark) 75%),linear-gradient(45deg,var(--checker-dark) 25%,transparent 25%,transparent 75%,var(--checker-dark) 75%),var(--surface-white-90);background-position:0 0,var(--checker-offset-cell) var(--checker-offset-cell),0 0;background-size:var(--checker-size-cell) var(--checker-size-cell),var(--checker-size-cell) var(--checker-size-cell),auto}.pixel-grid--hide-transparency-texture .pixel-cell--transparent{background:transparent}.pixel-cell--flat{border-color:transparent;background:transparent;box-shadow:none}.pixel-cell--beads.pixel-cell--flat:before{border:0}.pixel-grid-viewport:not([data-active-tool=pan]):not([data-active-tool=select]):not([data-active-tool=paint]):not([data-active-tool=erase]):not([data-active-tool=sample]):not([data-active-tool=fill]):not([data-active-tool=line]):not([data-active-tool=rectangle]) .pixel-cell--editable:hover{outline:1px dashed var(--ink);outline-offset:-1px}.pixel-cell__preview{position:absolute;top:0;right:0;bottom:0;left:0;border:0;pointer-events:none}.pixel-cell__preview--applied{display:none}.pixel-cell__preview--marker{background:transparent;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 0 0 3px #18181873}.pixel-cell__label{position:relative;z-index:1;color:var(--pixel-cell-label-color, var(--ink));font-family:var(--font-mono-ui);font-size:clamp(8px,calc(var(--pixel-cell-size) * .36),14px);font-weight:700;line-height:1;text-shadow:0 1px 1px rgba(255,255,255,.42),0 -1px 1px rgba(255,255,255,.28);pointer-events:none}.pixel-cell--label-dots .pixel-cell__label{font-size:clamp(5px,calc(var(--pixel-cell-size) * .42),8px);letter-spacing:-.08em}.pixel-cell__preview--marker.pixel-cell__preview--transparent{box-shadow:inset 0 0 0 1px #ffffffc7,inset 0 0 0 3px #18181894}.pixel-grid--hide-transparency-texture .pixel-cell__preview--marker.pixel-cell__preview--transparent{background:transparent}.color-picker input[type=color],.source-preview,.frame-card__thumbnail{border:var(--border-default);border-radius:var(--panel-radius);background:var(--panel-strong)}.frame-card.is-active,.layer-card.is-active{background:var(--ink);color:var(--ink-inverse)}.frame-card.is-active span,.layer-card.is-active span,.layer-card.is-active input{color:inherit}.layers-list{display:grid;gap:0;min-height:0;overflow:auto;padding:0 0 var(--space-1)}.layers-list__group-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);min-height:var(--space-8);padding:0 var(--space-5) var(--space-1);color:var(--muted)}.layers-list__group-header:not(:first-child){margin-top:var(--space-1)}.layers-list__group{position:relative}.layers-list__group.is-drop-disabled:after{content:"";position:absolute;inset:0 var(--space-1) 0;z-index:3;border-radius:var(--control-radius);background:color-mix(in srgb,var(--surface-panel-strong) 72%,transparent);pointer-events:none}.layers-list__group-title{min-width:0;font-size:var(--text-caption-size);font-weight:var(--font-weight-semibold);line-height:var(--text-caption-line-height)}.layers-list__group-toggle{display:inline-flex;align-items:center;gap:2px;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:0;cursor:pointer}.layers-list__group-toggle-chevron{display:inline-flex;width:12px;height:12px;color:currentColor;opacity:.82;transform-origin:center;transform:rotate(-90deg);transition:transform .16s ease}.layers-list__group-toggle-chevron svg{width:12px;height:12px}.layers-list__group-toggle[aria-expanded=true] .layers-list__group-toggle-chevron{transform:rotate(0)}.layers-list__group-rows{display:grid;gap:0}.layers-list__group-rows[hidden]{display:none}.layer-popover{position:absolute;top:0;right:var(--space-7);z-index:12;display:grid;grid-template-rows:var(--floating-panel-header-height) minmax(0,1fr);gap:0;width:min(var(--floating-panel-size),calc(100vw - var(--space-5)));max-height:min(640px,calc(100vh - var(--layout-bar-height) - var(--space-6)));padding:0;border:var(--border-default);border-radius:var(--control-radius);background:var(--surface-panel-strong);backdrop-filter:var(--surface-floating-glass-filter);-webkit-backdrop-filter:var(--surface-floating-glass-filter);box-shadow:var(--shadow);letter-spacing:0;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.layer-popover--floating{position:fixed;z-index:39}.layer-popover-backdrop,.layer-popover__close{display:none}.layer-popover__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);box-sizing:border-box;min-height:var(--floating-panel-header-height);padding:0 var(--space-5);border-bottom:var(--border-default)}.layer-popover__header h3{margin:0;font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height)}.layer-popover__header-actions{display:flex;align-items:center;gap:var(--space-2)}.layer-row{--layer-row-handle-icon-size: 18px;--layer-row-handle-width: calc(var(--layer-row-handle-icon-size) / 2);--layer-row-thumbnail-size: var(--space-9);--layer-row-content-center-y: calc(var(--space-3) - 1px + var(--layer-row-thumbnail-size) / 2);position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:72px;margin:var(--space-1) var(--space-1) 0;padding:calc(var(--space-3) - 1px) var(--space-4) calc(var(--space-3) - 1px) var(--space-5);border:1px solid transparent;border-radius:var(--control-radius);background:transparent;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .12s ease}.layer-row.is-dragging{opacity:.5}.layer-row.is-reorder-placeholder{opacity:0;transition:none}.layer-row.is-reorder-shifted{z-index:1}.layers-list.is-layer-dragging .layer-row{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .18s cubic-bezier(.2,0,0,1),opacity .12s ease}.layers-list.is-layer-dragging .layer-row.is-reorder-placeholder{transition:none}.layer-row__native-drag-image{position:fixed;top:-1000px;left:-1000px;width:1px;height:1px;opacity:0;pointer-events:none}.layer-row--custom-drag-preview{position:fixed;z-index:80;box-sizing:border-box;margin:0;background:var(--surface-panel-strong);opacity:1;pointer-events:none;transition:none;box-shadow:var(--shadow)}.layer-row--custom-drag-preview,.layer-row--custom-drag-preview *{cursor:grabbing;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.layers-list:not(.is-layer-hover-suppressed) .layer-row:not(.is-active):not(.is-dragging):hover{background:var(--surface-soft)}.layer-row.is-dragging .layer-row__drag-region{cursor:grabbing}.layer-row.is-hidden{opacity:.72}.layer-row:has(.layer-row__main:focus-visible){border-color:color-mix(in srgb,var(--ink) 24%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 18%,transparent)}.layer-row__visibility-checkbox{width:var(--space-4);height:var(--space-4);margin:0 var(--space-2) 0 0;align-self:center;accent-color:var(--ink)}.layer-row__context-menu{position:absolute;top:calc(100% - var(--space-2));right:var(--space-2);z-index:14;letter-spacing:0}.layer-row__context-menu--portal{position:fixed;top:auto;right:auto;z-index:40}.layer-row__context-action{width:100%}.layer-row__context-action--danger{color:var(--ink)}.layer-row__handle{position:absolute;top:var(--layer-row-content-center-y);left:var(--space-1);transform:translateY(-50%);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--layer-row-handle-width);height:var(--layer-row-handle-icon-size);color:var(--stone-alpha-400);opacity:1;cursor:grab;pointer-events:auto;touch-action:none;transition:opacity .16s ease}.layer-row.is-dragging .layer-row__handle{cursor:grabbing}.layer-row__handle svg{width:100%;height:100%}.layer-row__handle>span{display:inline-flex;width:100%;height:100%}.layer-row:hover .layer-row__handle,.layer-row:focus-visible .layer-row__handle,.layer-row.is-dragging .layer-row__handle{opacity:1}.layer-row__drag-region{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;min-width:0;cursor:grab}.layer-row__actions{display:flex;align-items:center;gap:var(--space-1)}.layer-row__preview-action{display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);color:inherit}.layer-row__main{display:grid;grid-template-columns:var(--layer-row-thumbnail-size) minmax(0,1fr);gap:var(--space-3);align-items:center;min-width:0;padding:0;border:0;border-radius:var(--control-radius-sm);background:transparent;color:inherit;cursor:grab;font:inherit;text-align:left}.layer-row__main:focus,.layer-row__main:focus-visible{outline:none;box-shadow:none}.layer-row__thumbnail{width:var(--layer-row-thumbnail-size);height:var(--layer-row-thumbnail-size)}.layer-row__pixel{min-width:0;min-height:0;background:var(--panel-strong)}.layer-row__pixel--transparent{background:linear-gradient(45deg,var(--checker-dark) 25%,transparent 25%,transparent 75%,var(--checker-dark) 75%),linear-gradient(45deg,var(--checker-dark) 25%,transparent 25%,transparent 75%,var(--checker-dark) 75%),var(--surface-white-90);background-position:0 0,3px 3px,0 0;background-size:6px 6px,6px 6px,auto}.layer-row__thumbnail-image{grid-column:1 / -1;grid-row:1 / -1;width:100%;height:100%;display:block;object-fit:cover}.layer-row__copy{display:grid;align-content:center;justify-items:start;gap:var(--space-1);min-width:0;min-height:100%}.layer-row__name{display:inline-flex;align-items:center;gap:var(--space-1);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-body-sm-size);font-weight:var(--text-heading-weight);letter-spacing:0;line-height:var(--text-body-sm-line-height)}.layer-row__name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.layer-row__name-input{height:var(--space-7);min-height:var(--space-7);width:100%;min-width:0;padding:0 var(--space-2);border:0;border-bottom:1px solid var(--ink);border-radius:var(--control-radius-sm);background:var(--surface-panel-strong);font-size:var(--text-body-sm-size);font-weight:var(--text-heading-weight);outline:none;box-shadow:none;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.layer-row__name-input:focus,.layer-row__name-input:focus-visible{outline:none;box-shadow:none}.layer-row__opacity-trigger{display:inline-flex;align-items:center;gap:2px;justify-self:start;padding:0;border:0;background:transparent;color:var(--muted);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);letter-spacing:0;white-space:nowrap}.layer-row__opacity-chevron{display:inline-flex;width:12px;height:12px;color:currentColor;opacity:.82;transform-origin:center;transform:rotate(-90deg);transition:transform .16s ease}.layer-row__opacity-chevron svg{width:12px;height:12px}.layer-row__opacity-trigger[aria-expanded=true] .layer-row__opacity-chevron{transform:rotate(0)}.layer-row__drag-region>.tool-button{border-color:transparent;background:transparent}.layer-row__drag-region>.tool-button:hover,.layer-row__drag-region>.tool-button:focus-visible{background:var(--surface-soft)}.layer-row__menu-anchor .tool-button{border-color:transparent;background:transparent}.layer-row__menu-anchor .tool-button:hover,.layer-row__menu-anchor .tool-button:focus-visible{background:var(--surface-soft)}.layer-row.is-hidden .layer-row__opacity-trigger{color:color-mix(in srgb,var(--muted) 56%,transparent)}.layer-row__opacity-trigger.is-emphasized{color:var(--muted)}.layer-row__opacity-panel{grid-column:1 / -1;margin-left:calc(var(--layer-row-thumbnail-size) + var(--space-3));margin-top:var(--space-1);padding:0 0 var(--space-1)}.layer-row__opacity-control{display:grid;width:100%;padding:var(--space-2) 0 0;border:0;background:transparent;box-shadow:none}.layer-row__opacity-control .ui-slider-field__label{display:none}.layer-row__opacity-control .ui-slider-field__control{grid-template-columns:minmax(0,1fr);gap:0}.layer-row__visibility{opacity:1}.layer-row__menu-anchor{display:inline-flex;width:var(--space-7)}.layer-row.is-active{background:var(--brand-lime-alpha-300)}.layer-row__icon{display:inline-flex;width:16px;height:16px}.layer-row__icon svg{width:16px;height:16px}@media(max-width:720px){.layer-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38;display:block;padding:0;border:0;background:var(--surface-mobile-sheet-backdrop)}.layer-popover{top:auto;right:0;bottom:0;left:0;grid-template-rows:var(--floating-panel-header-height) minmax(0,1fr) auto;width:auto;max-height:min(72dvh,620px);padding-bottom:0;border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow)}.layer-popover--floating{left:0;width:auto;z-index:39}.layer-popover__close{display:inline-flex}.layer-popover__header h3{font-size:var(--text-title-size);line-height:var(--text-title-line-height)}.layer-popover__header{border-bottom:0}.layer-popover__footer{display:grid;padding:var(--space-3) var(--mobile-sheet-inline-padding) var(--editor-bottom-sheet-padding, var(--space-4));background:var(--panel)}.layer-popover__footer .ui-button{width:100%}.layer-row__main{touch-action:none}}.swatch{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);justify-items:start}.swatch-chip{display:inline-block;width:20px;height:20px;border:1px solid var(--line);border-radius:4px}.swatches{display:grid;gap:var(--space-3)}.swatch code{font-size:.82rem}.swatch__meta{display:grid;justify-items:start;gap:var(--space-1)}.swatch__count{color:var(--muted);font-size:.78rem}.inspector-list{display:grid;gap:var(--space-3);margin:0;list-style:none}.export-style-lab{display:grid;grid-template-columns:minmax(0,1fr) 420px;width:100vw;height:100dvh;overflow:hidden;background:var(--surface-workspace);color:var(--ink)}.export-style-lab--panel-hidden{grid-template-columns:minmax(0,1fr)}.export-style-lab__preview{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:var(--space-7);overflow:auto}.export-style-lab__panel-toggle{position:fixed;top:var(--space-5);left:var(--space-5);z-index:10;min-height:var(--control-height);padding:0 var(--space-4);border:var(--border-default);border-radius:var(--button-radius);background:#ffffffeb;color:var(--ink);box-shadow:var(--shadow-control-floating);font:inherit;cursor:pointer}.export-style-lab__empty{margin:0;color:var(--muted);font-size:var(--text-body-sm-size)}.export-style-lab__paper{position:relative;flex:0 0 auto;overflow:hidden;box-shadow:0 18px 54px #0f172a29}.export-style-lab__watermark{position:absolute;display:block;object-fit:contain}.export-style-lab__brand-domain{position:absolute;display:block;line-height:1;white-space:nowrap;translate:0 -50%}.export-style-lab__summary{position:absolute;display:inline-flex;align-items:center;white-space:nowrap;translate:0 -50%;font-family:var(--font-mono-ui);line-height:1}.export-style-lab__summary-separator{color:#c4c4c4}.export-style-lab__chart-frame{position:absolute;border-style:solid}.export-style-lab__chart{position:absolute;overflow:hidden;border-style:solid}.export-style-lab__cell{position:absolute;display:grid;place-items:center;font-family:var(--font-mono-ui);font-weight:700;line-height:1}.export-style-lab__ruler-label{position:absolute;display:grid;place-items:center;font-family:var(--font-mono-ui);line-height:1}.export-style-lab__grid-line{position:absolute;pointer-events:none}.export-style-lab__grid-line--vertical{top:0;bottom:0}.export-style-lab__grid-line--horizontal{right:0;left:0}.export-style-lab__legend,.export-style-lab__legend-item{position:absolute}.export-style-lab__legend-swatch,.export-style-lab__legend-count{position:absolute;right:0;left:0;display:grid;place-items:center;font-family:var(--font-mono-ui);line-height:1}.export-style-lab__legend-swatch{top:0;border:1px solid;font-weight:700}.export-style-lab__panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:var(--space-4);min-height:0;padding:var(--space-6);overflow-y:auto;border-left:var(--border-default);background:var(--panel)}.export-style-lab__header{display:grid;gap:var(--space-1)}.export-style-lab__header h1,.export-style-lab__section h2,.export-style-lab__header p,.export-style-lab__message{margin:0}.export-style-lab__header h1{font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-line-height)}.export-style-lab__header p,.export-style-lab__message{color:var(--muted);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.export-style-lab__toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.export-style-lab__toggles label{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);border:var(--border-default);border-radius:var(--control-radius-sm);background:var(--surface-control-muted);font-size:var(--text-body-sm-size)}.export-style-lab__section{display:grid;gap:var(--space-3)}.export-style-lab__section h2{font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height)}.export-style-lab__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.export-style-lab__field{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:var(--space-2);min-width:0;color:var(--muted);font-size:var(--text-caption-size);line-height:var(--text-caption-line-height)}.export-style-lab__field input{width:38px;height:30px;padding:0;border:var(--border-default);border-radius:var(--control-radius-sm);background:transparent}.export-style-lab__stack{display:grid;gap:var(--space-2)}.export-style-lab__range{display:grid;grid-template-columns:104px minmax(0,1fr) 64px;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-caption-size)}.export-style-lab__range input[type=number]{width:64px;min-height:30px;border:var(--border-default);border-radius:var(--control-radius-sm);background:var(--panel);color:var(--ink);font:inherit}.export-style-lab__section textarea{min-height:180px;resize:vertical;padding:var(--space-3);border:var(--border-default);border-radius:var(--control-radius-sm);background:var(--surface-control-muted);color:var(--ink);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);line-height:1.5}.export-style-lab__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}.export-style-lab__button{min-height:var(--control-height);border:0;border-radius:var(--button-radius);background:var(--ink);color:var(--ink-inverse);font:inherit;cursor:pointer}.export-style-lab__button--secondary{border:var(--border-default);background:var(--surface-control-muted);color:var(--ink)}@media(max-width:920px){.export-style-lab{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(45dvh,1fr) minmax(0,55dvh)}.export-style-lab__panel{border-top:var(--border-default);border-left:0}}@media(max-width:1180px){.app-shell{width:min(100%,calc(100% - var(--space-5)))}.topbar-status,.topbar-actions{justify-items:start}.editor-topbar{align-items:flex-start;flex-direction:column}.editor-settings-modal{padding:var(--space-3)}.editor-settings-modal__panel{max-height:calc(100dvh - var(--space-5))}.studio-layout{grid-template-columns:1fr}.canvas-stage{order:1}.canvas-column{order:2;min-width:0}.canvas-stage{order:initial;min-width:0}.app-shell--editor{width:100%;padding:0}.app-shell--editor .studio-layout{grid-template-columns:minmax(320px,1fr);gap:var(--space-3);align-items:stretch;min-height:0}.app-shell--editor .studio-layout--bead-assembly{gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app-shell--editor .editor-topbar{align-items:center;flex-direction:row;gap:var(--space-3);padding:var(--space-2) var(--space-6)}.app-shell--editor .canvas-column,.app-shell--editor .canvas-stage{order:initial;min-height:0}.app-shell--editor .canvas-column{display:grid;grid-template-rows:minmax(0,1fr);min-width:0}}@media(max-width:760px){.app-shell--editor{--layout-bar-height: 56px}.app-shell--editor .editor-topbar{padding-right:var(--space-4);padding-left:var(--space-4);overflow:visible}.app-shell--editor .editor-topbar__floating-group--left,.app-shell--editor .editor-topbar__floating-group--right{position:absolute;top:calc(100% + var(--space-3));z-index:18;display:inline-flex;align-items:center;width:max-content;gap:var(--space-3)}.app-shell--editor .editor-topbar__floating-group--left{left:var(--space-4)}.app-shell--editor .editor-topbar__floating-group--right{right:var(--space-4)}.app-shell--editor .editor-topbar__actions{display:inline-flex;align-items:center;width:max-content;gap:var(--space-2)}.app-shell--editor .editor-topbar__floating-button{background:var(--surface-floating-glass);backdrop-filter:var(--surface-floating-glass-filter);-webkit-backdrop-filter:var(--surface-floating-glass-filter);box-shadow:0 4px 14px color-mix(in srgb,var(--stone-950) 6%,transparent)}.editor-skeleton__topbar-start,.editor-skeleton__floating-group>span{width:36px;height:36px}.editor-skeleton__topbar-end{width:66px;height:36px}.editor-skeleton__mode-switch{width:132px;height:36px}.editor-skeleton__floating-group{position:absolute;top:calc(100% + var(--space-3));z-index:18;width:max-content;gap:var(--space-3)}.editor-skeleton__floating-group--left{left:var(--space-4)}.editor-skeleton__floating-group--right{right:var(--space-4)}.editor-skeleton__canvas-controls{display:none}.editor-skeleton__grid{top:var(--space-6);width:min(calc(100% - 90px),680px)}.editor-skeleton__bottom-toolbar{right:var(--space-3);left:var(--space-3);width:auto;max-width:none;transform:none}}.photo-workspace{--photo-workspace-stage-padding-inline: var(--space-4);--photo-workspace-stage-padding-inline-start: var(--photo-workspace-stage-padding-inline);--photo-workspace-stage-padding-inline-end: var(--photo-workspace-stage-padding-inline);--photo-workspace-stage-padding-block-end: var(--space-4);--photo-workspace-stage-padding-block-start: var(--space-4);--photo-workspace-crop-edge-inset: calc(var(--space-3) + var(--space-half));--photo-workspace-crop-edge-hit-size: calc(var(--space-4) + var(--space-half));--photo-workspace-crop-edge-offset: calc(var(--photo-workspace-crop-edge-hit-size) / -2);--photo-workspace-crop-edge-rail-length: 72px;--photo-workspace-crop-edge-rail-thickness: var(--space-1);--photo-workspace-crop-handle-hit-size: var(--space-5);--photo-workspace-crop-handle-hit-offset: calc((var(--photo-workspace-crop-handle-hit-size) / -2) / var(--photo-workspace-crop-zoom, 1));--photo-workspace-crop-handle-visual-size: var(--space-5);--photo-workspace-crop-handle-visual-gap: calc(var(--space-2) + 1px);--photo-workspace-crop-handle-visual-bend-inset: 2.8125px;position:relative;min-width:0;min-height:560px;height:100%;display:grid;grid-template-rows:minmax(0,1fr);background:#0f172a0f;overflow:hidden;overscroll-behavior:contain;touch-action:none}.photo-workspace__stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:visible;overscroll-behavior:contain;touch-action:none}.photo-workspace__stage--native-image-actions-disabled{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.photo-workspace__stage--native-image-actions-disabled .photo-workspace__image{-webkit-user-drag:none}.photo-workspace__viewport{position:absolute;top:var(--photo-workspace-stage-padding-block-start);right:var(--photo-workspace-stage-padding-inline-end);bottom:var(--photo-workspace-stage-padding-block-end);left:var(--photo-workspace-stage-padding-inline-start);min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.photo-workspace__crop-frame{position:absolute;top:50%;left:50%;display:inline-block;max-width:100%;line-height:0;overscroll-behavior:contain;touch-action:none;transform-origin:center center;-webkit-user-select:none;user-select:none}.photo-workspace__image-coordinate-frame{position:relative;display:inline-block;max-width:100%;line-height:0}.photo-workspace__crop-frame.is-layout-pending{visibility:hidden}.photo-workspace__image{max-width:100%;max-height:460px;display:block;object-fit:contain;border-radius:0;box-shadow:0 12px 30px #0f172a1f}.photo-workspace__crop-box{position:absolute;z-index:2;border:calc(1px / var(--photo-workspace-crop-zoom, 1)) solid #ffffff;border-radius:0;box-shadow:0 10px 30px #0f172a29;cursor:move;touch-action:none}.photo-workspace__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.photo-workspace__crop-mask-part{position:absolute;background:#0f172a5c;-webkit-backdrop-filter:saturate(50%);backdrop-filter:saturate(50%)}.photo-workspace__crop-mask-part--top{inset:0 0 auto;height:var(--photo-workspace-crop-top)}.photo-workspace__crop-mask-part--right{top:var(--photo-workspace-crop-top);right:0;bottom:calc(100% - var(--photo-workspace-crop-top) - var(--photo-workspace-crop-height));left:calc(var(--photo-workspace-crop-left) + var(--photo-workspace-crop-width))}.photo-workspace__crop-mask-part--bottom{inset:calc(var(--photo-workspace-crop-top) + var(--photo-workspace-crop-height)) 0 0}.photo-workspace__crop-mask-part--left{top:var(--photo-workspace-crop-top);right:calc(100% - var(--photo-workspace-crop-left));bottom:calc(100% - var(--photo-workspace-crop-top) - var(--photo-workspace-crop-height));left:0}.photo-workspace__crop-box.is-locked{cursor:default;pointer-events:none}.photo-workspace__crop-rule{position:absolute;background:#ffffff94;pointer-events:none}.photo-workspace__crop-rule--horizontal{left:0;right:0;height:calc(1px / var(--photo-workspace-crop-zoom, 1))}.photo-workspace__crop-rule--horizontal-first{top:33.333%}.photo-workspace__crop-rule--horizontal-second{top:66.667%}.photo-workspace__crop-rule--vertical{top:0;bottom:0;width:calc(1px / var(--photo-workspace-crop-zoom, 1))}.photo-workspace__crop-rule--vertical-first{left:33.333%}.photo-workspace__crop-rule--vertical-second{left:66.667%}.photo-workspace__crop-handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;position:absolute;width:calc(var(--photo-workspace-crop-handle-hit-size) / var(--photo-workspace-crop-zoom, 1));height:calc(var(--photo-workspace-crop-handle-hit-size) / var(--photo-workspace-crop-zoom, 1));padding:0;border:0;border-radius:0;background:transparent;cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none}.photo-workspace__crop-handle-visual{position:absolute;width:calc(var(--photo-workspace-crop-handle-visual-size) / var(--photo-workspace-crop-zoom, 1));height:calc(var(--photo-workspace-crop-handle-visual-size) / var(--photo-workspace-crop-zoom, 1));background:transparent center / 100% 100% no-repeat;filter:drop-shadow(0 0 1px rgba(255,255,255,.5));pointer-events:none;-webkit-user-select:none;user-select:none}.photo-workspace__crop-edge{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;position:absolute;border:0;padding:0;background:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.photo-workspace__crop-edge:before{content:"";position:absolute;border-radius:calc(2px / var(--photo-workspace-crop-zoom, 1));background:var(--brand-lime-300);opacity:0;transition:opacity .12s ease}.photo-workspace__crop-edge:hover:before,.photo-workspace__crop-edge:focus-visible:before{opacity:1}.photo-workspace__crop-edge--top,.photo-workspace__crop-edge--bottom{left:calc(var(--photo-workspace-crop-edge-inset) / var(--photo-workspace-crop-zoom, 1));right:calc(var(--photo-workspace-crop-edge-inset) / var(--photo-workspace-crop-zoom, 1));height:calc(var(--photo-workspace-crop-edge-hit-size) / var(--photo-workspace-crop-zoom, 1));cursor:ns-resize}.photo-workspace__crop-edge--top{top:calc(var(--photo-workspace-crop-edge-offset) / var(--photo-workspace-crop-zoom, 1))}.photo-workspace__crop-edge--bottom{bottom:calc(var(--photo-workspace-crop-edge-offset) / var(--photo-workspace-crop-zoom, 1))}.photo-workspace__crop-edge--left,.photo-workspace__crop-edge--right{top:calc(var(--photo-workspace-crop-edge-inset) / var(--photo-workspace-crop-zoom, 1));bottom:calc(var(--photo-workspace-crop-edge-inset) / var(--photo-workspace-crop-zoom, 1));width:calc(var(--photo-workspace-crop-edge-hit-size) / var(--photo-workspace-crop-zoom, 1));cursor:ew-resize}.photo-workspace__crop-edge--left{left:calc(var(--photo-workspace-crop-edge-offset) / var(--photo-workspace-crop-zoom, 1))}.photo-workspace__crop-edge--right{right:calc(var(--photo-workspace-crop-edge-offset) / var(--photo-workspace-crop-zoom, 1))}.photo-workspace__crop-edge--top:before,.photo-workspace__crop-edge--bottom:before{left:50%;top:50%;width:min(64%,calc(var(--photo-workspace-crop-edge-rail-length) / var(--photo-workspace-crop-zoom, 1)));height:calc(var(--photo-workspace-crop-edge-rail-thickness) / var(--photo-workspace-crop-zoom, 1));transform:translate(-50%,-50%)}.photo-workspace__crop-edge--left:before,.photo-workspace__crop-edge--right:before{left:50%;top:50%;width:calc(var(--photo-workspace-crop-edge-rail-thickness) / var(--photo-workspace-crop-zoom, 1));height:min(64%,calc(var(--photo-workspace-crop-edge-rail-length) / var(--photo-workspace-crop-zoom, 1)));transform:translate(-50%,-50%)}.photo-workspace__crop-handle--top-left{top:var(--photo-workspace-crop-handle-hit-offset);left:var(--photo-workspace-crop-handle-hit-offset)}.photo-workspace__crop-handle-visual--top-left{top:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));left:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));background-image:url("data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M82.5%2021H31.5C25.701%2021%2021%2025.701%2021%2031.5V82.5C21%2086.6421%2017.6421%2090%2013.5%2090C9.35786%2090%206%2086.6421%206%2082.5V31.5C6%2017.4167%2017.4167%206%2031.5%206H82.5C86.6421%206%2090%209.35786%2090%2013.5C90%2017.6421%2086.6421%2021%2082.5%2021Z'%20fill='%231C1917'/%3e%3c/svg%3e")}.photo-workspace__crop-handle--top-right{top:var(--photo-workspace-crop-handle-hit-offset);right:var(--photo-workspace-crop-handle-hit-offset);cursor:nesw-resize}.photo-workspace__crop-handle-visual--top-right{top:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));right:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));background-image:url("data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M75%2082.5V31.5C75%2025.701%2070.299%2021%2064.5%2021H13.5C9.35786%2021%206%2017.6421%206%2013.5C6%209.35786%209.35786%206%2013.5%206H64.5C78.5833%206%2090%2017.4167%2090%2031.5V82.5C90%2086.6421%2086.6421%2090%2082.5%2090C78.3579%2090%2075%2086.6421%2075%2082.5Z'%20fill='%231C1917'/%3e%3c/svg%3e")}.photo-workspace__crop-handle--bottom-right{right:var(--photo-workspace-crop-handle-hit-offset);bottom:var(--photo-workspace-crop-handle-hit-offset)}.photo-workspace__crop-handle-visual--bottom-right{right:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));bottom:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));background-image:url("data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%2075H64.5C70.299%2075%2075%2070.299%2075%2064.5V13.5C75%209.35786%2078.3579%206%2082.5%206C86.6421%206%2090%209.35786%2090%2013.5V64.5C90%2078.5833%2078.5833%2090%2064.5%2090H13.5C9.35786%2090%206%2086.6421%206%2082.5C6%2078.3579%209.35786%2075%2013.5%2075Z'%20fill='%231C1917'/%3e%3c/svg%3e")}.photo-workspace__crop-handle--bottom-left{bottom:var(--photo-workspace-crop-handle-hit-offset);left:var(--photo-workspace-crop-handle-hit-offset);cursor:nesw-resize}.photo-workspace__crop-handle-visual--bottom-left{bottom:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));left:calc((0px - var(--photo-workspace-crop-handle-visual-gap) - var(--photo-workspace-crop-handle-visual-bend-inset)) / var(--photo-workspace-crop-zoom, 1));background-image:url("data:image/svg+xml,%3csvg%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2013.5V64.5C21%2070.299%2025.701%2075%2031.5%2075H82.5C86.6421%2075%2090%2078.3579%2090%2082.5C90%2086.6421%2086.6421%2090%2082.5%2090H31.5C17.4167%2090%206%2078.5833%206%2064.5V13.5C6%209.35786%209.35786%206%2013.5%206C17.6421%206%2021%209.35786%2021%2013.5Z'%20fill='%231C1917'/%3e%3c/svg%3e")}.photo-workspace__crop-handle:hover+.photo-workspace__crop-handle-visual{opacity:.76}.photo-workspace__crop-handle:focus-visible,.photo-workspace__crop-edge:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff6b}.photo-workspace__actions{display:inline-flex;gap:var(--space-2)}@media(max-width:640px){.photo-workspace{--photo-workspace-crop-handle-hit-size: var(--space-9);--photo-workspace-crop-handle-visual-size: var(--space-7);--photo-workspace-crop-handle-visual-bend-inset: 4.5px;height:auto;min-height:300px}.photo-workspace__stage{min-height:260px}}.project-dashboard{--layout-bar-height: 72px;--project-create-menu-width: 260px;--project-dialog-compact-control-gap: var(--space-2);--project-card-footer-inline-padding: var(--space-4);--project-legend-swatch-row-gap: var(--space-2);--project-legend-source-sample-gap: var(--space-1);--project-calibration-resize-size: calc(var(--space-4) + var(--space-half));--project-calibration-resize-offset: calc(var(--project-calibration-resize-size) / -2);min-height:100vh;width:100%;padding:0 0 var(--space-10);display:grid;align-content:start;gap:var(--space-5);background:var(--bg)}.project-dashboard__hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0;min-height:var(--layout-bar-height);padding:var(--space-3) var(--space-6);padding-top:calc(var(--space-3) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)));border:0;border-radius:0;background:var(--panel);color:var(--ink)}.project-dashboard__hero-copy{flex:1 1 auto;min-width:0}body.is-minitool .project-dashboard__hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:calc(var(--minitool-top-bar-height, 44px) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)));padding:0 var(--space-6);padding-top:max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px))}body.is-minitool .project-dashboard__hero-copy{grid-column:2;justify-self:center;flex:none}body.is-minitool .project-dashboard__hero-actions{grid-column:3;justify-self:end}body.is-minitool .project-dashboard__home-link--display{cursor:default}body.is-minitool .project-dashboard__logo{width:22px;height:22px}body.is-minitool .project-dashboard__hero h1{font-size:16px;font-weight:500}.project-dashboard__update-button{flex:0 0 auto}.project-dashboard__home-link{width:max-content;max-width:100%;display:flex;align-items:center;gap:var(--space-2);color:inherit;text-decoration:none;border-radius:var(--control-radius)}.project-dashboard__home-link:focus-visible{outline:2px solid rgba(15,23,42,.72);outline-offset:var(--space-1)}.project-dashboard__logo{flex:0 0 auto;width:32px;height:32px}.project-dashboard__hero h1{margin:0;overflow:hidden;color:var(--ink);font-size:var(--font-size-20);font-weight:700;line-height:var(--line-height-20);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.project-dashboard__hero-copy p{margin:var(--space-1) 0 0;overflow:hidden;color:var(--muted);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-line-height);text-overflow:ellipsis;white-space:nowrap}.project-dashboard__hero-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex:0 0 auto}.project-dashboard__hero-actions .ui-button{min-width:0}.project-dashboard__import-button.ui-button--secondary{background:var(--stone-50)}.project-dashboard__import-error{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:21;width:max-content;max-width:min(360px,calc(100vw - var(--space-8)));margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--control-radius);background:#fff;color:#dc2626;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height);box-shadow:0 10px 24px #00000014}.project-dashboard__create-button .ui-button__icon--end{margin-left:var(--space-1)}.project-dashboard__create-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;width:min(var(--project-create-menu-width),calc(100vw - var(--space-8)))}.project-dashboard__storage-hint{width:min(1440px,calc(100% - var(--space-10)));margin:0 auto calc(var(--space-1) * -1);display:flex;align-items:center;gap:var(--space-2);padding:calc(var(--space-2) + var(--space-half)) var(--space-3);border:1px solid rgba(37,99,235,.16);border-radius:var(--control-radius);background:#eff6ff;color:#1e3a8a;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.project-dashboard__storage-hint-icon{display:inline-flex;flex:0 0 auto;color:#2563eb}.project-dashboard__storage-hint-text{flex:1 1 auto;min-width:0}.project-dashboard__storage-hint-dismiss.ui-icon-button{flex:0 0 auto;margin:0 calc(var(--space-1) * -1) 0 0;border:0;border-radius:var(--control-radius-sm);background:transparent;color:#2563eb}.project-dashboard__storage-hint-dismiss.ui-icon-button:not(:disabled):hover{background:#2563eb1a}.project-dashboard__rename-dialog,.project-dashboard__delete-dialog{min-height:220px}.project-dashboard__rename-form{display:grid;gap:var(--space-4)}.project-dashboard__rename-dialog-actions,.project-dashboard__delete-dialog-actions{flex-direction:row}.project-dashboard__rename-dialog-actions>*,.project-dashboard__delete-dialog-actions>*{flex:1 1 0;width:auto}.project-dashboard__list{width:min(1440px,calc(100% - var(--space-10)));margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:var(--space-8);column-gap:var(--space-10)}.project-dashboard--empty{min-height:100vh;grid-template-rows:auto minmax(0,1fr);gap:0;padding-bottom:0}.project-dashboard__empty-create-options{width:min(920px,calc(100% - var(--space-10)));min-height:0;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));place-content:center;gap:var(--space-5);padding:var(--space-8) 0}.project-dashboard__empty-create-title{grid-column:1 / -1;margin:0 0 var(--space-5);color:var(--ink);font-size:40px;font-weight:700;line-height:1.15;letter-spacing:0;text-align:center}.project-dashboard__empty-create-option{min-width:0;min-height:260px;display:grid;justify-items:center;align-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);border:0;border-radius:var(--radius-xl);background:#fff;color:var(--ink);font:inherit;text-align:center;cursor:pointer;box-shadow:0 16px 34px #0000000d;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}@media(hover:hover)and (pointer:fine){.project-dashboard__empty-create-option:hover{transform:translateY(-2px);background:#fafafa;box-shadow:0 20px 42px #00000014}}.project-dashboard__empty-create-option:focus-visible{outline:none;box-shadow:0 0 0 3px #0000001a}.project-dashboard__empty-create-option-icon{width:96px;height:96px;display:block;object-fit:contain}.project-dashboard__empty-create-option-copy{min-width:0;display:grid;justify-items:center;gap:var(--space-2)}.project-dashboard__empty-create-option-title,.project-dashboard__empty-create-option-detail{min-width:0;overflow-wrap:anywhere}.project-dashboard__empty-create-option-title{color:var(--ink);font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-line-height);letter-spacing:0}.project-dashboard__empty-create-option-detail{color:#00000094;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.project-card{position:relative;overflow:visible;border-radius:var(--card-radius);background:transparent;border:0;box-shadow:none}.project-card--empty{min-height:180px;place-content:center;padding:var(--space-6);background:#fff}.project-card__surface{width:100%;display:grid;padding:0;border:0;border-radius:inherit;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.project-card__surface:focus-visible{outline:none}.project-card__surface:focus-visible .project-card__preview{box-shadow:none}.project-card__surface:focus-visible .project-card__preview-image,.project-card__surface:focus-visible .project-card__preview-fallback{box-shadow:0 18px 40px #0000001f,0 0 0 3px #00000014}.project-card__preview{width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.project-card__preview-image,.project-card__preview-fallback{width:100%;height:100%;display:block;max-width:100%;max-height:100%;box-sizing:border-box;overflow:hidden;border:1px solid var(--stone-50);border-radius:var(--radius-sm);box-shadow:0 18px 40px #0000001f}.project-card__preview-image{object-fit:contain;image-rendering:pixelated;background:transparent}.project-card__preview-fallback{background:transparent}.project-card__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-2);min-height:88px;padding:var(--space-5) var(--project-card-footer-inline-padding, var(--space-4));border-radius:0;background:transparent}.project-card__meta{min-width:0}.project-card__meta h2{margin:0 0 var(--space-1)}.project-card__title-button{width:100%;display:block;padding:0;overflow:hidden;border:0;border-radius:var(--space-1);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height);letter-spacing:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.project-card__title-button:focus-visible{outline:none;box-shadow:0 0 0 3px #00000014}.project-card__meta p:last-child,.project-card--empty p{margin:0;color:#0009}.project-card--empty h2{margin:0;font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-line-height);letter-spacing:-.03em}.project-card--empty p{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}.project-card__details{margin:0;overflow:hidden;font-size:var(--font-size-12);font-weight:var(--text-body-sm-weight);line-height:var(--line-height-12);letter-spacing:0;color:#0000006b;text-overflow:ellipsis;white-space:nowrap}.project-card__menu{position:relative;display:grid;place-items:center}.project-card__actions{display:flex;align-items:center;justify-content:flex-end;min-width:0}.project-card__menu-trigger{border:0;border-radius:var(--control-radius);background:transparent;color:#000000a3;transition:background-color .16s ease,color .16s ease}.project-card__menu-trigger:hover,.project-card__menu-trigger[aria-expanded=true]{background:#0000000f;color:#000000e6}.project-card__menu-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #00000014}.project-card__menu-popover{position:absolute;right:0;bottom:calc(100% + var(--space-3))}.project-card__menu-item{width:100%}.project-card__menu-item--danger{color:#000000d1}.project-dialog{color:#000}.project-dialog--blank{height:min(460px,calc(100dvh - var(--dialog-page-margin) * 2));max-height:min(460px,calc(100dvh - var(--dialog-page-margin) * 2))}.project-dialog--photo-settings{width:100vw;height:100dvh;max-height:none;gap:0;padding:0;border-radius:0;background:var(--bg);box-shadow:none;grid-template-rows:minmax(0,1fr)}.project-dialog-backdrop:has(.project-dialog--photo-settings){padding:0;background:var(--bg)}.project-dialog--photo-settings .ui-dialog__header{display:none}.project-dialog--photo-settings .project-dialog__body{padding:0;overflow:hidden}@media(max-width:720px){.project-dialog--photo-settings{height:100dvh;max-height:none}}.project-dialog__source-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.project-dialog__source-option{min-height:220px;display:grid;place-items:center;align-content:center;gap:var(--space-5);padding:var(--space-7);border:1px solid rgba(15,23,42,.08);border-radius:var(--card-radius);background:#0f172a08;color:#000;font:inherit;font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.project-dialog__source-option span:last-child{min-width:0}.project-dialog__source-option-title{display:grid;align-items:center;justify-content:center;justify-items:center;gap:var(--space-2);min-width:0}.project-dialog__source-option [aria-hidden=true]{color:#0f172a70}.project-dialog__source-option .ui-tag[aria-hidden=true]{color:var(--ui-tag-color)}.project-dialog__source-option:hover{transform:translateY(-2px);border-color:#0f172a29;background:#0f172a0d;box-shadow:0 18px 34px #0f172a14}.project-dialog__source-option:focus-visible{outline:none;box-shadow:0 0 0 3px #0f172a24}.project-dialog__source-option[aria-disabled=true]{cursor:default}.project-dialog__source-option[aria-disabled=true]:hover{transform:none;box-shadow:none}.project-dialog__blank-form{display:grid;gap:var(--space-5)}.project-dialog__photo-settings{min-height:0}.project-dialog__photo-settings--blueprint .project-dialog__photo-sidebar{--settings-sidebar-rows: auto minmax(0, 1fr) auto}.project-dialog__blueprint-workspace .photo-workspace__stage{--photo-workspace-stage-padding-block-start: calc(var(--space-2) + var(--space-half));--photo-workspace-stage-padding-inline: calc(var(--space-2) + var(--space-half));--photo-workspace-stage-padding-block-end: calc(var(--space-2) + var(--space-half))}.project-dialog__blueprint-workspace .photo-workspace__image{max-height:clamp(500px,64vh,560px)}.project-dialog--photo-settings .photo-workspace__stage{--photo-workspace-stage-padding-block-start: calc( var(--ui-fullscreen-top-safe-inset, var(--space-5)) + var(--control-size-lg) + var(--space-3) );--photo-workspace-stage-padding-inline-end: var(--ui-fullscreen-main-inset-right);--photo-workspace-stage-padding-block-end: var(--space-7);--photo-workspace-stage-padding-inline-start: var(--ui-fullscreen-main-inset-left);min-height:0}@media(max-width:720px){.project-dialog--photo-settings .photo-workspace__stage{--photo-workspace-stage-padding-block-start: calc( var(--ui-fullscreen-top-safe-inset, var(--space-3)) + var(--control-size-lg) + var(--space-3) );--photo-workspace-stage-padding-inline-end: var(--mobile-stage-gutter);--photo-workspace-stage-padding-block-end: var(--space-5);--photo-workspace-stage-padding-inline-start: var(--mobile-stage-gutter);height:100%;min-height:0;align-items:center;justify-items:center}.project-dialog__photo-settings:not(.project-dialog__photo-settings--blueprint) .photo-workspace__stage{--photo-workspace-stage-padding-block-end: calc(var(--control-size-lg) + var(--space-7))}.project-dialog--photo-settings .project-dialog__photo-sidebar>.ui-step-progress{display:none}.project-dialog--photo-settings .project-dialog__blueprint-actions{align-items:start}.project-dialog--photo-settings .project-dialog__blueprint-actions>.ui-button{margin-top:var(--space-1)}.project-dialog__photo-settings:not(.project-dialog__photo-settings--blueprint) .photo-workspace__image{width:auto;height:auto;max-width:100cqw;max-height:100cqh}}.project-dialog__preview-wrap{position:relative;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;display:grid;place-items:center;overflow:visible}.project-dialog__preview-view-toggle{display:flex;justify-content:center;pointer-events:auto}.project-dialog__preview-view-toggle .ui-two-state-toggle{--ui-two-state-toggle-shadow: var(--shadow-control-floating);--ui-two-state-toggle-focus-shadow: var(--shadow-control-floating), var(--shadow-focus-ring)}.project-dialog__preview-canvas{position:relative;display:inline-grid;align-self:center;justify-self:center;place-items:center;transform-origin:center center;touch-action:none;-webkit-user-select:none;user-select:none}.project-dialog__preview-grid{--project-preview-cell-size: 8px;position:relative;width:max-content;display:grid;justify-content:center;image-rendering:pixelated;overflow:hidden;background:linear-gradient(45deg,rgba(15,23,42,.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(15,23,42,.07) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(15,23,42,.07) 75%),linear-gradient(-45deg,transparent 75%,rgba(15,23,42,.07) 75%),#ffffff6b;background-position:0 0,0 8px,8px -8px,-8px 0,0 0;background-size:16px 16px,16px 16px,16px 16px,16px 16px,auto;border-radius:0}.project-dialog__preview-grid>span{width:var(--project-preview-cell-size);height:var(--project-preview-cell-size);background:var(--project-preview-cell-color, transparent);box-shadow:0 0 0 .75px var(--project-preview-cell-color, transparent);pointer-events:none}.project-dialog__preview-grid--canvas-placement>span{box-shadow:inset 0 0 0 .5px #0f172a24}.project-dialog__preview-selection{z-index:4}.project-dialog__preview-selection .pixel-grid-selection__handle{z-index:1}.project-dialog__preview-grid>span.is-review-dimmed{position:relative;box-shadow:none;filter:saturate(.6)}.project-dialog__preview-grid>span.is-review-dimmed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffff94;pointer-events:none}.project-dialog__preview-cell--labeled{display:grid;place-items:center}.project-dialog__preview-review-outline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:visible}.project-dialog__preview-review-outline path{fill:none;stroke:var(--brand-lime-400);stroke-width:var(--project-preview-review-outline-stroke-width, .14);stroke-linecap:square;stroke-linejoin:miter}.project-dialog__preview-cell-label{position:relative;z-index:1;max-width:92%;overflow:hidden;color:var(--project-preview-cell-label-color, #101010);font-family:var(--font-mono-ui);font-size:var(--project-preview-cell-label-size, clamp(8px, calc(var(--project-preview-cell-size) * .32), 12px));font-weight:700;line-height:1;text-align:center;text-overflow:clip;white-space:nowrap;pointer-events:none}.project-dialog__preview-original-frame{position:relative;overflow:hidden}.project-dialog__preview-original{width:100%;height:100%;display:block;object-fit:fill;image-rendering:auto;border-radius:0}.project-dialog__preview-original-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;pointer-events:none}.project-dialog__preview-original-mask>span{width:var(--project-preview-cell-size);height:var(--project-preview-cell-size)}.project-dialog__preview-original-mask>span.is-review-dimmed{background:#ffffff80}.project-dialog__photo-empty{color:#0f172a8a;font-size:var(--text-body-sm-size)}.project-dialog__photo-sidebar{--settings-sidebar-rows: auto minmax(0, 1fr) auto;--settings-sidebar-gap: var(--space-4);--settings-sidebar-scroll-gap: var(--space-4)}.project-dialog__blueprint-step-panel{gap:calc(var(--space-5) + var(--space-half));padding-top:var(--space-6)}.project-dialog__blueprint-step-copy{display:grid;gap:var(--space-2)}.project-dialog__blueprint-step-copy.project-dialog__material-step-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.project-dialog__material-step-header h2{min-width:0}.project-dialog__replace-image-button{flex:0 0 auto}.project-dialog__blueprint-step-copy--inline{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-3)}.project-dialog__blueprint-step-copy h2{margin:0;color:#000;font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:32px}.project-dialog__blueprint-step-copy p{margin:0;color:#0f172a9e;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.project-dialog__legend-skip-toggle{justify-self:end}.project-dialog__calibration-size-field{width:100%}.project-dialog__blueprint-actions{--settings-sidebar-action-gap: var(--space-3)}.project-dialog__blueprint-actions>.project-dialog__submit:only-child{grid-column:1 / -1}.project-dialog__step-back{width:100%;margin-top:var(--space-2)}.project-dialog__field{display:grid;gap:var(--space-2)}.project-dialog__reference-option.ui-checkbox-field{display:flex;align-items:center;gap:var(--space-2)}.project-dialog__reference-option .ui-checkbox{flex:0 0 auto}.project-dialog__reference-option .ui-checkbox-field__copy{display:block;min-width:0}.project-dialog__reference-option .ui-checkbox-field__label{color:#0f172ad6;font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:0}.project-dialog__type-field{gap:var(--space-2);min-width:0;margin:0;padding:0;border:0}.project-dialog__field:not(.ui-dropdown)>span:first-child{color:var(--form-field-label-color);font-family:var(--form-field-label-font-family);font-size:var(--form-field-label-font-size);font-weight:var(--form-field-label-font-weight);line-height:var(--form-field-label-line-height);letter-spacing:var(--form-field-label-letter-spacing);text-transform:var(--form-field-label-text-transform)}.project-dialog__type-field>legend{width:max-content;min-width:max-content;inline-size:max-content;min-inline-size:max-content;max-width:100%;padding:0 0 var(--space-2);color:var(--form-field-label-color);font-family:var(--form-field-label-font-family);font-size:var(--form-field-label-font-size);font-weight:var(--form-field-label-font-weight);line-height:var(--form-field-label-line-height);letter-spacing:var(--form-field-label-letter-spacing);white-space:nowrap;text-transform:var(--form-field-label-text-transform)}.project-dialog__type-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);min-width:0}.project-dialog__type-option.ui-button{width:100%;min-width:0;border-color:var(--stone-200);background:#fff;color:#0f172ad6}.project-dialog__type-option.ui-button.is-active,.project-dialog__type-option.ui-button[aria-pressed=true]{border-color:var(--brand-lime-400);background:var(--brand-lime-50);color:#0f172af0}.project-dialog__type-option.ui-button.is-active:hover,.project-dialog__type-option.ui-button[aria-pressed=true]:hover{background:var(--brand-lime-50)}.project-dialog__field--sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.project-dialog__field input:not([type=range]){width:100%;min-height:52px;padding:0 var(--space-9) 0 var(--space-4);border:1px solid rgba(15,23,42,.16);border-radius:var(--input-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:#0f172aeb;font:inherit;font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height)}.project-dialog__field input:not([type=range]):focus-visible{outline:none;box-shadow:0 0 0 3px #0f172a24}.project-dialog__grid-size-summary{color:#0f172a6b}.project-dialog__readonly-size-input.ui-input{min-height:64px;font-size:var(--text-heading-size);font-weight:var(--text-heading-weight)}.project-dialog__readonly-size-input.ui-input:disabled{border-color:var(--line);background:var(--stone-50);color:#0000006b;cursor:not-allowed}.project-dialog__blueprint-size-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}.project-dialog__blueprint-size-inputs label{display:grid;gap:var(--space-2)}.project-dialog__blueprint-size-inputs label>span{color:#0f172a8a;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.project-dialog__field .project-dialog__blueprint-size-inputs input{min-height:44px;padding:0 var(--space-3)}.project-dialog__legend-swatches{display:flex;flex-direction:column;gap:var(--space-4);min-height:34px;padding:0;border:0;background:transparent}.project-dialog__legend-swatch-group{display:grid;gap:var(--space-2)}.project-dialog__legend-swatch-group-label{color:var(--muted);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);letter-spacing:var(--label-tracking);text-transform:uppercase}.project-dialog__legend-swatch-row{display:grid;grid-template-columns:repeat(5,minmax(56px,1fr));flex:0 0 auto;gap:var(--project-legend-swatch-row-gap);width:100%}.project-dialog__legend-swatches .project-dialog__legend-swatch.is-overridden{border-color:#0f172a47}.project-dialog__legend-code-keypad .ui-swatch-button__code{max-width:none;overflow:visible;text-overflow:clip}.project-dialog__legend-swatch-add{border-style:dashed;border-color:currentColor;color:#0f172a57}.project-dialog__legend-swatch-add .ui-swatch-button__code{font-size:18px;line-height:1}.project-dialog__legend-swatches-empty{width:auto;height:auto;border:0;color:#0f172a8a;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.project-dialog__legend-code-keypad-dismiss-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;padding:0;border:0;background:transparent}.project-dialog__legend-code-keypad{--project-legend-keypad-width: 392px;--project-legend-keypad-viewport-bleed: var(--space-6);--project-legend-keypad-max-height: 300px;--project-legend-keypad-cell-gap: calc(var(--space-1) + 1px);--project-legend-keypad-cell-padding-inline: calc(var(--space-1) + var(--space-half));--project-legend-keypad-series-padding-block: calc(var(--space-1) + 1px);--project-legend-keypad-series-padding-inline: var(--space-1);--project-legend-keypad-series-gap: calc(var(--space-1) - 1px);position:fixed;top:var(--project-legend-keypad-y, 0);left:var(--project-legend-keypad-x, 0);z-index:90;display:grid;gap:var(--space-4);width:min(var(--project-legend-keypad-width),calc(100vw - var(--project-legend-keypad-viewport-bleed) - var(--project-legend-keypad-viewport-bleed)));max-height:min(var(--project-legend-keypad-max-height),calc(100dvh - var(--project-legend-keypad-viewport-bleed)));overflow-y:auto;padding:var(--space-4);border:var(--border-default);border-radius:var(--control-radius);background:var(--surface-panel-strong);backdrop-filter:var(--surface-floating-glass-filter);-webkit-backdrop-filter:var(--surface-floating-glass-filter);box-shadow:var(--shadow)}.project-dialog__legend-code-keypad-group{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--project-legend-keypad-cell-gap);min-width:0}.project-dialog__legend-code-keypad-group button.ui-swatch-button--labeled.ui-swatch-button--tile{width:100%;min-width:0;height:40px;padding:0 var(--project-legend-keypad-cell-padding-inline);border:1px solid rgba(15,23,42,.14);border-radius:var(--control-radius-sm);background:#fff;color:#0f172ad6;font-size:var(--text-body-sm-size)}.project-dialog__legend-code-keypad-group button.ui-swatch-button--labeled.ui-swatch-button--tile.is-active,.project-dialog__legend-code-keypad-group button.ui-swatch-button--labeled.ui-swatch-button--tile[aria-pressed=true]{border-width:2px;border-color:var(--ink);font-weight:var(--font-weight-medium);box-shadow:inset 0 0 0 2px var(--panel-strong)}.project-dialog__legend-code-keypad-group--series button.ui-swatch-button--labeled.ui-swatch-button--tile{height:40px;padding:var(--project-legend-keypad-series-padding-block) var(--project-legend-keypad-series-padding-inline);align-content:center;justify-items:center;gap:var(--project-legend-keypad-series-gap)}.project-dialog__legend-code-keypad-group--series button.project-dialog__legend-code-keypad-transparent{grid-column:span 2}.project-dialog__legend-code-keypad-footer,.project-dialog__legend-code-keypad-preview{display:none}@media(max-width:720px){.project-dialog__legend-code-keypad-dismiss-layer{background:var(--surface-mobile-sheet-backdrop)}.project-dialog__legend-code-keypad{top:auto;right:0;bottom:0;left:0;width:auto;height:min(calc(485px + env(safe-area-inset-bottom)),calc(100dvh - var(--space-2)));max-height:calc(100dvh - var(--space-2));grid-template-rows:auto auto minmax(0,1fr) auto;padding:0 var(--space-2) calc(var(--space-4) + env(safe-area-inset-bottom));overflow:hidden;border-right:0;border-bottom:0;border-left:0;border-radius:var(--bottom-sheet-radius) var(--bottom-sheet-radius) 0 0;background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}.project-dialog__legend-code-keypad-preview{grid-row:1;display:flex;align-items:center;gap:var(--space-3);min-height:60px;margin-inline:calc(var(--space-2) * -1);padding:var(--space-4);border-radius:0;background:var(--stone-100)}.project-dialog__legend-code-keypad-preview .project-dialog__legend-review-source-samples{gap:var(--space-2)}.project-dialog__legend-code-keypad-group{column-gap:var(--space-1);row-gap:var(--space-2)}.project-dialog__legend-code-keypad-group--series{grid-row:2}.project-dialog__legend-code-keypad-group--numbers{grid-row:3;align-content:start}.project-dialog__legend-code-keypad-group button.ui-swatch-button--labeled.ui-swatch-button--tile,.project-dialog__legend-code-keypad-group--series button.ui-swatch-button--labeled.ui-swatch-button--tile{height:44px;font-size:var(--text-body-size)}.project-dialog__legend-code-keypad-footer{grid-row:4;display:grid;align-self:end}}.project-dialog__legend-code-preview{display:flex;justify-content:center;gap:0;width:max-content;min-width:0;overflow:hidden;border:1px solid transparent;border-radius:var(--pill-radius)}.project-dialog__legend-code-preview.has-light-color{border-color:#0f172a2e}.project-dialog__legend-code-preview-dot{display:block;width:6px;height:5px}.project-dialog__legend-review{display:grid;gap:var(--space-3);padding:0;border:0;background:transparent}.project-dialog__legend-review-header{display:grid;gap:var(--space-2);font-family:var(--font-mono-ui);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--muted)}.project-dialog__legend-review p{margin:0;color:#a15c07;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line-height)}.project-dialog__legend-review-list{display:grid;gap:var(--space-2)}.project-dialog__legend-review-row{position:relative;display:grid;grid-template-columns:var(--thumbnail-size) minmax(98px,1fr) minmax(76px,88px);align-items:center;gap:var(--space-3);min-width:0;min-height:52px;padding:var(--space-2);border:1px solid rgba(15,23,42,.1);border-radius:var(--card-radius);cursor:pointer}.project-dialog__legend-review-row.is-active{outline:none;border-color:var(--brand-lime-400);background:var(--brand-lime-50)}.project-dialog__legend-review-row:has(.project-dialog__legend-review-select:focus-visible){outline:none;border-color:var(--brand-lime-400);background:var(--brand-lime-50)}.project-dialog__legend-review-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;padding:0;border:0;border-radius:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.project-dialog__legend-review-thumbnail{z-index:1;width:var(--thumbnail-size);height:var(--thumbnail-size);pointer-events:none}.project-dialog__legend-review-thumbnail-mark{shape-rendering:crispEdges}.project-dialog__legend-review-color-button{position:relative;z-index:1;width:100%}.project-dialog__legend-review-recognizing{display:inline-flex;align-items:center;justify-content:center;gap:4px}.project-dialog__legend-review-recognizing svg{animation:project-dialog-legend-recognizing-spin .8s linear infinite}@keyframes project-dialog-legend-recognizing-spin{to{transform:rotate(360deg)}}.project-dialog__legend-review-color-button .ui-swatch-button__dropdown-icon{transition:transform .12s ease}.project-dialog__legend-review-color-button.is-active .ui-swatch-button__dropdown-icon{transform:rotate(180deg)}.project-dialog__legend-review-source-samples{position:relative;z-index:1;display:flex;align-items:center;gap:var(--project-legend-source-sample-gap);min-width:0;pointer-events:none}.project-dialog__legend-review-source-sample{display:block;flex:0 0 var(--project-source-sample-box-size, 32px);width:var(--project-source-sample-box-size, 32px);height:var(--project-source-sample-box-size, 32px);overflow:hidden;border:1px solid rgba(15,23,42,.16);border-radius:var(--swatch-inner-radius);background-image:var(--project-source-sample-image);background-position:var(--project-source-sample-position);background-repeat:no-repeat;background-size:var(--project-source-sample-size);box-shadow:inset 0 0 0 1px #ffffff61}.project-dialog__legend-review-row select{min-width:0;min-height:34px;padding:0 var(--space-2);border:1px solid rgba(15,23,42,.16);border-radius:var(--control-radius-sm);background:#fff}.project-dialog__calibration-grid{--project-calibration-line-edge-offset: 0%;position:absolute;z-index:2;display:block;cursor:move;touch-action:none}.project-dialog__calibration-grid:before{content:"";position:absolute;inset:var(--project-calibration-line-edge-offset);background:color-mix(in srgb,var(--brand-lime-300) 20%,transparent);pointer-events:none}.project-dialog__calibration-lines{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.project-dialog__calibration-lines line{stroke:var(--brand-lime-400);stroke-width:calc(1px / var(--photo-workspace-crop-zoom, 1));stroke-linecap:square}.project-dialog__calibration-corner{position:absolute;z-index:2;width:calc(42px / var(--photo-workspace-crop-zoom, 1));height:calc(42px / var(--photo-workspace-crop-zoom, 1));background:transparent url("data:image/svg+xml,%3csvg%20width='202'%20height='202'%20viewBox='0%200%20202%20202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='100.8'%20cy='100.8'%20r='48'%20fill='%23234825'%20fill-opacity='0.14'%20shape-rendering='crispEdges'/%3e%3ccircle%20cx='100.8'%20cy='100.8'%20r='48'%20stroke='white'%20stroke-opacity='0.2'%20stroke-width='7.2'%20shape-rendering='crispEdges'/%3e%3crect%20x='92.8'%20y='4.79999'%20width='16'%20height='192'%20rx='4'%20fill='white'%20fill-opacity='0.58'/%3e%3crect%20x='96'%20y='4.79999'%20width='9.6'%20height='192'%20rx='2.4'%20fill='%23365314'/%3e%3crect%20x='196.8'%20y='92.8'%20width='16'%20height='192'%20rx='4'%20transform='rotate(90%20196.8%2092.8)'%20fill='white'%20fill-opacity='0.58'/%3e%3crect%20x='196.8'%20y='96'%20width='9.60001'%20height='192'%20rx='2.4'%20transform='rotate(90%20196.8%2096)'%20fill='%23365314'/%3e%3ccircle%20cx='100.8'%20cy='100.8'%20r='4.8'%20fill='white'/%3e%3c/svg%3e") center / 100% 100% no-repeat;pointer-events:none;transform:translate(-50%,-50%)}.project-dialog__calibration-corner--top-left{top:var(--project-calibration-line-edge-offset);left:var(--project-calibration-line-edge-offset)}.project-dialog__calibration-corner--bottom-right{top:calc(100% - var(--project-calibration-line-edge-offset));left:calc(100% - var(--project-calibration-line-edge-offset))}.project-dialog__calibration-resize{position:absolute;width:calc(var(--project-calibration-resize-size) / var(--photo-workspace-crop-zoom, 1));height:calc(var(--project-calibration-resize-size) / var(--photo-workspace-crop-zoom, 1));padding:0;border:0;background:transparent;touch-action:none}.project-dialog__calibration-resize--top-left{top:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));left:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));cursor:nwse-resize}.project-dialog__calibration-resize--top-right{top:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));right:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));cursor:nesw-resize}.project-dialog__calibration-resize--bottom-right{right:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));bottom:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));cursor:nwse-resize}.project-dialog__calibration-resize--bottom-left{bottom:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));left:calc(var(--project-calibration-resize-offset) / var(--photo-workspace-crop-zoom, 1));cursor:nesw-resize}.project-dialog__calibration-resize:focus-visible{outline:calc(2px / var(--photo-workspace-crop-zoom, 1)) solid color-mix(in srgb,var(--brand-lime-400) 72%,transparent);outline-offset:calc(2px / var(--photo-workspace-crop-zoom, 1))}.project-dialog__blueprint-reference-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.project-dialog__blueprint-reference-lines line{stroke:color-mix(in srgb,var(--brand-lime-400) 70%,transparent);stroke-width:calc(1px / var(--photo-workspace-crop-zoom, 1));stroke-linecap:square}.project-dialog__custom-size-group{display:grid;gap:var(--space-2)}.project-dialog__custom-size-control{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:var(--input-height);border:var(--input-border);border-radius:var(--input-radius);background:var(--input-background);color:var(--input-color);font:var(--input-font);letter-spacing:var(--input-letter-spacing);overflow:hidden}.project-dialog__custom-size-control.is-invalid{border-color:#dc2626}.project-dialog__custom-size-prefix{padding-left:var(--input-padding-x);color:#0f172a9e;font:inherit;letter-spacing:inherit}.project-dialog__field input.project-dialog__custom-size-input{min-height:var(--input-height);padding:var(--input-padding-y) var(--space-3);border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit}.project-dialog__field input.project-dialog__custom-size-input:focus-visible{box-shadow:none}.project-dialog__custom-size-control:focus-within{border-color:var(--input-focus-border-color);box-shadow:var(--input-focus-shadow)}.project-dialog__custom-size-control.is-invalid:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc262624}.project-dialog__custom-size-actions{display:inline-flex;gap:var(--space-1);padding-right:var(--space-2)}.project-dialog__field-error{color:#dc2626;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height)}.project-dialog__submit{width:100%;margin-top:var(--space-2)}.project-dialog__footer .project-dialog__submit{margin-top:0}@media(max-width:900px){.project-dashboard__storage-hint,.project-dashboard__empty-create-options,.project-dashboard__list{width:min(100% - var(--space-8),1440px)}.project-dashboard__empty-create-options{grid-template-columns:1fr;align-content:center;max-width:420px}.project-dashboard__empty-create-title{font-size:32px}.project-dashboard__empty-create-option{min-height:180px}}@media(max-width:1279px){.project-dashboard__list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-9)}}@media(max-width:640px){.project-dashboard{--layout-bar-height: 56px;--project-card-footer-inline-padding: var(--space-2);padding:0 0 var(--space-7)}.project-dashboard:has(.project-dashboard__hero-actions){padding-bottom:calc(var(--mobile-bottom-floating-offset) + var(--control-size-lg) + var(--space-5))}.project-dashboard__hero{padding:var(--space-3) var(--mobile-page-gutter);padding-top:calc(var(--space-3) + max(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)),var(--minitool-status-bar-height, 0px)))}.project-dashboard__logo{width:28px;height:28px}.project-dashboard__hero-actions{position:fixed;left:50%;right:auto;bottom:var(--mobile-bottom-floating-offset);z-index:50;justify-content:center;transform:translate(-50%)}.project-dashboard__hero-actions>.ui-button{box-shadow:var(--shadow)}.project-dashboard__import-error{top:auto;right:0;bottom:calc(100% + var(--space-2));max-width:min(360px,calc(100vw - var(--mobile-page-gutter) * 2))}.project-dashboard__create-menu{top:auto;right:0;bottom:calc(100% + var(--space-2));width:min(var(--project-create-menu-width),calc(100vw - var(--mobile-floating-gutter) * 2))}.project-dashboard__storage-hint,.project-dashboard__empty-create-options,.project-dashboard__list{width:calc(100% - var(--mobile-page-gutter) * 2)}.project-dashboard__empty-create-options{width:min(320px,calc(100% - var(--mobile-page-gutter) * 2));place-content:start;padding:var(--space-9) 0 var(--space-8);gap:var(--space-4)}.project-dashboard__empty-create-title{margin-bottom:var(--space-4);font-size:28px}.project-dashboard__empty-create-option{min-height:160px;padding:var(--space-5)}.project-dashboard__empty-create-option-icon{width:72px;height:72px}.project-dashboard__empty-create-option{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon copy";align-content:center;align-items:center;justify-items:start;column-gap:var(--space-4);min-height:116px;text-align:left}.project-dashboard__empty-create-option-icon{grid-area:icon}.project-dashboard__empty-create-option-copy{grid-area:copy;justify-items:start}.project-dashboard__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.project-dashboard__import-button.ui-button,.project-dashboard__create-button.ui-button{min-width:0}.project-card__preview{border-radius:0}.project-card__footer{min-height:70px;padding:var(--space-3) var(--project-card-footer-inline-padding) var(--space-4);border-radius:0}.project-card__meta h2{margin-bottom:var(--space-1)}.project-card__title-button{font-size:var(--text-body-size);line-height:var(--text-body-line-height)}.project-dialog__source-options{grid-template-columns:1fr;gap:var(--space-3)}.project-dialog__source-option{min-height:148px;gap:var(--space-4)}.project-dialog__blank-form{gap:var(--space-4)}.photo-workspace__image,.project-dialog__preview-wrap{max-height:300px}.project-dialog__field input:not([type=range]){min-height:48px}.project-dialog__submit{margin-top:var(--space-1)}}.landing-page{--layout-bar-height: 72px;min-height:100vh;background:var(--bg);color:var(--ink)}.landing-hero{min-height:min(648px,calc(100vh - var(--layout-bar-height)));display:grid;align-items:center;padding:0 0 var(--space-8);background:var(--panel)}.landing-hero__nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;min-width:0;min-height:var(--layout-bar-height);padding:var(--space-3) var(--space-6);background:var(--panel);gap:var(--space-2);color:var(--ink)}.landing-footer{width:min(1120px,calc(100% - var(--space-10)));margin:0 auto;display:flex;align-items:center;gap:var(--space-2);color:var(--ink);font-size:var(--text-body-sm-size);font-weight:var(--font-weight-medium);line-height:var(--text-body-sm-line-height)}.landing-hero__logo{flex:0 0 auto;width:32px;height:32px}.landing-footer .brand-logo{flex:0 0 auto;width:20px;height:20px}.landing-hero__brand-name{min-width:0;overflow:hidden;color:var(--ink);font-size:var(--font-size-20);font-weight:700;line-height:var(--line-height-20);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.landing-hero__domain{margin-left:auto;flex:0 0 auto;color:var(--muted);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--line-height-14);letter-spacing:0;white-space:nowrap}.landing-hero__nav-cta.ui-button{margin-left:var(--space-2);flex:0 0 auto;text-decoration:none}.landing-hero__content{width:min(1120px,calc(100% - var(--space-10)));margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--space-8)}.landing-hero__copy{width:min(100%,480px);justify-self:center;display:grid;justify-items:center;gap:var(--space-6);text-align:center}.landing-hero__cta-observer{display:inline-flex}.landing-hero h1{margin:0;color:var(--ink);font-size:48px;font-weight:700;line-height:1.06;letter-spacing:0}.landing-hero p{max-width:420px;margin:0;color:var(--stone-700);font-size:var(--text-body-size);font-weight:var(--font-weight-regular);line-height:var(--text-body-line-height);letter-spacing:0}.landing-hero__highlight{color:var(--brand-lime-900);box-shadow:inset 0 -4px 0 var(--brand-lime-400)}.landing-hero__cta.ui-button{--ui-button-padding-inline: var(--space-8);width:min(100%,220px);min-width:180px;margin-top:var(--space-3);padding-left:var(--ui-button-padding-inline);padding-right:calc(var(--ui-button-padding-inline) - var(--space-1));text-decoration:none}.landing-hero__cta .ui-button__icon--end{animation:landing-hero-cta-arrow-drift 2.8s ease-in-out infinite}@keyframes landing-hero-cta-arrow-drift{0%,30%,to{transform:translate(0)}55%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.landing-hero__cta .ui-button__icon--end{animation:none}}.landing-hero__preview{width:min(100%,400px);justify-self:center;display:block}.landing-hero__preview img{width:100%;height:auto;display:block;object-fit:contain}.landing-features{width:min(1120px,calc(100% - var(--space-10)));margin:0 auto;padding:calc(var(--space-10) + var(--space-7)) 0}.landing-features>h2,.landing-examples>h2{max-width:520px;margin:0 auto var(--space-9);color:var(--ink);font-size:32px;font-weight:700;line-height:1.18;letter-spacing:0;text-align:center}.landing-features__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.landing-feature-card{min-width:0;display:grid;align-content:start;gap:var(--space-3);min-height:220px;padding:var(--space-5);border:var(--border-default);border-radius:var(--radius-xl);background:var(--panel)}.landing-feature-card__icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--control-radius-lg);background:var(--brand-lime-100);color:var(--brand-lime-900)}.landing-feature-card h3,.landing-feature-card p{margin:0;letter-spacing:0}.landing-feature-card h3{color:var(--ink);font-size:var(--text-heading-size);font-weight:var(--text-heading-weight);line-height:var(--text-heading-line-height)}.landing-feature-card p{color:var(--muted);font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-line-height)}.landing-examples{width:min(1120px,calc(100% - var(--space-10)));margin:0 auto;padding:0 0 calc(var(--space-10) + var(--space-7))}.landing-examples__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,256px));justify-content:center;gap:var(--space-10)}.landing-examples__edit-button.ui-button{min-width:0}.landing-examples__error{width:max-content;max-width:100%;margin:calc(var(--space-5) * -1) auto var(--space-6);padding:var(--space-2) var(--space-3);border-radius:var(--control-radius);background:#fff;color:#dc2626;font-size:var(--text-body-sm-size);font-weight:var(--text-body-sm-weight);line-height:var(--text-body-sm-line-height);text-align:center}.landing-footer{padding:var(--space-6) 0;border-top:var(--border-default)}@media(max-width:900px){.landing-hero{min-height:auto}.landing-hero__content{grid-template-columns:1fr;padding-top:var(--space-10)}.landing-hero__copy{width:100%}.landing-hero h1{font-size:48px}.landing-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-examples__grid{grid-template-columns:repeat(auto-fit,minmax(220px,256px));gap:var(--space-8)}}@media(max-width:640px){.landing-page{--layout-bar-height: 56px}.landing-hero{padding-bottom:var(--space-7)}.landing-hero__nav{padding:var(--space-3) var(--space-4)}.landing-hero__logo{width:28px;height:28px}.landing-hero__content{width:calc(100% - var(--space-7));gap:var(--space-7);padding-top:var(--space-10)}.landing-hero h1{font-size:40px}.landing-hero p{max-width:300px}.landing-hero__preview{width:min(80%,280px)}.landing-hero__cta.ui-button{min-width:0}.landing-features,.landing-examples{width:calc(100% - var(--space-7))}.landing-features{padding:var(--space-10) 0}.landing-examples{padding:0 0 var(--space-10)}.landing-features>h2,.landing-examples>h2{font-size:28px}.landing-features>h2,.landing-examples>h2{margin-bottom:var(--space-8)}.landing-features__grid{grid-template-columns:1fr;gap:var(--space-4)}.landing-examples__grid{grid-template-columns:minmax(0,256px)}.landing-feature-card{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"icon title" "icon description";column-gap:var(--space-4);row-gap:var(--space-2);min-height:0}.landing-feature-card__icon{grid-area:icon;align-self:center}.landing-feature-card h3{grid-area:title}.landing-feature-card p{grid-area:description}.landing-footer{width:calc(100% - var(--space-7));padding-bottom:calc(var(--space-6) + var(--mobile-bottom-safe-area))}}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/pixelify-sans-latin-D1rQrCZP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/pixelify-sans-latin-ext-BE692HKO.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/pixelify-sans-cyrillic-5jJ5_EUl.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}:root{--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--stone-950: #0c0a09;--stone-alpha-50: color-mix(in srgb, var(--stone-950) 4%, transparent);--stone-alpha-100: color-mix(in srgb, var(--stone-950) 6%, transparent);--stone-alpha-200: color-mix(in srgb, var(--stone-950) 10%, transparent);--stone-alpha-300: color-mix(in srgb, var(--stone-950) 16%, transparent);--stone-alpha-400: color-mix(in srgb, var(--stone-950) 24%, transparent);--stone-alpha-500: color-mix(in srgb, var(--stone-950) 32%, transparent);--stone-alpha-600: color-mix(in srgb, var(--stone-950) 48%, transparent);--stone-alpha-700: color-mix(in srgb, var(--stone-950) 62%, transparent);--stone-alpha-800: color-mix(in srgb, var(--stone-950) 74%, transparent);--stone-alpha-900: color-mix(in srgb, var(--stone-950) 86%, transparent);--stone-alpha-950: color-mix(in srgb, var(--stone-950) 94%, transparent);--bg: var(--stone-50);--panel: var(--stone-50);--panel-strong: var(--stone-50);--ink: var(--stone-950);--ink-inverse: var(--stone-50);--muted: var(--stone-500);--line: var(--stone-200);--line-soft: var(--stone-100);--surface-soft: var(--stone-100);--surface-soft-strong: var(--stone-200);--surface-panel-glass: color-mix(in srgb, var(--stone-50) 92%, transparent);--surface-panel-strong: color-mix(in srgb, var(--stone-50) 98%, transparent);--surface-floating-glass: rgba(255, 255, 255, .86);--surface-floating-glass-filter: blur(20px) saturate(1.25);--surface-modal-backdrop: rgba(0, 0, 0, .6);--surface-mobile-sheet-backdrop: rgba(0, 0, 0, .44);--surface-white-90: color-mix(in srgb, var(--stone-50) 90%, transparent);--checker-dark: color-mix(in srgb, var(--stone-300) 72%, transparent);--checker-dark-soft: color-mix(in srgb, var(--stone-200) 72%, transparent);--checker-size-stage: 24px;--checker-size-cell: 12px;--checker-offset-stage: 12px;--checker-offset-cell: 6px;--pixel-grid-outline: color-mix(in srgb, var(--stone-900) 20%, transparent);--border-default: 1px solid var(--line);--shadow: 0 12px 40px color-mix(in srgb, var(--stone-950) 8%, transparent);--shadow-control-active: 0 4px 14px color-mix(in srgb, var(--stone-950) 8%, transparent);--shadow-control-floating: 0 8px 24px color-mix(in srgb, var(--stone-950) 10%, transparent);--shadow-focus-ring: 0 0 0 3px color-mix(in srgb, var(--stone-950) 14%, transparent);--shadow-thumbnail: 0 1px 3px color-mix(in srgb, var(--stone-950) 12%, transparent);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 32px;--radius-full: 999px;--panel-radius: var(--radius-sm);--control-radius: var(--radius-lg);--button-radius: var(--radius-lg);--card-radius: var(--radius-lg);--input-radius: var(--control-radius);--input-border: var(--border-default);--input-background: var(--stone-50);--input-color: var(--ink);--input-font: inherit;--input-letter-spacing: 0;--input-padding-x: var(--space-4);--input-padding-y: var(--space-2);--input-focus-border-color: rgba(0, 0, 0, .28);--input-focus-shadow: 0 0 0 3px rgba(0, 0, 0, .08);--tag-radius: var(--radius-sm);--checkbox-radius: var(--radius-sm);--swatch-radius: var(--radius-md);--swatch-inner-radius: var(--radius-sm);--toolbar-radius: var(--radius-xl);--bottom-sheet-radius: var(--radius-xl);--pill-radius: var(--radius-full);--control-height: 40px;--layout-bar-height: 80px;--mobile-page-gutter: var(--space-4);--mobile-floating-gutter: var(--mobile-page-gutter);--mobile-stage-gutter: var(--mobile-page-gutter);--mobile-sheet-inline-padding: var(--mobile-page-gutter);--mobile-bottom-safe-area: env(safe-area-inset-bottom, 0px);--mobile-bottom-floating-offset: calc(var(--space-7) + var(--mobile-bottom-safe-area));--editor-bottom-safe-area: var(--mobile-bottom-safe-area);--editor-bottom-floating-offset: var(--mobile-bottom-floating-offset);--editor-bottom-sheet-padding: calc(var(--space-6) + var(--editor-bottom-safe-area));--control-size-sm: 36px;--control-size-lg: 48px;--control-size-xl: 56px;--input-height: var(--control-size-lg);--icon-button-size-lg: 48px;--icon-button-radius: var(--button-radius);--icon-size-lg: 24px;--control-radius-sm: var(--radius-sm);--control-radius-md: var(--radius-md);--control-radius-lg: var(--radius-lg);--surface-radius-xl: var(--radius-2xl);--dialog-size-sm: 420px;--dialog-size-md: 560px;--dialog-size-lg: 760px;--dialog-size-xl: 1040px;--dialog-page-margin: var(--space-6);--floating-panel-size: 360px;--floating-panel-header-height: 56px;--thumbnail-size: 44px;--thumbnail-radius: var(--radius-sm);--thumbnail-border-color: var(--line-soft);--thumbnail-background: var(--surface-control-muted);--thumbnail-canvas-background: var(--panel);--upload-dialog-height: min(820px, calc(100dvh - var(--dialog-page-margin) * 2));--surface-workspace: var(--stone-100);--surface-control-muted: var(--stone-100);--surface-control-muted-hover: var(--stone-200);--surface-control-solid: var(--stone-300);--brand-lime-50: oklch(98.6% .031 120.757);--brand-lime-100: oklch(96.7% .067 122.328);--brand-lime-200: oklch(93.8% .127 124.321);--brand-lime-300: oklch(89.7% .196 126.665);--brand-lime-400: oklch(84.1% .238 128.85);--brand-lime-500: oklch(76.8% .233 130.85);--brand-lime-600: oklch(64.8% .2 131.684);--brand-lime-700: oklch(53.2% .157 131.589);--brand-lime-800: oklch(45.3% .124 130.933);--brand-lime-900: oklch(40.5% .101 131.063);--brand-lime-950: oklch(27.4% .072 132.109);--brand-lime-alpha-50: color-mix(in srgb, var(--brand-lime-500) 4%, transparent);--brand-lime-alpha-100: color-mix(in srgb, var(--brand-lime-500) 6%, transparent);--brand-lime-alpha-200: color-mix(in srgb, var(--brand-lime-500) 10%, transparent);--brand-lime-alpha-300: color-mix(in srgb, var(--brand-lime-500) 16%, transparent);--brand-lime-alpha-400: color-mix(in srgb, var(--brand-lime-500) 24%, transparent);--brand-lime-alpha-500: color-mix(in srgb, var(--brand-lime-500) 32%, transparent);--brand-lime-alpha-600: color-mix(in srgb, var(--brand-lime-500) 48%, transparent);--brand-lime-alpha-700: color-mix(in srgb, var(--brand-lime-500) 62%, transparent);--brand-lime-alpha-800: color-mix(in srgb, var(--brand-lime-500) 74%, transparent);--brand-lime-alpha-900: color-mix(in srgb, var(--brand-lime-500) 86%, transparent);--brand-lime-alpha-950: color-mix(in srgb, var(--brand-lime-500) 94%, transparent);--font-sans-ui: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, Helvetica, sans-serif;--font-mono-ui: figmaMono, "figmaMono Fallback", "SF Mono", Menlo, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-20: 1.25rem;--line-height-12: 1.35;--line-height-14: 1.4;--line-height-16: 1.7;--line-height-20: 1.25;--text-title-size: var(--font-size-20);--text-title-line-height: var(--line-height-20);--text-title-weight: var(--font-weight-medium);--text-heading-size: var(--font-size-16);--text-heading-line-height: 1.5;--text-heading-weight: var(--font-weight-medium);--text-body-size: var(--font-size-16);--text-body-line-height: var(--line-height-16);--text-body-weight: var(--font-weight-regular);--text-body-sm-size: var(--font-size-14);--text-body-sm-line-height: var(--line-height-14);--text-body-sm-weight: var(--font-weight-regular);--text-caption-size: var(--font-size-12);--text-caption-line-height: var(--line-height-12);--text-caption-weight: var(--font-weight-regular);--label-size: .75rem;--label-tracking: .6px;--form-field-label-color: rgba(15, 23, 42, .68);--form-field-label-font-family: inherit;--form-field-label-font-size: var(--font-size-12);--form-field-label-font-weight: var(--text-body-sm-weight);--form-field-label-line-height: var(--text-body-sm-line-height);--form-field-label-letter-spacing: 0;--form-field-label-text-transform: none;--space-half: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px}body.is-minitool{--minitool-status-bar-height: 44px;--minitool-top-bar-height: 44px}@media(max-width:760px){:root{--shadow: 0 6px 18px color-mix(in srgb, var(--stone-950) 7%, transparent);--shadow-control-active: 0 2px 8px color-mix(in srgb, var(--stone-950) 7%, transparent);--shadow-control-floating: 0 4px 14px color-mix(in srgb, var(--stone-950) 8%, transparent);--shadow-focus-ring: 0 0 0 2px color-mix(in srgb, var(--stone-950) 14%, transparent);--shadow-thumbnail: 0 1px 2px color-mix(in srgb, var(--stone-950) 10%, transparent)}}.grid-thumbnail{position:relative;overflow:hidden;border:1px solid var(--thumbnail-border-color);border-radius:var(--thumbnail-radius);background:var(--thumbnail-background);box-shadow:var(--shadow-thumbnail)}.grid-thumbnail--layer{display:flex;align-items:center;justify-content:center}.grid-thumbnail--positions{display:block}.grid-thumbnail__background{background:var(--thumbnail-background);fill:var(--thumbnail-background);stroke:none}.grid-thumbnail--layer .grid-thumbnail__background{position:absolute;top:0;right:0;bottom:0;left:0}.grid-thumbnail__canvas{overflow:hidden;background:var(--thumbnail-canvas-background);fill:var(--thumbnail-canvas-background)}.grid-thumbnail--layer .grid-thumbnail__canvas{position:relative;z-index:1;display:block}.grid-thumbnail__content--layer{display:grid;width:100%;height:100%}.grid-thumbnail__content--positions{shape-rendering:crispEdges}html,body,#root{background:#fff}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font-sans-ui);font-feature-settings:"kern" 1;font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-line-height);letter-spacing:-.14px}button,input,textarea,select{font-family:inherit;font-feature-settings:"kern" 1}:focus-visible{outline:2px solid rgba(0,0,0,.24);outline-offset:2px}