:root,:root[data-theme=dark]{color-scheme:dark;font-family:Segoe UI,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;--brand-gold: #ffc64a;--brand-gold-soft: #ffd36b;--brand-gold-deep: #e09b22;--brand-red: #8a1119;--brand-red-bright: #c52332;--brand-red-deep: #4e090f;--brand-plum: #8d63b7;--brand-plum-soft: #d8c4ff;--brand-plum-deep: #211428;--page-backdrop: radial-gradient(circle at 12% 0%, rgba(255, 198, 74, .13), transparent 18%), radial-gradient(circle at 84% 6%, rgba(141, 99, 183, .34), transparent 25%), radial-gradient(circle at 32% 100%, rgba(138, 17, 25, .08), transparent 22%), linear-gradient(180deg, #0d0a12 0%, #17101d 54%, #0b0910 100%);--bg: #0d0a12;--bg-raised: #17101d;--surface: rgba(30, 22, 38, .94);--surface-strong: #271a31;--surface-muted: rgba(216, 196, 255, .065);--surface-muted-strong: rgba(255, 198, 74, .11);--header: rgba(12, 9, 17, .94);--header-border: rgba(216, 196, 255, .18);--accent: var(--brand-gold);--accent-strong: var(--brand-gold-deep);--accent-soft: rgba(255, 198, 74, .16);--button-radius: .75rem;--button-height: 2.75rem;--text: #fbf4ff;--text-soft: #d7c4dd;--text-muted: #a68ead;--accent-copy: var(--brand-gold-soft);--header-text: #fbf4ff;--header-control-text: #fbf4ff;--header-control-placeholder: rgba(251, 244, 255, .68);--menu-text: #fbf4ff;--overlay-text: #fbf4ff;--text-on-accent: #1a1121;--selected-bg: rgba(255, 198, 74, .11);--selected-border: rgba(255, 198, 74, .48);--selected-shadow: inset 0 0 0 1px rgba(255, 198, 74, .18);--surface-inset: inset 0 1px 0 rgba(251, 244, 255, .04);--border: rgba(216, 196, 255, .16);--danger: #d9605d;--danger-soft: rgba(138, 17, 25, .18);--warning-soft: rgba(255, 198, 74, .14);--warning-text: var(--brand-gold-soft);--info-soft: rgba(141, 99, 183, .14);--info-text: var(--brand-plum-soft);--shadow: 0 24px 48px rgba(0, 0, 0, .42);--header-shadow: 0 18px 36px rgba(0, 0, 0, .34);--header-divider: rgba(216, 196, 255, .1);--header-control-bg: rgba(216, 196, 255, .07);--header-control-hover: rgba(255, 198, 74, .12);--header-border-hover: rgba(255, 198, 74, .28);--menu-bg: rgba(18, 12, 24, .98);--menu-button-bg: rgba(216, 196, 255, .06);--menu-button-hover: rgba(255, 198, 74, .12);--tool-rail-bg: rgba(30, 22, 38, .94);--tool-button-text: #e0d1ea;--tool-button-hover-bg: rgba(255, 198, 74, .085);--tool-button-hover-text: var(--brand-gold-soft);--tool-button-active-bg: var(--selected-bg);--tool-button-active-text: var(--brand-gold-soft);--canvas-backdrop: #100d16;--grid-stroke: rgba(216, 196, 255, .16);--grid-major-stroke: rgba(216, 196, 255, .27);--ruler-tick: rgba(216, 196, 255, .52);--ruler-bg: rgba(16, 12, 21, .96);--ruler-text: #f6ecfa;--ruler-border: rgba(216, 196, 255, .16);--overlay-bg: rgba(21, 14, 28, .94);--overlay-border: rgba(216, 196, 255, .15);--field-bg: #1a1221;--field-border: rgba(216, 196, 255, .2);--field-placeholder: #a68ead;--card-preview-bg: linear-gradient(135deg, #2f2039, #17101d);--modal-backdrop: rgba(7, 5, 10, .72);--swatch-ring: rgba(13, 9, 18, .95);--swatch-outline: rgba(216, 196, 255, .16);--catalog-item-bg: rgba(216, 196, 255, .045);--catalog-item-hover: rgba(255, 198, 74, .08);--catalog-item-selected: var(--selected-bg);--empty-bg: rgba(216, 196, 255, .045);--danger-contrast: #ffb4ae;--info-note-bg: rgba(141, 99, 183, .12);--info-note-text: var(--brand-plum-soft);--scroll-track: rgba(13, 9, 18, .48);--scroll-thumb: rgba(216, 196, 255, .38);--scroll-thumb-hover: rgba(216, 196, 255, .62);--surface-blur: 14px;--header-blur: 18px;--floating-fab-bg: rgba(30, 22, 38, .96);--floating-fab-text: var(--brand-gold-soft);--floating-fab-border: rgba(216, 196, 255, .14);--canvas-shell: linear-gradient(180deg, rgba(12, 9, 17, .98), rgba(22, 14, 29, .96)), radial-gradient(circle at top left, rgba(141, 99, 183, .12), transparent 31%), linear-gradient(135deg, rgba(255, 198, 74, .045), rgba(138, 17, 25, .03))}:root[data-theme=light]{color-scheme:light;--brand-gold: #ffc64a;--brand-gold-soft: #ffd36b;--brand-gold-deep: #d8941e;--brand-red: #8a1119;--brand-red-bright: #c52332;--brand-red-deep: #4e090f;--brand-plum: #76529b;--brand-plum-soft: #bca4db;--brand-plum-deep: #4c2d65;--page-backdrop: radial-gradient(circle at 10% 0%, rgba(255, 198, 74, .19), transparent 24%), radial-gradient(circle at 92% 10%, rgba(118, 82, 155, .18), transparent 24%), linear-gradient(180deg, #f4eff7 0%, #ece2f2 100%);--bg: #f4eff7;--bg-raised: #faf6fc;--surface: #fffaff;--surface-strong: #ffffff;--surface-muted: #efe7f3;--surface-muted-strong: #e5d8ee;--header: #4c2d65;--header-border: rgba(255, 198, 74, .32);--accent: var(--brand-gold);--accent-strong: var(--brand-gold-deep);--accent-soft: rgba(255, 198, 74, .2);--text: #2b2032;--text-soft: #64536f;--text-muted: #846f8d;--accent-copy: #b56f0f;--header-text: #ffffff;--header-control-text: #ffffff;--header-control-placeholder: rgba(255, 255, 255, .7);--menu-text: #ffffff;--overlay-text: #2b2032;--text-on-accent: #1a1121;--selected-bg: #fff0c5;--selected-border: rgba(184, 118, 22, .46);--selected-shadow: inset 0 0 0 1px rgba(184, 118, 22, .16);--surface-inset: inset 0 1px 0 rgba(255, 255, 255, .72);--border: rgba(82, 50, 105, .14);--danger: #b54445;--danger-soft: rgba(138, 17, 25, .11);--warning-soft: rgba(255, 198, 74, .18);--warning-text: #72510a;--info-soft: rgba(118, 82, 155, .1);--info-text: var(--brand-plum-deep);--shadow: 0 14px 32px rgba(65, 39, 82, .1);--header-shadow: 0 16px 30px rgba(50, 29, 66, .14);--header-divider: rgba(255, 198, 74, .24);--header-control-bg: rgba(255, 255, 255, .07);--header-control-hover: rgba(255, 198, 74, .16);--header-border-hover: rgba(255, 198, 74, .5);--menu-bg: #4c2d65;--menu-button-bg: rgba(255, 255, 255, .04);--menu-button-hover: rgba(255, 198, 74, .16);--tool-rail-bg: #fffaff;--tool-button-text: #64536f;--tool-button-hover-bg: #efe7f3;--tool-button-hover-text: #2b2032;--tool-button-active-bg: var(--selected-bg);--tool-button-active-text: #1a1121;--canvas-backdrop: #efe8f5;--grid-stroke: rgba(82, 50, 105, .34);--grid-major-stroke: rgba(82, 50, 105, .52);--ruler-tick: rgba(76, 45, 101, .5);--ruler-bg: #eee5f3;--ruler-text: #4c2d65;--ruler-border: rgba(82, 50, 105, .2);--overlay-bg: #fffaff;--overlay-border: rgba(82, 50, 105, .16);--field-bg: #faf6fc;--field-border: rgba(82, 50, 105, .34);--field-placeholder: #917d9b;--card-preview-bg: #ffffff;--modal-backdrop: rgba(35, 23, 43, .36);--swatch-ring: rgba(255, 255, 255, .95);--swatch-outline: rgba(82, 50, 105, .14);--catalog-item-bg: #fffaff;--catalog-item-hover: #fff0c5;--catalog-item-selected: var(--selected-bg);--empty-bg: #efe7f3;--danger-contrast: #8f2d31;--info-note-bg: #efe4f5;--info-note-text: var(--brand-plum-deep);--scroll-track: #efe7f3;--scroll-thumb: rgba(76, 45, 101, .34);--scroll-thumb-hover: rgba(76, 45, 101, .56);--surface-blur: 0px;--header-blur: 0px;--floating-fab-bg: #fffaff;--floating-fab-text: #4c2d65;--floating-fab-border: rgba(82, 50, 105, .12);--canvas-shell: linear-gradient(180deg, #faf6fc 0%, #e7ddec 100%), radial-gradient(circle at top left, rgba(255, 255, 255, .72), transparent 32%), linear-gradient(135deg, rgba(255, 198, 74, .11), rgba(118, 82, 155, .07))}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page-backdrop);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-screen{min-height:100vh}.app-screen--editor{min-height:var(--editor-viewport-height, 100dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr)}.eyebrow{margin:0 0 .35rem;color:var(--text-soft);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:var(--header);color:var(--header-text);border-bottom:1px solid var(--header-divider);-webkit-backdrop-filter:blur(var(--header-blur));backdrop-filter:blur(var(--header-blur));box-shadow:var(--header-shadow);isolation:isolate}.app-header:before{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 8% 0%,rgba(255,198,74,.14),transparent 26%),linear-gradient(90deg,rgba(141,99,183,.2),transparent 36%,rgba(255,198,74,.08));content:"";pointer-events:none}.app-header>*{position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;min-width:168px}.brand-logo{width:150px;max-width:100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.header-center{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.header-center--spacer{flex:1}.header-center--centered{position:absolute;left:50%;width:min(20rem,42vw);justify-content:center;transform:translate(-50%);pointer-events:none}.page-heading{display:grid;justify-items:center;gap:.16rem;min-width:0;line-height:1.15}.page-heading span{color:var(--header-control-placeholder);font-size:.76rem;font-weight:800;text-transform:uppercase}.page-heading strong{max-width:100%;color:var(--header-control-text);font-size:1.18rem;overflow-wrap:anywhere;text-align:center}.project-title-input,.page-chip{height:3rem;border-radius:999px;border:1px solid var(--header-border);background:var(--header-control-bg);color:var(--header-control-text)}.project-title-input{width:min(100%,420px);padding:0 1.15rem;font-size:1rem;font-weight:700}.project-title-input::placeholder{color:var(--header-control-placeholder)}.page-chip{display:inline-flex;align-items:center;padding:0 1rem;font-weight:700}.mode-pill{display:inline-flex;align-items:center;height:2.1rem;padding:0 .9rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-copy);font-size:.88rem;font-weight:700;text-transform:uppercase}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap;min-width:0}.app-header--centered .header-actions{margin-left:auto}.header-button,.header-link,.header-link--button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:3rem;padding:0 1rem;border-radius:var(--button-radius);border:1px solid var(--header-border);background:var(--header-control-bg);color:var(--header-control-text);min-width:0;font-weight:700;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease}.header-button:hover,.header-link:hover,.header-link--button:hover{background:var(--header-control-hover);border-color:var(--header-border-hover)}.header-button--icon{width:3rem;padding:0}.header-button-icon{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;flex-shrink:0}.header-button-label{min-width:0}.header-button svg,.header-link svg,.header-link--button svg{width:100%;height:100%;display:block}.header-button svg path:not([stroke]),.header-link svg path:not([stroke]),.header-link--button svg path:not([stroke]){fill:currentColor}.header-button--accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);border-color:transparent;color:var(--text-on-accent)}.header-button--accent:hover{background:linear-gradient(135deg,var(--brand-gold-soft) 0%,var(--accent-strong) 100%)}.header-button--mobile{display:none}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4.9rem;height:3rem;padding:.25rem;border:1px solid var(--header-border);border-radius:999px;background:var(--header-control-bg);color:var(--header-control-text);transition:background .16s ease,border-color .16s ease,transform .16s ease}.theme-toggle:hover{background:var(--header-control-hover);border-color:var(--header-border-hover)}.theme-toggle-track{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 .5rem}.theme-toggle-icon,.theme-toggle-thumb{display:inline-flex;align-items:center;justify-content:center}.theme-toggle-icon{width:.95rem;height:.95rem;opacity:.32;transition:opacity .16s ease}.theme-toggle.is-dark .theme-toggle-icon--moon,.theme-toggle.is-light .theme-toggle-icon--sun{opacity:.72}.theme-toggle-thumb{position:absolute;top:50%;left:.2rem;width:2.05rem;height:2.05rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-strong) 55%,transparent);background:var(--accent);color:var(--text-on-accent);box-shadow:0 5px 12px #00000029;transform:translateY(-50%);transition:transform .18s ease}.theme-toggle.is-light .theme-toggle-thumb{transform:translate(1.85rem,-50%)}.theme-icon{width:100%;height:100%;display:block}.theme-toggle-thumb .theme-icon{width:1.24rem;height:1.24rem}.theme-toggle-icon .theme-icon--sun{width:1.05rem;height:1.05rem}.theme-toggle-icon .theme-icon--moon{width:.98rem;height:.98rem}.header-link--button{background:transparent}.header-action-menu{position:relative}.header-action-menu .header-button--icon svg{fill:none}.header-action-menu .header-button--icon svg path:not([stroke]){fill:none}.export-menu{position:absolute;top:calc(100% + .6rem);right:0;display:grid;gap:.4rem;min-width:7rem;padding:.45rem;border:1px solid var(--border);border-radius:.95rem;background:var(--menu-bg);box-shadow:var(--shadow)}.export-menu button:hover{background:var(--menu-button-hover)}.header-action-dropdown{display:grid;gap:.35rem;min-width:16rem}.header-action-item{display:flex;align-items:center;gap:.7rem;width:100%;border:0;border-radius:.8rem;background:var(--menu-button-bg);color:var(--menu-text);padding:.8rem .9rem;font-weight:700;text-align:left}.header-action-item:hover{background:var(--menu-button-hover)}.header-action-item:disabled{opacity:.5;cursor:not-allowed}.header-action-item .header-button-icon{width:1.05rem;height:1.05rem;color:currentColor}.demo-banner,.toast-message{margin:1rem 1.5rem 0;padding:.8rem 1rem;border-radius:1rem;font-weight:700}.demo-banner{background:var(--warning-soft);color:var(--warning-text)}.toast-message{background:var(--info-soft);color:var(--info-text)}.editor-layout{display:grid;grid-template-columns:6.2rem minmax(0,1fr) 22rem;gap:1rem;align-items:stretch;padding:1rem 1.5rem 1.5rem}.app-screen--editor .editor-layout{min-height:0;height:var(--editor-available-height, auto)}.editor-main{min-width:0}.app-screen--editor .editor-main{min-height:0;display:flex;height:100%}.tool-rail{display:flex;align-self:start}.tool-rail--inline{display:none}.tool-rail-inner{display:grid;align-content:start;gap:.8rem;width:100%;height:fit-content;padding:1rem .6rem;border:1px solid var(--border);border-radius:1.35rem;background:var(--tool-rail-bg);box-shadow:var(--shadow)}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:4.75rem;border:0;border-radius:1rem;background:transparent;color:var(--tool-button-text);text-align:center}.tool-button:hover{background:var(--tool-button-hover-bg);color:var(--tool-button-hover-text)}.tool-button-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0}.tool-button-icon svg{width:100%;height:100%;display:block}.tool-button svg path:not([stroke]){fill:currentColor}.tool-button span{font-size:.78rem;font-weight:700}.tool-button.is-active{background:var(--tool-button-active-bg);color:var(--tool-button-active-text);box-shadow:var(--selected-shadow)}.workspace-shell{display:grid;gap:.9rem}.app-screen--editor .workspace-shell{flex:1;min-height:0;height:100%;grid-template-rows:minmax(0,1fr) auto}.workspace-controls-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,34rem) minmax(0,1fr);align-items:stretch;justify-items:center;gap:.9rem}.workspace-toolbar,.catalog-panel-inner,.auth-card,.page-state-card,.project-card,.account-hero,.modal-card{border:1px solid var(--border);border-radius:1.45rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,var(--accent) 8%),var(--surface));box-shadow:var(--shadow),var(--surface-inset);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur))}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.workspace-zoom-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.workspace-zoom-actions span{min-width:3.4rem;text-align:center;font-weight:700}.workspace-zoom-actions button,.fit-button,.button-primary,.button-secondary,.button-danger,.project-card-actions button,.mode-switcher button,.catalog-item,.catalog-close,.mode-toggle{border:0;border-radius:var(--button-radius);padding:.8rem 1rem}.workspace-zoom-actions button,.fit-button,.button-secondary,.project-card-actions button,.catalog-close,.mode-toggle{background:var(--surface-muted);color:var(--text);font-weight:700}.workspace-zoom-actions button:hover:not(:disabled),.fit-button:hover,.button-secondary:hover,.project-card-actions button:hover,.catalog-close:hover,.mode-toggle:hover{background:var(--surface-muted-strong)}.workspace-zoom-actions button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.button-primary,.inline-link-button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text-on-accent);font-weight:800}.button-primary,.button-secondary,.button-danger{min-height:var(--button-height);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:var(--button-radius);font:inherit;font-weight:800;line-height:1.15;text-align:center;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.button-primary{border-color:color-mix(in srgb,var(--accent-strong) 55%,transparent)}.button-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 82%,white)}.button-secondary{border-color:var(--border)}.button-danger{border-color:var(--danger)}.button-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger-soft) 72%,var(--danger) 28%)}button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.workspace-canvas-wrap{position:relative;min-height:clamp(38rem,78vh,54rem);overflow:hidden;border-radius:1.45rem;border:1px solid var(--overlay-border);background:var(--canvas-shell);box-shadow:var(--shadow),var(--surface-inset);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.app-screen--editor .workspace-canvas-wrap{min-height:0;height:100%}.workspace-canvas{display:block;width:100%;height:100%;touch-action:none;overscroll-behavior:contain}.workspace-paint-notice{position:absolute;z-index:3;right:.75rem;bottom:.75rem;left:.75rem;width:max-content;max-width:calc(100% - 1.5rem);margin:auto;padding:.65rem .85rem;border:1px solid var(--overlay-border);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:.85rem;text-align:center;pointer-events:none}.selection-marquee{position:absolute;z-index:2;pointer-events:none;border:1.5px dashed var(--accent);border-radius:.55rem;background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.workspace-footer-card{display:grid;grid-column:2;gap:.7rem;padding:.9rem 1rem;width:100%;max-width:34rem;margin-inline:auto;border-radius:1.1rem;background:var(--overlay-bg);color:var(--overlay-text);font-size:.82rem;font-weight:700;border:1px solid var(--overlay-border);align-self:stretch;align-content:center;justify-self:center}.workspace-footer-body{display:grid;gap:.7rem}.workspace-footer-body[hidden]{display:none}.workspace-overlay-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.workspace-summary-toggle{display:none;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;padding:0;border:1px solid var(--overlay-border);border-radius:.75rem;background:color-mix(in srgb,var(--overlay-text) 8%,transparent);color:var(--overlay-text)}.workspace-summary-toggle:hover{background:color-mix(in srgb,var(--overlay-text) 14%,transparent)}.workspace-summary-toggle svg{width:1rem;height:1rem;transition:transform .16s ease}.workspace-summary-toggle.is-expanded svg{transform:rotate(180deg)}.workspace-overlay-header>div:first-child{min-width:0}.workspace-overlay-header .eyebrow{margin-bottom:.2rem;color:inherit;opacity:.72}.workspace-overlay-header strong{font-size:1rem}.workspace-overlay-meta{display:flex;gap:.7rem;flex-wrap:wrap}.workspace-overlay-meta span{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--overlay-text) 10%,transparent)}.eraser-size-control{display:grid;grid-template-columns:auto minmax(5.5rem,1fr) auto;align-items:center;gap:.6rem;min-width:0;padding-top:.1rem}.eraser-size-control label,.eraser-size-control span{white-space:nowrap}.eraser-size-control label{opacity:.76}.eraser-size-control input{width:100%;accent-color:var(--accent)}.eraser-size-control span{min-width:3.85rem;text-align:right}.workspace-footer-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;min-width:0}.canvas-size-button{display:grid;align-content:center;gap:.16rem;min-width:6.8rem;min-height:100%;padding:.72rem .85rem;border:1px solid var(--overlay-border);border-radius:.9rem;background:var(--overlay-bg);color:var(--overlay-text);text-align:left;transition:background .16s ease,border-color .16s ease}.canvas-size-button:hover{background:color-mix(in srgb,var(--overlay-bg) 88%,var(--accent) 12%);border-color:var(--overlay-border)}.canvas-size-button span{font-size:.68rem;font-weight:800;letter-spacing:.08em;opacity:.72;text-transform:uppercase}.canvas-size-button strong{font-size:.86rem;line-height:1.1;white-space:nowrap}.canvas-resize-modal{width:min(100%,32rem)}.canvas-mode-field{min-width:0;margin:0;padding:0;border:0}.canvas-mode-field legend{margin-bottom:.55rem;color:var(--text-soft);font-size:.84rem;font-weight:700}.canvas-resize-current{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border:1px solid var(--border);border-radius:.95rem;background:var(--surface-muted)}.canvas-resize-current span,.canvas-resize-helper{color:var(--text-soft);font-size:.84rem;font-weight:700}.canvas-resize-current strong{font-size:1rem}.canvas-resize-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-resize-field-grid.has-cell-size{grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-resize-helper{margin:-.25rem 0 0}.canvas-resize-warning{width:min(100%,30rem)}.canvas-resize-warning p{margin:0;color:var(--text-soft)}.workspace-zoom-actions--overlay{justify-content:flex-end}.catalog-fab{display:none;position:fixed;right:.75rem;top:6.35rem;z-index:26;width:3.35rem;height:3.35rem;align-items:center;justify-content:center;border:1px solid var(--floating-fab-border);border-radius:1rem;background:var(--floating-fab-bg);color:var(--floating-fab-text);box-shadow:var(--shadow)}.catalog-fab svg{width:1.55rem;height:1.55rem;display:block}.catalog-fab.is-open{opacity:0;pointer-events:none}.catalog-fab svg path:not([stroke]){fill:currentColor}.catalog-panel{position:relative;min-width:0}.app-screen--editor .catalog-panel{min-height:0;display:flex}.catalog-panel-inner{position:sticky;top:6.35rem;display:grid;gap:1rem;padding:1rem;overflow:visible}.app-screen--editor .catalog-panel-inner{position:static;top:auto;width:100%;min-height:0;height:100%;max-height:none;overflow:visible;grid-template-rows:repeat(3,auto) minmax(0,1fr)}.catalog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.catalog-header h2{margin:0}.close-button.catalog-close{display:none;width:2.4rem;height:2.4rem;padding:0}.selected-bead-card{display:grid;gap:.72rem;width:100%;padding:.95rem;border-radius:1.1rem;border:0;background:var(--surface-muted-strong);color:var(--text);text-align:left}.catalog-selection-details{overflow:clip}.selected-bead-card-header.catalog-selection-summary{grid-template-columns:auto minmax(0,1fr) auto;cursor:pointer;list-style:none}.catalog-selection-summary::-webkit-details-marker{display:none}.catalog-selection-summary-copy{display:grid;gap:.22rem;min-width:0}.catalog-selection-summary-copy>span{color:var(--text-soft);font-size:.72rem;font-weight:750}.catalog-selection-expand-icon{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:.65rem;background:var(--field-bg);color:var(--text-soft)}.catalog-selection-expand-icon svg{width:1rem;height:1rem;transition:transform .16s ease}.catalog-selection-details[open] .catalog-selection-expand-icon svg{transform:rotate(180deg)}.catalog-selection-expanded{display:grid;gap:.72rem;padding-top:.72rem;border-top:1px solid var(--border)}.selected-bead-card-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-width:0}.selected-bead-title,.catalog-item-copy strong,.project-summary strong{display:block;min-width:0}.selected-bead-title{font-size:1rem;line-height:1.2}.bead-meta-grid.selected-bead-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-bead-card p,.bead-meta-fallback{margin:0;color:var(--text-soft);font-size:.88rem;overflow-wrap:anywhere}.bead-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.8rem,1fr));gap:.42rem;margin:0}.bead-meta-item{min-width:0;padding:.42rem .52rem;border:1px solid var(--border);border-radius:.72rem;background:var(--field-bg)}.bead-meta-item dt,.bead-meta-item dd{margin:0;min-width:0}.bead-meta-item dt{color:var(--text-soft);font-size:.62rem;font-weight:800;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}.bead-meta-item dd{margin-top:.14rem;color:var(--text);font-size:.78rem;font-weight:750;line-height:1.25;overflow-wrap:anywhere}.orientation-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.orientation-toggle button{border:1px solid transparent;border-radius:.9rem;min-width:0;padding:.8rem .9rem;background:var(--field-bg);color:var(--text);font-size:.9rem;font-weight:800;line-height:1.15;text-align:center;white-space:nowrap;word-break:normal;overflow-wrap:normal}.orientation-toggle button.is-active{background:var(--selected-bg);color:var(--accent-copy);border-color:var(--selected-border);box-shadow:var(--selected-shadow)}.bead-orientation-popover{position:absolute;top:calc(100% + .55rem);right:0;z-index:5;display:grid;gap:.65rem;width:min(100%,20.5rem);min-width:19.5rem;border:1px solid var(--border);border-radius:1.15rem;background:var(--surface-strong);box-shadow:var(--shadow);padding:.8rem}.bead-orientation-popover-group{display:grid;gap:.55rem}.bead-orientation-popover-group+.bead-orientation-popover-group{padding-top:.7rem;border-top:1px solid var(--border)}.bead-orientation-popover-group span{color:var(--text);font-size:.82rem;font-weight:700}.bead-size-selector{display:flex;flex-wrap:wrap;gap:.45rem;max-height:11.5rem;overflow-y:auto;padding-right:.2rem}.bead-size-chip{border:1px solid var(--field-border);border-radius:999px;background:var(--surface-muted);color:var(--text);padding:.45rem .8rem;font-size:.8rem;font-weight:700}.bead-size-chip:hover{background:var(--catalog-item-hover)}.bead-size-chip.is-active{background:var(--selected-bg);color:var(--accent-copy);border-color:var(--selected-border);box-shadow:var(--selected-shadow)}.catalog-item-wrap{display:block}.bead-orientation-popover--floating{position:absolute;z-index:12}.selected-bead-swatch,.catalog-item-swatch{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:1rem;background:var(--swatch-ring);box-shadow:0 0 0 1px var(--swatch-outline)}.selected-bead-swatch{--bead-swatch-base-size: 2.95rem;width:calc(var(--bead-swatch-base-size) * var(--bead-swatch-width-scale, 1));height:calc(var(--bead-swatch-base-size) * var(--bead-swatch-height-scale, 1));padding:.22rem}.catalog-item-swatch{--bead-swatch-base-size: 2.5rem;width:calc(var(--bead-swatch-base-size) * var(--bead-swatch-width-scale, 1));height:calc(var(--bead-swatch-base-size) * var(--bead-swatch-height-scale, 1));padding:.18rem}.bead-swatch-svg{width:100%;height:100%;display:block}.mode-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.mode-switcher button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);font-weight:800;transition:background .16s ease,border-color .16s ease,color .16s ease}.mode-switcher button:hover{background:var(--surface-muted-strong);border-color:var(--accent-soft)}.mode-switcher button.is-active{background:var(--selected-bg);color:var(--accent-copy);border-color:var(--selected-border);box-shadow:var(--selected-shadow)}.mode-switcher button.is-active:hover{background:var(--selected-bg);border-color:var(--selected-border)}.project-summary{display:none!important}.catalog-usage-button{display:flex;align-items:center;justify-content:space-between;gap:.9rem;width:100%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-muted);color:var(--text);text-align:left;transition:background .16s ease,border-color .16s ease}.catalog-usage-button:hover{background:var(--surface-muted-strong);border-color:var(--accent-soft)}.canvas-usage-button{width:100%;max-width:none;align-self:stretch;padding:.78rem .85rem;border-color:var(--overlay-border);border-radius:.9rem;background:var(--overlay-bg);color:var(--overlay-text);font-size:.82rem;font-weight:700}.canvas-usage-button:hover{background:color-mix(in srgb,var(--overlay-bg) 88%,var(--accent) 12%);border-color:var(--overlay-border)}.canvas-usage-button .catalog-usage-meta{justify-items:end;text-align:right}.canvas-usage-button .catalog-usage-copy>span,.canvas-usage-button .catalog-usage-meta>span:first-child{color:inherit;font-size:.75rem;letter-spacing:.08em;opacity:.72;text-transform:uppercase}.canvas-usage-button .catalog-usage-copy strong{font-size:1rem}.canvas-usage-button .catalog-usage-badge{background:var(--accent);color:var(--text-on-accent)}.catalog-usage-copy,.catalog-usage-meta{display:grid;gap:.18rem;min-width:0}.catalog-usage-copy span,.catalog-usage-meta>span:first-child{color:var(--text-soft);font-size:.82rem}.catalog-usage-copy strong{font-size:.96rem;line-height:1.2}.catalog-usage-meta{justify-items:end;flex-shrink:0}.catalog-usage-badge{display:inline-flex;align-items:center;justify-content:center;min-width:4.3rem;padding:.42rem .7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-copy);font-size:.82rem;font-weight:800;white-space:nowrap}.project-summary{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,.95fr);gap:.7rem}.project-summary div{min-width:0;padding:.85rem;border-radius:1rem;background:var(--surface-muted)}.project-summary span{display:block;color:var(--text-soft);font-size:.82rem}.project-summary strong{display:block;margin-top:.2rem;font-size:.96rem;line-height:1.2;overflow-wrap:anywhere}.catalog-toolbar-block,.field{display:grid;gap:.45rem}.checkbox-field{display:flex;align-items:center;gap:.7rem;padding:.8rem .95rem;border:1px solid var(--border);border-radius:.95rem;background:var(--field-bg);color:var(--text)}.checkbox-field input{width:1.05rem;height:1.05rem;margin:0;accent-color:var(--accent-strong)}.checkbox-field span{color:var(--text);font-size:.92rem;font-weight:600}.catalog-toolbar-label,.field span{font-size:.84rem;font-weight:700;color:var(--text-soft)}.catalog-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}.catalog-search{min-width:0}.catalog-search input,.field input,.field select{width:100%;height:3rem;border:1px solid var(--border);border-radius:.95rem;background:var(--field-bg);padding:0 .95rem;color:var(--text)}.field select{appearance:none;padding-right:2.8rem;background-image:linear-gradient(45deg,transparent 50%,var(--text-soft) 50%),linear-gradient(135deg,var(--text-soft) 50%,transparent 50%);background-position:calc(100% - 1.15rem) calc(50% - .08rem),calc(100% - .82rem) calc(50% - .08rem);background-repeat:no-repeat;background-size:.38rem .38rem;cursor:pointer}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-soft)}.field-error{color:var(--danger);font-size:.72rem;font-weight:700;line-height:1.35}.catalog-toolbar-actions{display:inline-flex;align-items:center;gap:.5rem}.catalog-toolbar-popover-wrap{position:relative}.catalog-toolbar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:1px solid var(--border);border-radius:var(--button-radius);background:var(--field-bg);color:var(--text)}.catalog-toolbar-button svg{width:1.15rem;height:1.15rem}.catalog-toolbar-button.is-open,.catalog-toolbar-button.is-active{border-color:var(--selected-border);background:var(--selected-bg);color:var(--accent-copy);box-shadow:var(--selected-shadow)}.catalog-toolbar-badge{position:absolute;top:-.22rem;right:-.22rem;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:999px;background:var(--accent);color:var(--text-on-accent);font-size:.66rem;font-weight:800;line-height:1rem;text-align:center}.catalog-toolbar-popover{position:absolute;top:calc(100% + .55rem);right:0;z-index:14;display:grid;grid-template-rows:minmax(0,1fr);width:min(19rem,calc(100vw - 3rem));min-width:14rem;max-height:min(21rem,calc(100dvh - 2rem));box-sizing:border-box;overflow:hidden;padding:.75rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);box-shadow:var(--shadow)}.catalog-toolbar-popover--filters{top:calc(100% + .55rem);right:calc(100% + .55rem);bottom:auto;display:block;width:min(23rem,calc(100vw - 3rem));max-height:none;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}.catalog-filter-main-pane,.catalog-filter-options-pane{box-sizing:border-box;height:clamp(21rem,calc(100dvh - 27rem),28rem);min-height:0;overflow:hidden;padding:.75rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);box-shadow:var(--shadow)}.catalog-filter-main-pane{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.65rem}.catalog-filter-options-pane{position:absolute;top:0;right:calc(100% + .5rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:.65rem;width:min(23rem,calc(100vw - 3rem))}.catalog-filter-options-header,.catalog-filter-main-header{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.catalog-filter-options-header div,.catalog-filter-main-header div{display:grid;gap:.08rem;min-width:0;flex:1}.catalog-filter-options-header span,.catalog-filter-main-header span{color:var(--text-soft);font-size:.68rem;font-weight:800;text-transform:uppercase}.catalog-filter-options-header strong,.catalog-filter-main-header strong{overflow:hidden;color:var(--text);font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.catalog-filter-options-back{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:.68rem;background:var(--surface-muted);color:var(--text);font-size:1rem}.catalog-filter-options-back:hover{border-color:var(--selected-border);background:var(--selected-bg);color:var(--accent-copy)}.catalog-toolbar-popover-scroll{display:grid;align-content:start;gap:.65rem;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:.5rem;padding:.05rem .62rem .05rem .05rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.catalog-toolbar-popover-scroll::-webkit-scrollbar{width:.82rem}.catalog-toolbar-popover-scroll::-webkit-scrollbar-track{margin:.45rem .12rem;border-radius:999px;background:var(--scroll-track)}.catalog-toolbar-popover-scroll::-webkit-scrollbar-thumb{border:2px solid var(--scroll-track);border-radius:999px;background:var(--scroll-thumb)}.catalog-toolbar-popover-scroll::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.catalog-toolbar-popover-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.catalog-toolbar-popover--sort{width:min(18rem,calc(100vw - 3rem))}.catalog-toolbar-popover-group{display:grid;gap:.55rem}.catalog-color-filter{display:grid;gap:.45rem;padding:.62rem;border:1px solid var(--border);border-radius:.9rem;background:var(--field-bg)}.catalog-color-filter>span{color:var(--text-soft);font-size:.78rem;font-weight:700}.catalog-color-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:.34rem}.catalog-color-filter-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:2rem;border:1px solid var(--border);border-radius:.72rem;background:var(--surface-muted);padding:0}.catalog-color-filter-button:hover,.catalog-color-filter-button.is-active{border-color:var(--selected-border);box-shadow:var(--selected-shadow)}.catalog-color-filter-button.is-active{background:var(--selected-bg)}.catalog-color-filter-button span{width:1.22rem;height:1.22rem;border-radius:999px;box-shadow:0 0 0 1px var(--swatch-outline)}.catalog-toolbar-popover .field{gap:.28rem}.catalog-toolbar-popover .field select{height:2.45rem}.catalog-toolbar-popover-footer{position:sticky;bottom:-.05rem;display:flex;justify-content:flex-end;margin:0 -.62rem -.05rem -.05rem;padding:.55rem .62rem .05rem .05rem;border-top:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 88%,transparent),var(--surface-strong) 28%)}.catalog-toolbar-reset{border:1px solid var(--border);border-radius:.85rem;padding:.65rem .85rem;background:var(--surface-muted);color:var(--text);font-weight:700}.catalog-toolbar-reset:disabled{opacity:.5;cursor:default}.catalog-sort-options{display:grid;gap:.45rem}.catalog-sort-option{width:100%;border:1px solid var(--border);border-radius:.9rem;padding:.72rem .8rem;background:var(--field-bg);color:var(--text);font-weight:700;text-align:left}.catalog-sort-option.is-active{border-color:var(--selected-border);background:var(--selected-bg);color:var(--accent-copy);box-shadow:var(--selected-shadow)}.catalog-search input::placeholder,.field input::placeholder{color:var(--field-placeholder)}.catalog-list-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.25rem;min-height:0;height:100%;overflow:hidden}.catalog-list{display:grid;gap:.6rem;max-height:50vh;height:100%;min-height:0;overflow-y:auto;padding-right:1rem;scrollbar-width:none;-ms-overflow-style:none}.app-screen--editor .catalog-list{max-height:none;min-height:0}.catalog-list::-webkit-scrollbar{width:0;height:0}.catalog-scrollbar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.22rem;width:.9rem;min-height:0;height:100%;align-self:stretch;user-select:none;-webkit-user-select:none}.catalog-scrollbar.is-hidden{opacity:0;pointer-events:none}.catalog-scrollbar-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:transparent;color:var(--scroll-thumb);font-size:.62rem;line-height:1;cursor:pointer}.catalog-scrollbar-track{position:relative;min-height:0;border-radius:999px;background:var(--scroll-track);cursor:pointer;touch-action:none}.catalog-scrollbar-thumb{position:absolute;top:0;left:0;width:100%;min-height:2.2rem;padding:0;border:2px solid var(--scroll-track);border-radius:999px;background:var(--scroll-thumb);box-shadow:none;cursor:pointer;touch-action:none}.catalog-item{display:grid;gap:.5rem;width:100%;border:1px solid transparent;text-align:left;background:var(--catalog-item-bg);color:var(--text)}.catalog-item:hover{background:var(--catalog-item-hover)}.catalog-item.is-selected{border-color:var(--selected-border);background:var(--catalog-item-selected);box-shadow:var(--selected-shadow)}.catalog-item-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.68rem}.catalog-item-copy{display:grid;gap:.15rem;min-width:0}.catalog-item-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.catalog-item-meta-item{display:grid;gap:.12rem;min-width:0;padding:.34rem .42rem;border:1px solid var(--border);border-radius:.72rem;background:var(--field-bg)}.catalog-item-meta-label{color:var(--text-soft);font-size:.54rem;font-weight:800;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}.catalog-item-meta-value{color:var(--text);font-size:.7rem;font-weight:750;line-height:1.2;overflow-wrap:anywhere}.catalog-item-size-summary{color:var(--text-muted);font-size:.72rem}.catalog-empty{padding:1rem;border-radius:1rem;background:var(--empty-bg);color:var(--text-soft)}.catalog-load-more{width:100%;padding:.9rem 1rem;border:1px solid var(--field-border);border-radius:1rem;background:var(--catalog-item-bg);color:var(--text);text-align:center}.catalog-load-more:hover{background:var(--catalog-item-hover)}.auth-layout,.account-layout{padding:1.25rem 1.5rem 1.5rem}.auth-layout{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 6rem)}.auth-card{width:min(100%,32rem);padding:1.5rem}.auth-card h1,.account-hero h1{margin:0}.auth-copy{margin:.75rem 0 1rem;color:var(--text-soft)}.auth-form{display:grid;gap:.9rem}.auth-submit{width:100%;margin-top:.25rem}.auth-google-button{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;min-height:3rem;border:1px solid var(--field-border);border-radius:var(--button-radius);background:var(--field-bg);color:var(--text);font:inherit;font-weight:800}.auth-google-button:hover:not(:disabled){background:var(--surface-muted-strong)}.auth-google-mark{font-size:1.35rem;font-weight:900;line-height:1;background:conic-gradient(#4285f4 0 25%,#34a853 25% 48%,#fbbc05 48% 70%,#ea4335 70% 88%,#4285f4 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-divider{display:flex;align-items:center;gap:.8rem;margin:1.1rem 0;color:var(--text-soft);font-size:.8rem}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:var(--border);content:""}.auth-text-button{border:0;background:none;color:var(--text-soft);font:inherit;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:.18rem}.auth-edit-email{justify-self:start;margin-top:-.5rem;padding:0}.auth-resend{width:100%;margin-top:.75rem}.auth-notice{margin:0;color:var(--text-soft);font-size:.86rem}.auth-mail-hint{padding:.7rem .85rem;border:1px solid var(--field-border);border-radius:var(--button-radius);background:var(--field-bg);color:var(--text-soft);font-size:.86rem}.auth-verify-step{display:grid;gap:.85rem}.auth-verify-step p{margin:0;line-height:1.5}.form-error,.demo-note{padding:.85rem .95rem;border-radius:1rem;font-weight:700}.form-error{background:var(--danger-soft);color:var(--danger-contrast)}.demo-note{margin-bottom:1rem;background:var(--info-note-bg);color:var(--info-note-text)}.mode-toggle{width:100%;margin-top:1rem}.auth-privacy-link{margin:1.25rem 0 0;color:var(--text-soft);font-size:.86rem;text-align:center}.auth-privacy-link a,.privacy-sections a{color:var(--accent-copy);text-decoration:underline;text-underline-offset:.2em}.auth-privacy-link a:hover,.privacy-sections a:hover{color:var(--accent)}.privacy-layout{width:min(100%,52rem);margin-inline:auto;padding:1.5rem 1.5rem 4rem}.privacy-heading{padding-bottom:1.75rem;border-bottom:1px solid var(--border)}.privacy-heading h1{margin:0;font-size:2rem;line-height:1.2}.privacy-heading>p:not(.eyebrow){max-width:65ch;margin:.9rem 0 .75rem;color:var(--text-soft)}.privacy-heading small{color:var(--text-muted)}.privacy-sections section{padding-block:1.4rem;border-bottom:1px solid var(--border)}.privacy-sections h2{margin:0 0 .65rem;font-size:1.18rem;line-height:1.3}.privacy-sections p{margin:0;color:var(--text-soft);line-height:1.65}.privacy-sections a{overflow-wrap:anywhere}.faq-privacy-link{margin:1.5rem 0 0}.faq-privacy-link a{color:var(--accent-copy);text-decoration:underline;text-underline-offset:.2em}@media(max-width:560px){.privacy-layout{padding:1.25rem 1rem 3rem}.privacy-heading h1{font-size:1.65rem}}.account-layout{display:grid;gap:1rem}.account-tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--border)}.account-tabs button{min-height:2.8rem;padding:.55rem .1rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-soft);font:inherit;font-weight:700;cursor:pointer}.account-tabs button[aria-selected=true]{border-bottom-color:var(--accent-strong);color:var(--text)}.account-tabs button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}#account-projects-panel,.account-profile{display:grid;gap:1rem;min-width:0}.account-profile-form{display:grid;gap:1rem;width:min(100%,36rem)}.account-profile-form textarea{width:100%;min-height:7rem;resize:vertical;padding:.8rem .95rem;border:1px solid var(--border);border-radius:.5rem;background:var(--field-bg);color:var(--text);font:inherit}.account-profile-privacy{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.45}.account-profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}.account-profile-actions [role=status]{color:var(--text-soft);font-size:.88rem}.account-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.5rem 0 .75rem}.account-heading h1,.account-state h2{margin:0}.account-heading p,.account-state p{margin:.35rem 0 0;color:var(--text-soft)}.account-state{display:grid;justify-items:start;gap:.85rem}.account-gate{width:min(100%,42rem);min-height:18rem;display:grid;align-content:center;justify-items:center;gap:1rem;padding:clamp(1.5rem,4vw,3rem);text-align:center}.account-gate h1{margin:0;max-width:24ch;font-size:1.8rem;line-height:1.2}.account-gate p{margin:0;color:var(--text-soft)}.account-layout--gate{min-height:calc(100dvh - 5.5rem);place-items:center}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem}.account-hero p{margin:.45rem 0 0;color:var(--text-soft)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem}.project-card{overflow:hidden}.project-card-preview-link{display:block}.project-card-preview{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--card-preview-bg)}.project-card-preview--empty{display:grid;place-items:center;font-weight:800;color:var(--text-soft)}.project-card-body{display:grid;gap:.9rem;padding:1rem}.project-card-body h2{margin:0;min-width:0;overflow-wrap:anywhere;font-size:1rem}.project-card-body h2 a{color:inherit}.project-card-title-row{display:flex;align-items:start;justify-content:space-between;gap:.5rem}.project-card-title-row small{flex:none;white-space:nowrap}.project-card-body p,.project-card-body small{color:var(--text-soft)}.project-card-actions{display:flex;flex-wrap:wrap;gap:.55rem}.project-card-actions .button-secondary{text-decoration:none}.project-card-actions button,.project-card-actions .button-secondary{min-height:2.5rem;padding:.5rem .7rem;font-size:.78rem}.account-action-modal{width:min(100%,30rem)}.save-feedback-modal{width:min(100%,28rem)}.save-feedback-copy{margin:1.15rem 0;color:var(--text-soft);line-height:1.5}.editor-save-recovery{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:.65rem 1rem;background:var(--danger-soft);color:var(--danger-contrast);font-weight:700}.editor-save-recovery .button-secondary{min-height:2.3rem;padding:.4rem .65rem}.project-card-actions .is-danger{background:var(--danger-soft);color:var(--danger-contrast)}.page-state-card{padding:1.4rem;color:var(--text)}.loading-state{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:1rem;pointer-events:none}.route-loading-state{z-index:60;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-state-card{display:grid;width:min(19rem,calc(100vw - 2rem));justify-items:center;gap:.65rem;padding:1.25rem 1.45rem 1.1rem;border:1px solid var(--selected-border);border-radius:1.35rem;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,var(--accent) 12%),var(--surface));box-shadow:var(--shadow),var(--surface-inset);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur))}.loading-logo-wrap{position:relative;display:grid;width:min(9rem,52vw);place-items:center}.loading-logo{position:relative;z-index:1;display:block;width:100%;height:auto}.loading-state-label{min-width:0;color:var(--text);font-size:.95rem;font-weight:800;letter-spacing:0;text-align:center}.loading-progress-line{position:relative;width:min(10rem,62vw);height:.22rem;overflow:hidden;border-radius:999px;background:var(--surface-muted-strong)}.loading-progress-line:after{position:absolute;inset:0;width:42%;border-radius:inherit;animation:loading-progress-sweep 1.15s ease-in-out infinite;background:linear-gradient(90deg,var(--brand-plum-deep),var(--brand-plum),var(--accent),var(--brand-red-bright));content:""}@keyframes loading-progress-sweep{0%{transform:translate(-115%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.loading-progress-line:after{animation:none}.loading-progress-line:after{width:100%;transform:none}}.page-state-card.is-error{background:var(--danger-soft);color:var(--danger-contrast)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:var(--modal-backdrop)}.modal-dismiss{position:absolute;inset:0;border:0;background:transparent}.modal-backdrop>.modal-card{position:relative;z-index:1}.modal-card{width:min(100%,40rem);padding:1.25rem}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-actions{justify-content:flex-end}.modal-actions>:first-child:not(:last-child){margin-right:auto}.modal-header h2{margin:0}.close-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:var(--button-radius);background:var(--surface-muted);color:var(--text);flex-shrink:0;transition:background-color .18s ease,color .18s ease,transform .18s ease}.close-button:hover{background:var(--surface-muted-strong)}.close-button:active{transform:scale(.96)}.close-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.close-button svg{width:1.1rem;height:1.1rem;display:block}.modal-body{display:grid;gap:1rem;margin:1rem 0}.bead-usage-modal{position:relative;z-index:1;width:min(100%,42rem)}.bead-usage-modal-body{gap:.9rem}.bead-usage-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.bead-usage-summary div{min-width:0;padding:.85rem;border-radius:1rem;background:var(--surface-muted)}.bead-usage-summary span{display:block;color:var(--text-soft);font-size:.82rem}.bead-usage-summary strong{display:block;margin-top:.2rem;font-size:1rem;line-height:1.2}.bead-usage-list{display:grid;gap:.6rem;max-height:min(52vh,30rem);overflow-y:auto;padding-right:.35rem}.bead-usage-item{display:flex;align-items:flex-start;gap:.8rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:1rem;background:var(--catalog-item-bg)}.bead-usage-swatch{width:3rem;height:3rem;flex-shrink:0}.bead-usage-copy{display:grid;gap:.48rem;min-width:0;flex:1}.bead-usage-copy strong{font-size:.96rem}.bead-usage-copy span{color:var(--text-soft);font-size:.82rem}.bead-usage-count{display:inline-flex;align-self:center;align-items:center;justify-content:center;min-width:4.1rem;padding:.45rem .7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-copy);font-size:.82rem;font-weight:800;white-space:nowrap}.bead-usage-empty{margin:0}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media(max-width:1180px){.editor-layout{grid-template-columns:5.4rem minmax(0,1fr)}.catalog-fab{display:inline-flex}.catalog-panel{position:fixed;top:calc(5.9rem + env(safe-area-inset-top,0px));right:.9rem;bottom:.9rem;z-index:25;left:auto;width:min(24rem,calc(100vw - 1.8rem));transform:translate(calc(100% + 1.25rem));transition:transform .22s ease}.catalog-panel.is-open{transform:translate(0)}.catalog-panel-inner{position:static;height:100%;min-height:0;max-height:none;overflow:visible;grid-template-rows:repeat(3,auto) minmax(0,1fr)}.close-button.catalog-close,.header-button--mobile{display:inline-flex}.catalog-list{max-height:none;min-height:0}}@media(max-width:900px){.app-header{flex-wrap:nowrap;align-items:center;padding:1rem}.brand-lockup{min-width:0}.header-center,.header-actions{width:auto}.header-center{order:initial;flex:1;min-width:0}.header-center--spacer{display:block}.header-actions{margin-left:auto;justify-content:flex-end;flex-wrap:nowrap}.project-title-input{width:100%}.account-hero{flex-direction:column;align-items:flex-start}}@media(max-width:780px){.header-action-dropdown{min-width:14.5rem}.header-action-item{gap:.6rem;padding:.72rem .8rem;font-size:.94rem}.header-action-item .header-button-icon{width:.98rem;height:.98rem}.editor-layout{grid-template-columns:1fr;padding:1rem}.app-screen--editor .editor-layout{padding:.85rem}.app-screen--editor .editor-main{min-height:0}.app-screen--editor .workspace-shell{width:100%;height:100%;grid-template-rows:minmax(0,1fr) auto}.workspace-canvas-wrap{min-height:0;height:100%}.workspace-controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;align-items:stretch;gap:.65rem}.workspace-footer-card{grid-column:1;width:100%;max-width:none;min-width:0;font-size:.79rem}.canvas-usage-button{grid-column:1;width:100%;max-width:none;min-height:0}.workspace-overlay-header .eyebrow{font-size:.7rem}.workspace-overlay-header strong{font-size:.94rem}.tool-rail--desktop{display:none}.tool-rail--inline{display:flex;grid-column:2;grid-row:1;min-width:0;align-self:stretch}.tool-rail--inline .tool-rail-inner{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;justify-items:stretch;gap:.2rem;width:5.9rem;height:100%;padding:.4rem}.tool-rail--inline .tool-button{width:100%;min-width:0;min-height:0;aspect-ratio:auto;padding:.38rem .1rem}.tool-rail--inline .tool-button>span:last-child{display:none}.tool-rail--inline .tool-button:last-child{grid-column:1 / -1}.tool-rail--inline .tool-button-icon{width:1.2rem;height:1.2rem}.project-summary,.bead-usage-summary,.field-grid{grid-template-columns:1fr}}@media(max-width:720px){.header-action-dropdown{min-width:13.6rem}.header-action-item{gap:.55rem;padding:.68rem .74rem;font-size:.9rem}.header-action-item .header-button-icon{width:.92rem;height:.92rem}.app-header{flex-wrap:nowrap;gap:.9rem;padding:.85rem}.brand-logo{width:124px}.header-center{gap:.55rem}.header-actions{margin-left:auto;gap:.55rem;justify-content:flex-end;flex-wrap:nowrap}.theme-toggle{width:4.5rem;height:2.75rem}.theme-toggle-thumb{width:1.85rem;height:1.85rem}.theme-toggle.is-light .theme-toggle-thumb{transform:translate(1.65rem,-50%)}.header-button,.header-link,.header-link--button{height:2.75rem;flex:0 1 auto;min-width:0;padding:0 .85rem}.project-title-input{height:2.75rem;padding:0 .95rem}.mode-pill{height:2rem;padding:0 .75rem;font-size:.78rem}.workspace-toolbar{flex-direction:column;align-items:stretch;padding:.85rem .9rem}.workspace-zoom-actions{justify-content:space-between}.app-screen--editor .editor-layout{padding:.8rem}.workspace-canvas-wrap{min-height:0;height:100%}.tool-rail{position:sticky;bottom:.5rem;z-index:24}.tool-rail--inline{position:static;bottom:auto;z-index:auto}.tool-rail-inner{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;padding:.55rem;border-radius:1rem}.tool-button{min-height:auto;padding:.65rem .25rem}.tool-button-icon{width:1.6rem;height:1.6rem}.workspace-footer-card{width:100%;border-radius:1rem;font-size:.76rem}.workspace-controls-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.workspace-overlay-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.workspace-zoom-actions--overlay{width:auto;display:grid;grid-template-columns:2.15rem 2.7rem 2.15rem 2.35rem;align-items:center;justify-content:end;gap:.28rem}.tool-rail--inline .tool-rail-inner{gap:.16rem;width:5.4rem;padding:.26rem}.tool-rail--inline .tool-button{padding:.28rem .08rem}.tool-rail--inline .tool-button-icon{width:1.08rem;height:1.08rem}.catalog-panel{top:calc(5.15rem + env(safe-area-inset-top,0px));right:.75rem;bottom:.75rem;left:auto;width:min(21rem,calc(100vw - 1.5rem))}.catalog-panel-inner{padding:.9rem}.bead-orientation-popover{left:0;right:0;width:auto;min-width:0}.catalog-list{max-height:36svh}.auth-layout,.account-layout,.editor-layout{padding:.85rem}.header-button--mobile{display:none}}@media(max-width:560px){.header-action-dropdown{min-width:12.75rem}.header-action-item{gap:.48rem;padding:.62rem .68rem;font-size:.84rem}.header-action-item .header-button-icon{width:.86rem;height:.86rem}.app-header{position:relative;flex-wrap:nowrap;align-items:center;gap:.55rem;padding:.65rem}.brand-logo{width:94px}.mode-pill{display:none}.theme-toggle{width:4.25rem;height:2.35rem;flex:0 0 4.25rem;padding:.16rem}.theme-toggle-thumb{width:1.55rem;height:1.55rem}.theme-toggle.is-light .theme-toggle-thumb{transform:translate(1.88rem,-50%)}.header-actions{width:auto;margin-left:auto;gap:.28rem;justify-content:flex-end;flex-wrap:nowrap}.header-button,.header-link,.header-link--button{width:2.3rem;height:2.3rem;flex:0 0 2.3rem;padding:0;border-radius:.8rem}.app-header--centered{display:grid;grid-template-areas:"brand title actions";grid-template-columns:auto minmax(0,1fr) auto;column-gap:.45rem}.app-header--centered .brand-lockup{grid-area:brand}.app-header--centered .header-center--centered{position:static;grid-area:title;width:100%;transform:none}.app-header--centered .header-actions{grid-area:actions;margin-left:0}.page-heading span{font-size:.7rem}.page-heading strong{font-size:1.05rem}.header-button-icon{width:.92rem;height:.92rem}.header-button-label{display:none}.page-chip{width:auto;max-width:100%;height:2.2rem;justify-content:center;padding:0 .65rem;overflow:hidden;font-size:.72rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.auth-card h1{font-size:1.45rem;line-height:1.2}.workspace-zoom-actions button,.fit-button{padding:.55rem .7rem}.app-screen--editor .editor-layout{padding:.7rem}.workspace-canvas-wrap{min-height:0;height:100%}.workspace-controls-row{grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.workspace-footer-card{gap:.28rem;padding:.52rem .58rem;border-radius:.92rem;font-size:.72rem}.workspace-overlay-header .eyebrow{font-size:.62rem;letter-spacing:.1em}.workspace-overlay-header strong{font-size:.84rem}.workspace-overlay-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.38rem}.workspace-zoom-actions--overlay{display:grid;grid-template-columns:2.05rem 2.3rem 2.05rem 2.1rem;align-items:center;justify-content:end;gap:.24rem;width:auto}.workspace-zoom-actions--overlay button,.workspace-zoom-actions--overlay .fit-button{width:100%;min-width:0;min-height:2.25rem;padding:.5rem 0;border-radius:.8rem}.workspace-zoom-actions--overlay span{min-width:2.1rem;font-size:.74rem}.workspace-footer-card span{font-size:.64rem}.eraser-size-control,.workspace-footer-actions{grid-template-columns:1fr;gap:.32rem}.canvas-size-button{min-width:0;min-height:2.45rem}.eraser-size-control span{text-align:left}.tool-button{aspect-ratio:1;padding:.42rem .12rem}.tool-button>span:last-child{display:none}.tool-rail{bottom:.35rem}.tool-rail-inner{gap:.2rem;padding:.38rem;border-radius:.9rem}.tool-button-icon{width:1.35rem;height:1.35rem}.tool-rail--inline .tool-rail-inner{gap:.12rem;width:4.9rem;padding:.22rem}.tool-rail--inline .tool-button{padding:.18rem .05rem}.tool-rail--inline .tool-button-icon{width:.92rem;height:.92rem}.catalog-panel{top:calc(4.3rem + env(safe-area-inset-top,0px));right:.5rem;bottom:.5rem;width:min(18.5rem,calc(100vw - 1rem))}.catalog-fab{right:.5rem;top:4.55rem;width:2.7rem;height:2.7rem}.app-screen--editor .catalog-panel-inner{gap:.72rem;padding:.72rem;min-height:0;height:100%;max-height:100%;display:grid;grid-template-rows:repeat(3,auto) minmax(0,1fr);overflow:visible}.selected-bead-card{gap:.6rem;padding:.7rem}.catalog-header{gap:.75rem}.catalog-header h2{font-size:1.08rem}.close-button.catalog-close{width:2.2rem;height:2.2rem}.selected-bead-swatch{--bead-swatch-base-size: 2.6rem;padding:.18rem}.selected-bead-card-header{gap:.62rem}.selected-bead-title{font-size:.98rem}.selected-bead-card p,.bead-meta-fallback{font-size:.78rem}.bead-meta-grid{grid-template-columns:repeat(auto-fit,minmax(6.2rem,1fr));gap:.34rem}.bead-meta-item{padding:.36rem .42rem}.bead-meta-item dt{font-size:.56rem}.bead-meta-item dd{font-size:.72rem}.workspace-zoom-actions--overlay button:not(.fit-button){font-size:1rem;line-height:1}.mode-switcher{gap:.35rem}.mode-switcher button{padding:.68rem .42rem;font-size:.76rem}.catalog-usage-button{padding:.72rem .8rem}.catalog-usage-copy span,.catalog-usage-meta>span:first-child{font-size:.74rem}.catalog-usage-copy strong{font-size:.9rem}.catalog-usage-badge{min-width:3.9rem;font-size:.76rem}.project-summary{gap:.5rem}.project-summary div{padding:.72rem}.project-summary span{font-size:.73rem}.project-summary strong{font-size:.88rem}.bead-usage-summary div{padding:.72rem}.bead-usage-summary span{font-size:.73rem}.bead-usage-summary strong{font-size:.88rem}.bead-usage-item{padding:.68rem .72rem}.bead-usage-swatch{width:2.7rem;height:2.7rem}.bead-usage-copy strong{font-size:.9rem}.bead-usage-copy span,.bead-usage-count,.catalog-toolbar-label{font-size:.76rem}.catalog-search input{height:2.7rem;padding:0 .82rem;font-size:.9rem}.catalog-toolbar{gap:.55rem}.catalog-toolbar-actions{gap:.42rem}.catalog-toolbar-button{width:2.7rem;height:2.7rem;border-radius:.88rem}.catalog-toolbar-popover{min-width:15rem;padding:.72rem}.app-screen--editor .catalog-list{max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:.85rem;gap:.5rem}.catalog-scrollbar{width:.82rem}.catalog-item{gap:.5rem;padding:.68rem .72rem}.catalog-item-header{gap:.58rem}.catalog-item-swatch{--bead-swatch-base-size: 2.25rem;padding:.16rem}.catalog-item-copy strong{font-size:.92rem}.catalog-item-meta-item{padding:.3rem .36rem}.catalog-item-meta-label{font-size:.5rem}.catalog-item-meta-value,.catalog-item-size-summary{font-size:.66rem}}@media(max-width:420px){.account-heading{flex-direction:column}.account-heading .button-primary{order:-1;align-self:flex-end}.header-action-dropdown{min-width:11.75rem}.header-action-item{gap:.42rem;padding:.58rem .62rem;font-size:.78rem}.header-action-item .header-button-icon{width:.8rem;height:.8rem}.app-header{gap:.45rem;padding:.55rem}.header-actions{gap:.22rem}.brand-logo{width:86px}.app-header--centered{column-gap:.32rem}.header-button,.header-link,.header-link--button{width:2.15rem;height:2.15rem;flex-basis:2.15rem}.header-button-icon{width:.84rem;height:.84rem}.project-title-input{font-size:.95rem}.workspace-canvas-wrap{min-height:0;height:100%;border-radius:1.1rem}.workspace-controls-row{grid-template-columns:minmax(0,1fr) auto;gap:.28rem}.app-screen--editor .editor-layout{padding:.6rem}.workspace-footer-card{padding:.48rem .52rem;font-size:.68rem}.workspace-overlay-header .eyebrow{font-size:.58rem}.workspace-overlay-header strong{font-size:.78rem}.workspace-overlay-header{grid-template-columns:minmax(0,1fr) auto;gap:.3rem}.workspace-zoom-actions--overlay{grid-template-columns:1.95rem 1.95rem 1.95rem 2rem;gap:.28rem}.workspace-zoom-actions--overlay button,.workspace-zoom-actions--overlay .fit-button{min-height:2.1rem;font-size:.72rem}.workspace-zoom-actions--overlay span{min-width:1.8rem;font-size:.68rem}.tool-rail-inner{padding:.32rem}.tool-button-icon{width:1.2rem;height:1.2rem}.tool-rail--inline .tool-button{padding:.15rem .04rem}.tool-rail--inline .tool-rail-inner{width:4.4rem;padding:.2rem}.tool-rail--inline .tool-button-icon{width:.84rem;height:.84rem}.catalog-panel{top:calc(3.95rem + env(safe-area-inset-top,0px));width:min(17.5rem,calc(100vw - .8rem))}.catalog-fab{top:4.15rem;width:2.5rem;height:2.5rem}.app-screen--editor .catalog-panel-inner{min-height:0;height:100%;max-height:100%;display:grid;grid-template-rows:repeat(3,auto) minmax(0,1fr);gap:.62rem;padding:.62rem;overflow:visible}.catalog-header h2{font-size:.98rem}.close-button.catalog-close{width:2rem;height:2rem}.selected-bead-card{gap:.52rem;padding:.58rem}.selected-bead-swatch{--bead-swatch-base-size: 2.35rem}.selected-bead-card-header{gap:.55rem}.selected-bead-title{font-size:.9rem}.selected-bead-card p,.bead-meta-fallback{font-size:.72rem}.bead-meta-grid{grid-template-columns:1fr}.bead-meta-item{padding:.32rem .38rem}.bead-meta-item dd{font-size:.68rem}.mode-switcher button{padding:.6rem .32rem;font-size:.7rem}.catalog-usage-button{padding:.64rem .7rem;gap:.65rem}.catalog-usage-copy span,.catalog-usage-meta>span:first-child{font-size:.68rem}.catalog-usage-copy strong{font-size:.82rem}.catalog-usage-badge{min-width:3.5rem;padding:.36rem .56rem;font-size:.72rem}.project-summary div{padding:.62rem}.project-summary span{font-size:.68rem}.project-summary strong{font-size:.8rem}.bead-usage-modal{width:min(100%,20rem)}.bead-usage-item{gap:.62rem;padding:.6rem .64rem}.bead-usage-swatch{width:2.35rem;height:2.35rem}.bead-usage-copy strong{font-size:.84rem}.bead-usage-copy span{font-size:.7rem}.bead-usage-count{min-width:3.35rem;font-size:.7rem}.catalog-toolbar-label{font-size:.72rem}.catalog-search input{height:2.45rem;padding:0 .74rem;font-size:.84rem}.catalog-toolbar{gap:.48rem}.catalog-toolbar-actions{gap:.36rem}.catalog-toolbar-button{width:2.45rem;height:2.45rem;border-radius:.8rem}.catalog-toolbar-button svg{width:1rem;height:1rem}.catalog-toolbar-badge{min-width:.92rem;height:.92rem;font-size:.6rem;line-height:.92rem}.catalog-toolbar-popover{width:min(16rem,calc(100vw - 2rem));min-width:13.5rem;padding:.68rem}.catalog-sort-option{padding:.64rem .72rem;font-size:.78rem}.app-screen--editor .catalog-list{max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:.72rem;gap:.42rem}.catalog-scrollbar{width:.76rem}.catalog-scrollbar-thumb{border-width:1.8px}.catalog-item{gap:.46rem;padding:.58rem .62rem}.catalog-item-header{gap:.52rem}.catalog-item-swatch{--bead-swatch-base-size: 2.05rem}.catalog-item-copy strong{font-size:.84rem}.catalog-item-meta-grid{grid-template-columns:1fr}.catalog-item-meta-item{padding:.28rem .34rem}.catalog-item-meta-label{font-size:.48rem}.catalog-item-meta-value,.catalog-item-size-summary{font-size:.64rem}}@media(max-width:360px){.app-header--centered .brand-logo{width:80px}.app-header--centered .page-heading span{font-size:.62rem}.app-header--centered .page-heading strong{font-size:.9rem}}@media(max-width:780px){.app-screen--editor .editor-layout{padding:.65rem}.app-screen--editor .workspace-shell{gap:.55rem}.workspace-controls-row{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:.55rem}.workspace-footer-card{grid-column:1;grid-row:1;gap:.42rem;padding:.58rem .65rem;border-radius:1rem}.workspace-overlay-header{display:grid;grid-template-columns:minmax(4.5rem,1fr) auto auto;align-items:center;gap:.45rem}.workspace-summary-toggle{display:inline-flex;width:2rem;height:2rem}.workspace-overlay-header .eyebrow{margin-bottom:.1rem;font-size:.62rem}.workspace-overlay-header strong{font-size:.86rem}.workspace-zoom-actions--overlay{display:grid;grid-template-columns:2rem 2.55rem 2rem 3.65rem;gap:.24rem;width:auto}.workspace-zoom-actions--overlay button,.workspace-zoom-actions--overlay .fit-button{width:100%;min-width:0;min-height:2.2rem;padding:.42rem 0;border-radius:.72rem;font-size:.72rem}.workspace-zoom-actions--overlay span{min-width:0;font-size:.72rem}.workspace-footer-actions{grid-template-columns:minmax(0,1fr) 4.75rem;gap:.35rem;padding-top:.36rem;border-top:1px solid var(--overlay-border)}.canvas-usage-button,.canvas-size-button{min-height:2.65rem;border:0;border-radius:.7rem;background:transparent;box-shadow:none}.canvas-usage-button{gap:.5rem;padding:.35rem .42rem}.canvas-usage-button .catalog-usage-copy>span,.canvas-usage-button .catalog-usage-meta>span:first-child{display:none}.canvas-usage-button .catalog-usage-copy strong{font-size:.82rem}.canvas-usage-button .catalog-usage-badge{min-width:3.35rem;padding:.35rem .52rem;font-size:.72rem}.canvas-size-button{min-width:0;padding:.35rem .5rem;border-left:1px solid var(--overlay-border);border-radius:0}.canvas-size-button span{font-size:.58rem}.canvas-size-button strong{font-size:.74rem}.tool-rail--inline{position:static;z-index:auto;display:flex;grid-column:1;grid-row:2;width:100%}.tool-rail--inline .tool-rail-inner{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:.2rem;width:100%;height:4.65rem;padding:.34rem;border-radius:1rem}.tool-rail--inline .tool-button,.tool-rail--inline .tool-button:last-child{grid-column:auto;width:100%;min-width:0;min-height:0;aspect-ratio:auto;gap:.22rem;padding:.3rem .08rem;border-radius:.72rem}.tool-rail--inline .tool-button-icon{width:1.2rem;height:1.2rem}.tool-rail--inline .tool-button>span:last-child{display:block;width:100%;overflow:hidden;font-size:.56rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.catalog-fab{display:none}.catalog-panel{top:calc(4.25rem + env(safe-area-inset-top,0px));right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));left:.5rem;width:auto;transform:translateY(calc(100% + 5rem));transition:transform .22s ease}.catalog-panel.is-open{transform:translateY(0)}.app-screen--editor .catalog-panel-inner{border-radius:1.2rem}.catalog-item-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.app-screen--editor .editor-layout{padding:.55rem}.workspace-footer-card{padding:.52rem .56rem}.workspace-zoom-actions--overlay{grid-template-columns:1.85rem 2.25rem 1.85rem 3.25rem;gap:.2rem}.workspace-overlay-header{grid-template-columns:minmax(3.9rem,1fr) auto auto;gap:.22rem}.workspace-summary-toggle{width:1.85rem;height:1.85rem}.workspace-zoom-actions--overlay button,.workspace-zoom-actions--overlay .fit-button{min-height:2.05rem;font-size:.66rem}.tool-rail--inline .tool-rail-inner{height:4.35rem;gap:.14rem;padding:.28rem}.tool-rail--inline .tool-button,.tool-rail--inline .tool-button:last-child{gap:.16rem;padding:.24rem .04rem}.tool-rail--inline .tool-button-icon{width:1.08rem;height:1.08rem}.tool-rail--inline .tool-button>span:last-child{font-size:.5rem}.catalog-panel{top:calc(3.75rem + env(safe-area-inset-top,0px));right:.4rem;bottom:calc(.4rem + env(safe-area-inset-bottom,0px));left:.4rem}.bead-meta-grid.selected-bead-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.catalog-heading{display:flex;align-items:center;gap:.55rem;min-width:0}.catalog-bead-info-trigger{display:inline-flex;align-items:center;gap:.32rem;min-height:1.8rem;padding:.3rem .5rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface-muted);color:var(--text-soft);font-size:.68rem;font-weight:800;line-height:1;white-space:nowrap}.catalog-bead-info-trigger:hover{border-color:var(--selected-border);background:var(--surface-muted-strong);color:var(--text)}.catalog-bead-info-trigger svg{width:.9rem;height:.9rem;flex:0 0 auto}.bead-info-modal{width:min(100%,37rem);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow:hidden}.bead-info-modal .modal-header{flex:0 0 auto}.bead-info-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}.bead-info-selected{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin-top:1rem;padding-block:.85rem;border-block:1px solid var(--border)}.bead-info-swatch{display:inline-flex;width:3rem;height:3rem;padding:.2rem;border-radius:.9rem;background:var(--swatch-ring);box-shadow:0 0 0 1px var(--swatch-outline)}.bead-info-selected div{display:grid;gap:.16rem;min-width:0}.bead-info-selected span{color:var(--text-soft);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bead-info-selected strong{overflow-wrap:anywhere}.bead-info-list{display:grid;gap:0;margin:0}.bead-info-row{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.8rem;padding-block:.78rem;border-bottom:1px solid var(--border)}.bead-info-row:last-child{border-bottom:0;padding-bottom:0}.bead-info-row dt,.bead-info-row dd{margin:0}.bead-info-row dt{color:var(--text-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bead-info-row dd{color:var(--text-soft);font-size:.84rem;line-height:1.45}.bead-info-row dd strong{color:var(--text)}.canvas-resize-modal{width:min(100%,38rem);max-height:calc(100dvh - 2rem);overflow-y:auto;scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}.canvas-cell-size-field{min-width:0}.cell-size-preview{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1rem;padding-block:.85rem;border-block:1px solid var(--border)}.cell-size-preview-stage{position:relative;width:9rem;height:7rem;overflow:hidden;border:1px solid var(--field-border);border-radius:.85rem;background-color:var(--field-bg);background-image:linear-gradient(to right,var(--grid-stroke) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-stroke) 1px,transparent 1px);background-position:center;background-size:42px 42px}.cell-size-preview-center-cell{position:absolute;top:50%;left:50%;width:42px;height:42px;border:1.5px solid var(--accent);transform:translate(-50%,-50%)}.cell-size-preview-bead{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.cell-size-preview-copy{display:grid;gap:.3rem}.cell-size-preview-copy strong{font-size:.9rem}.cell-size-preview-copy span{color:var(--text-soft);font-size:.8rem;line-height:1.45}@media(max-width:560px){.catalog-heading{gap:.35rem}.catalog-bead-info-trigger{width:1.8rem;padding:0;justify-content:center}.catalog-bead-info-trigger span{display:none}.bead-info-modal{padding:1rem}.bead-info-modal .modal-header h2{font-size:1.08rem}.bead-info-row{grid-template-columns:1fr;gap:.25rem}.cell-size-preview{grid-template-columns:1fr;gap:.65rem}.cell-size-preview-stage{width:100%}}.app-screen--editor .catalog-panel-inner{grid-template-rows:repeat(4,auto) minmax(0,1fr)}.catalog-mode-block{display:grid;gap:.42rem}.catalog-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.catalog-draw-button{display:none;align-items:center;justify-content:center;gap:.4rem;min-height:2.4rem;padding:.4rem .7rem;border:1px solid var(--selected-border);border-radius:.7rem;background:var(--accent);color:var(--text-on-accent);font-size:.78rem;font-weight:800;white-space:nowrap}.catalog-draw-button:hover{background:var(--accent-strong)}.catalog-draw-button svg{width:1rem;height:1rem}.catalog-mode-heading>span,.functional-control-group legend,.project-bead-mode-field legend{color:var(--text-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bead-mode-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.bead-mode-switcher button{min-height:2.45rem;padding-inline:.55rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-muted);color:var(--text-soft);font-size:.78rem;font-weight:800}.bead-mode-switcher button:hover{border-color:var(--selected-border);background:var(--surface-muted-strong);color:var(--text)}.bead-mode-switcher button.is-active,.bead-mode-switcher button[aria-pressed=true]{border-color:var(--selected-border);background:var(--selected-bg);color:var(--accent-copy);box-shadow:var(--selected-shadow)}.project-bead-mode-field{gap:.5rem;margin:0;padding:0;border:0}.functional-bead-panel .catalog-panel-inner{grid-template-rows:auto auto auto minmax(0,1fr)}.functional-bead-preview{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-muted-strong)}.functional-bead-preview-swatch{display:inline-flex;width:4rem;height:4rem;padding:.25rem;border:1px solid var(--swatch-outline);border-radius:.55rem;background:var(--swatch-ring)}.functional-bead-preview>div{display:grid;gap:.24rem;min-width:0}.functional-bead-preview strong{overflow-wrap:anywhere}.functional-bead-preview span{color:var(--text-soft);font-size:.78rem;font-weight:700}.functional-bead-controls{min-height:0;display:grid;align-content:start;gap:1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.functional-control-group{display:grid;gap:.58rem;min-width:0;margin:0;padding:0;border:0}.functional-shape-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.functional-shape-options button{display:grid;grid-template-columns:1.65rem minmax(0,1fr);align-items:center;gap:.55rem;min-height:3rem;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);font-size:.78rem;font-weight:800;text-align:left}.functional-shape-options button.is-active{border-color:var(--selected-border);background:var(--selected-bg);color:var(--accent-copy)}.functional-shape-icon{width:1.55rem;aspect-ratio:1;border:2px solid currentColor;background:transparent}.functional-shape-icon.is-circle{border-radius:50%}.functional-shape-icon.is-square{border-radius:.12rem}.functional-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.functional-size-options button{min-height:2.6rem;padding:.45rem .3rem;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);font-size:.78rem;font-weight:800}.functional-size-options button.is-active{border-color:var(--selected-border);background:var(--selected-bg);color:var(--accent-copy)}.functional-color-editor{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.55rem}.functional-color-picker{position:relative;width:3rem;height:2.75rem;overflow:hidden;border:1px solid var(--border);border-radius:.55rem;background:var(--surface-muted);cursor:pointer}.functional-color-picker input{position:absolute;width:1px;height:1px;opacity:0}.functional-color-picker span{position:absolute;inset:.38rem;border-radius:.3rem;box-shadow:inset 0 0 0 1px #ffffff59}.functional-color-hex{min-width:0;text-transform:uppercase}.functional-color-presets{display:grid;grid-template-columns:repeat(8,minmax(1.55rem,1fr));gap:.35rem}.functional-color-presets button{min-width:0;height:2rem;padding:0;border:2px solid transparent;border-radius:.42rem;background:var(--functional-color);box-shadow:inset 0 0 0 1px #ffffff4d}.functional-color-presets button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--selected-bg)}@media(max-width:560px){.catalog-mode-block{gap:.3rem}.bead-mode-switcher button{min-height:2.25rem;font-size:.72rem}.functional-bead-preview{padding:.65rem}.functional-bead-preview-swatch{width:3.35rem;height:3.35rem}.functional-bead-controls{gap:.78rem}.functional-color-presets{grid-template-columns:repeat(8,minmax(1.35rem,1fr))}}.functional-color-add{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:2rem;overflow:hidden;border:1px dashed var(--selected-border);border-radius:.42rem;background:conic-gradient(#ef5b5b,#f3a51f,#f0d34f,#76b84a,#36a78b,#39bce5,#4f82d8,#8b6fdb,#d85aa7,#ef5b5b);color:#fff;cursor:pointer;box-shadow:inset 0 0 0 .22rem #140c1cb8}.functional-color-add span{position:relative;z-index:1;font-size:1.35rem;font-weight:700;line-height:1;text-shadow:0 1px 3px #000}.functional-color-add input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.bead-usage-item{display:grid;grid-template-columns:3rem minmax(0,1fr) auto auto;position:relative;padding-right:.62rem}.bead-usage-menu-wrap{position:relative;align-self:flex-start;flex-shrink:0}.bead-usage-menu-button,.bead-usage-back{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border:1px solid var(--border);border-radius:.72rem;background:var(--surface-muted);color:var(--text);font-size:1.25rem;font-weight:800}.bead-usage-menu-button:hover,.bead-usage-back:hover{border-color:var(--selected-border);background:var(--surface-muted-strong)}.bead-usage-menu{position:absolute;z-index:8;top:3.35rem;right:.62rem;display:grid;grid-template-columns:1fr;gap:.35rem;width:9.5rem;margin:0;padding:.35rem;border:1px solid var(--border-strong);border-radius:.75rem;background:var(--surface-strong);box-shadow:var(--shadow)}.bead-usage-menu button{min-height:2.3rem;padding:.5rem .65rem;border:0;border-radius:.5rem;background:transparent;color:var(--text);text-align:left;font-weight:700}.bead-usage-menu button:hover{background:var(--surface-muted)}.bead-usage-menu button.is-danger{color:var(--danger-contrast)}.bead-usage-heading{display:flex;align-items:center;gap:.7rem;min-width:0}.bead-usage-back{flex-shrink:0;font-size:1rem}.bead-replacement-modal-body{min-height:0}.bead-replacement-source,.canvas-history-summary{display:grid;gap:.2rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface-muted)}.bead-replacement-source span,.canvas-history-summary span{color:var(--text-soft);font-size:.76rem}.bead-replacement-list{display:grid;gap:.48rem;max-height:min(58vh,31rem);overflow-y:auto;padding-right:.25rem}.bead-replacement-list>button{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.72rem;min-width:0;padding:.65rem;border:1px solid var(--border);border-radius:.75rem;background:var(--catalog-item-bg);color:var(--text);text-align:left}.bead-replacement-list>button:hover,.bead-replacement-list>button.is-current{border-color:var(--selected-border);background:var(--catalog-item-hover)}.bead-replacement-swatch{width:3rem;height:3rem}.bead-replacement-copy{display:grid;gap:.18rem;min-width:0}.bead-replacement-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bead-replacement-copy span,.bead-replacement-current{color:var(--text-soft);font-size:.76rem}.bead-replacement-current{padding:.3rem .48rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-copy);font-weight:800}.bead-action-confirm-backdrop{z-index:80}.bead-action-confirm{width:min(100%,31rem)}.bead-action-confirm-copy p{margin:0;color:var(--text-soft);line-height:1.55}.bead-action-target{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.7rem;border-radius:.75rem;background:var(--surface-muted)}.button-danger{border-color:var(--danger);background:var(--danger-soft);color:var(--danger-contrast)}.canvas-history-button{display:grid;align-content:center;gap:.16rem;min-width:5.8rem;min-height:100%;padding:.72rem .85rem;border:1px solid var(--overlay-border);border-radius:.9rem;background:var(--overlay-bg);color:var(--overlay-text);text-align:left}.canvas-history-button:hover{background:color-mix(in srgb,var(--overlay-bg) 88%,var(--accent) 12%)}.canvas-history-button span{font-size:.68rem;font-weight:800;letter-spacing:.08em;opacity:.72;text-transform:uppercase}.canvas-history-button strong{font-size:.86rem;line-height:1.1}.workspace-footer-actions{grid-template-columns:minmax(0,1fr) auto auto}.canvas-history-modal{position:relative;z-index:1;width:min(100%,35rem)}.canvas-history-summary{margin-top:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center}.canvas-history-list{display:grid;gap:.4rem;max-height:min(58vh,31rem);margin:.8rem 0 1rem;overflow-y:auto;padding-right:.25rem}.canvas-history-list>button{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.7rem;min-width:0;padding:.58rem .68rem;border:1px solid var(--border);border-radius:.7rem;background:var(--catalog-item-bg);color:var(--text);text-align:left}.canvas-history-list>button.has-bead-preview{grid-template-columns:2rem 2.4rem minmax(0,1fr)}.canvas-history-bead-swatch{width:2.4rem;height:2.4rem;padding:.12rem;border-radius:.65rem;background:var(--swatch-ring);box-shadow:0 0 0 1px var(--swatch-outline)}.canvas-history-list>button:not(:disabled):hover{border-color:var(--selected-border);background:var(--catalog-item-hover)}.canvas-history-list>button.is-current{border-color:var(--selected-border);background:var(--selected-bg);opacity:1}.canvas-history-list>button.is-future{filter:grayscale(.78);opacity:.48}.canvas-history-step{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--surface-muted-strong);font-size:.72rem;font-weight:800}.canvas-history-copy{display:grid;gap:.12rem;min-width:0}.canvas-history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-history-copy span{color:var(--text-soft);font-size:.72rem}.canvas-history-actions{justify-content:flex-end}@media(max-width:780px){.workspace-footer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-usage-button{grid-column:1 / -1}.canvas-size-button,.canvas-history-button{min-width:0;min-height:2.45rem}}@media(max-width:560px){.bead-usage-item{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:start}.bead-usage-swatch{width:2.4rem;height:2.4rem}.bead-usage-count{grid-column:2;justify-self:start}.bead-usage-menu-wrap{grid-column:3;grid-row:1}.bead-replacement-list>button{grid-template-columns:2.6rem minmax(0,1fr)}.bead-replacement-swatch{width:2.6rem;height:2.6rem}.bead-replacement-current{grid-column:2;justify-self:start}.canvas-history-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-history-actions .button-primary{grid-column:1 / -1}}.info-filter-field{min-width:0}.info-filter-select{display:grid;gap:.3rem;min-width:0}.info-filter-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;min-height:2.45rem;padding:.58rem .7rem;border:1px solid var(--border);border-radius:.72rem;background:var(--field-bg);color:var(--text);text-align:left}.info-filter-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-filter-chevron{color:var(--text-soft);font-size:.8rem;transition:transform .16s ease}.info-filter-trigger[aria-expanded=true]{border-color:var(--selected-border);box-shadow:var(--selected-shadow)}.info-filter-trigger[aria-expanded=true] .info-filter-chevron{transform:rotate(180deg)}.info-filter-options{display:grid;max-height:min(15rem,38vh);overflow-y:auto;padding:.28rem;border:1px solid var(--border-strong);border-radius:.72rem;background:var(--surface-raised);box-shadow:var(--shadow);scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}.catalog-filter-options-pane .info-filter-options{height:100%;max-height:none;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none}.info-filter-option-row{display:grid;grid-template-columns:minmax(0,1fr) 2rem;align-items:center;gap:.22rem;min-width:0;border-radius:.5rem}.info-filter-option-row:first-child{grid-template-columns:minmax(0,1fr)}.info-filter-option-row:hover,.info-filter-option-row.is-active{background:var(--surface-muted)}.info-filter-option-row.is-active{box-shadow:inset 0 0 0 1px var(--selected-border)}.info-filter-option,.info-filter-help-button{min-width:0;min-height:2.15rem;border:0;background:transparent;color:var(--text)}.info-filter-option{padding:.42rem .5rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.info-filter-help-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;padding:0;border-radius:.48rem;color:var(--text-soft)}.info-filter-help-button:hover{background:var(--selected-bg);color:var(--accent-copy)}.info-filter-help-button svg{width:1.05rem;height:1.05rem}.catalog-filter-help-backdrop{z-index:75}.catalog-filter-help-modal{width:min(100%,38rem);max-height:min(90vh,47rem);overflow-y:auto}.catalog-filter-help-preview{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:1rem;margin-top:1rem;padding-block:1rem;border-block:1px solid var(--border)}.catalog-filter-help-swatch{display:inline-flex;width:7.5rem;height:7.5rem;padding:.45rem;border-radius:.9rem;background:var(--swatch-ring);box-shadow:0 0 0 1px var(--swatch-outline)}.catalog-filter-help-preview div{display:grid;gap:.25rem;min-width:0}.catalog-filter-help-preview span,.catalog-filter-help-sections section>span{color:var(--text-soft);font-size:.7rem;font-weight:800;text-transform:uppercase}.catalog-filter-help-preview strong{overflow-wrap:anywhere;font-size:1rem}.catalog-filter-help-sections{display:grid}.catalog-filter-help-sections section{padding-block:.85rem;border-bottom:1px solid var(--border)}.catalog-filter-help-sections section:last-child{border-bottom:0;padding-bottom:0}.catalog-filter-help-sections p{margin:.3rem 0 0;color:var(--text-soft);font-size:.88rem;line-height:1.55}.catalog-filter-help-sections strong{color:var(--text)}@media(max-width:560px){.catalog-filter-help-preview{grid-template-columns:5.3rem minmax(0,1fr);gap:.75rem}.catalog-filter-help-swatch{width:5.3rem;height:5.3rem}.catalog-filter-help-sections p{font-size:.82rem}}@media(max-width:1050px){.catalog-toolbar-popover--filters.has-options-pane .catalog-filter-main-pane{visibility:hidden;pointer-events:none}.catalog-filter-options-pane{inset:0;width:100%;height:100%}}@media(max-width:720px){.catalog-panel.is-open{transform:none}.catalog-panel.has-filter-popover .catalog-panel-inner{-webkit-backdrop-filter:none;backdrop-filter:none}.catalog-toolbar-popover--filters{position:fixed;top:calc(4.25rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));bottom:calc(.75rem + env(safe-area-inset-bottom,0px));left:calc(.75rem + env(safe-area-inset-left,0px));width:auto;min-width:0;height:auto;max-height:none}.catalog-filter-main-pane,.catalog-filter-options-pane{width:100%;height:100%}.catalog-toolbar-popover--filters .catalog-toolbar-popover-footer{position:static}}@media(max-width:420px){.catalog-toolbar-popover--filters{top:calc(3.75rem + env(safe-area-inset-top,0px))}}.editor-project-heading{display:grid;justify-items:center;gap:.1rem;margin-inline:auto;line-height:1.15}.editor-project-heading span{color:var(--header-control-placeholder);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.editor-project-heading strong{max-width:min(34vw,28rem);overflow:hidden;color:var(--header-control-text);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.app-screen--editor .tool-rail-inner,.app-screen--editor .workspace-canvas-wrap,.app-screen--editor .catalog-panel-inner{border-radius:1rem}.app-screen--editor .tool-button{border-radius:.7rem}.app-screen--editor .catalog-panel-inner{gap:.8rem}.app-screen--editor .selected-bead-card{border-left:3px solid var(--accent);border-radius:.75rem;background:var(--surface-muted)}.app-screen--editor .mode-switcher{gap:.35rem}.app-screen--editor .mode-switcher button,.app-screen--editor .catalog-search input,.app-screen--editor .catalog-toolbar-button{border-radius:.65rem}.app-screen--editor .catalog-list-shell{gap:.5rem}.app-screen--editor .catalog-list{gap:.42rem;padding-right:.2rem}.app-screen--editor .catalog-scrollbar{grid-template-rows:minmax(0,1fr);width:.42rem}.app-screen--editor .catalog-scrollbar-button{display:none}.app-screen--editor .catalog-scrollbar-track{background:color-mix(in srgb,var(--scroll-track) 58%,transparent)}.app-screen--editor .catalog-scrollbar-thumb{min-height:2.75rem;border:0;background:var(--scroll-thumb)}.app-screen--editor .catalog-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.app-screen--editor .catalog-item{gap:0;min-height:4.2rem;padding:.55rem .62rem;border-radius:.65rem}.app-screen--editor .catalog-item.is-selected{border-left:3px solid var(--accent);border-top-color:var(--selected-border);border-right-color:var(--selected-border);border-bottom-color:var(--selected-border)}.app-screen--editor .catalog-item-header{grid-template-columns:auto minmax(0,1fr);gap:.65rem}.app-screen--editor .catalog-item-copy{gap:.22rem}.app-screen--editor .catalog-item-copy strong{overflow:hidden;font-size:.88rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.catalog-item-meta-line{min-width:0;display:flex;align-items:center;gap:.35rem;overflow:hidden;color:var(--text-soft);font-size:.74rem;line-height:1.2;white-space:nowrap}.catalog-item-meta-line span{min-width:0;overflow:hidden;text-overflow:ellipsis}.catalog-item-meta-line span+span:before{margin-right:.35rem;color:var(--border);content:"·"}.fit-button{display:inline-flex;align-items:center;justify-content:center}.fit-button svg{width:1.1rem;height:1.1rem}.app-screen--editor .fit-button[aria-pressed=true]{background:var(--selected-bg);color:var(--accent-copy);box-shadow:inset 0 0 0 1px var(--selected-border)}.app-screen--editor .fit-button[aria-pressed=true]:hover{background:var(--surface-muted-strong)}.app-screen--editor .workspace-footer-card{max-width:60rem;gap:.5rem;padding:.7rem;border-radius:.85rem}.app-screen--editor .workspace-footer-actions{gap:0;overflow:hidden;border:1px solid var(--overlay-border);border-radius:.65rem}.app-screen--editor .canvas-usage-button,.app-screen--editor .canvas-size-button,.app-screen--editor .canvas-history-button{border:0;border-radius:0;background:transparent;box-shadow:none}.app-screen--editor .canvas-size-button,.app-screen--editor .canvas-history-button{border-left:1px solid var(--overlay-border)}.app-screen--editor .canvas-usage-button:hover,.app-screen--editor .canvas-size-button:hover,.app-screen--editor .canvas-history-button:hover{background:color-mix(in srgb,var(--overlay-text) 8%,transparent)}@media(min-width:781px){.app-screen--editor .workspace-footer-card{grid-column:1 / -1;grid-template-columns:auto auto minmax(0,1fr);align-items:stretch;gap:0;padding:.38rem;overflow:hidden}.app-screen--editor .workspace-overlay-header,.app-screen--editor .workspace-footer-body{display:contents}.app-screen--editor .workspace-footer-body[hidden]{display:none}.app-screen--editor .workspace-overlay-header>div:first-child{min-width:9rem;display:grid;align-content:center;padding:.55rem .9rem;border-right:1px solid var(--overlay-border)}.app-screen--editor .workspace-zoom-actions--overlay{flex-wrap:nowrap;padding:.4rem .75rem;border-right:1px solid var(--overlay-border)}.app-screen--editor .workspace-zoom-actions--overlay span{min-width:2.8rem}.app-screen--editor .workspace-footer-actions{grid-column:3;grid-template-columns:minmax(10rem,1.45fr) minmax(7rem,.85fr) minmax(5.5rem,.65fr);border:0;border-radius:0}.app-screen--editor .eraser-size-control{grid-column:1 / -1;padding:.55rem .9rem;border-bottom:1px solid var(--overlay-border)}}@media(max-width:1180px){.catalog-mode-heading{min-height:2.4rem}.catalog-draw-button{display:inline-flex;width:100%;margin-top:.2rem}}@media(max-width:900px){.editor-project-heading{display:none}}@media(max-width:780px){.app-screen--editor .workspace-canvas-wrap{border-radius:.85rem}.app-screen--editor .workspace-footer-card{gap:.36rem;padding:.52rem .58rem}.app-screen--editor .workspace-footer-actions{border:0;border-top:1px solid var(--overlay-border);border-radius:0}.app-screen--editor .catalog-panel{right:.45rem;bottom:calc(.45rem + env(safe-area-inset-bottom,0px));left:.45rem;width:auto;box-shadow:none}.app-screen--editor .catalog-panel.is-open{transform:none}.app-screen--editor .catalog-panel.is-open:before{position:fixed;inset:0;z-index:-1;background:#08060c8f;content:"";pointer-events:none}.app-screen--editor .catalog-panel-inner{border-radius:.95rem}.app-screen--editor .catalog-item{min-height:4rem}.app-screen--editor .catalog-item-meta-line{font-size:.7rem}.app-screen--editor .tool-rail--inline .tool-rail-inner{border-radius:.85rem}}@media(min-width:561px)and (max-width:720px){.app-screen--editor .catalog-panel{top:calc(5rem + env(safe-area-inset-top,0px))}}@media(min-width:721px)and (max-width:780px){.app-screen--editor .catalog-panel{top:calc(5.75rem + env(safe-area-inset-top,0px))}}@media(max-width:420px){.app-screen--editor .tool-rail--inline .tool-button>span:last-child{font-size:.66rem}.app-screen--editor .catalog-item-copy strong{font-size:.84rem}}@media(min-width:781px){.app-screen--editor .editor-layout{gap:.75rem;padding:.75rem}.app-screen--editor .tool-rail--desktop{min-height:0;align-self:stretch}.app-screen--editor .tool-rail--desktop .tool-rail-inner{height:100%;align-content:center;gap:.3rem;padding:.55rem .4rem;border-radius:.8rem;box-shadow:none}.app-screen--editor .tool-rail--desktop .tool-button{min-height:4rem;gap:.25rem;padding:.35rem .1rem;border-radius:.6rem}.app-screen--editor .tool-rail--desktop .tool-button-icon{width:1.4rem;height:1.4rem}.app-screen--editor .tool-rail--desktop .tool-button>span:last-child{font-size:.72rem}.app-screen--editor .workspace-shell{min-width:0;gap:.75rem;padding:.5rem;border:1px solid var(--border);border-radius:.85rem;background:var(--surface-muted)}.app-screen--editor .workspace-canvas-wrap{border-radius:.65rem;box-shadow:none}.app-screen--editor .workspace-controls-row{display:block;min-width:0}.app-screen--editor .workspace-footer-card{width:100%;max-width:none;min-height:4.3rem;grid-template-columns:minmax(7rem,1fr) auto minmax(7rem,.85fr) minmax(5rem,.55fr) minmax(4.5rem,.5fr);padding:0;border-radius:.65rem;box-shadow:none}.app-screen--editor .workspace-field-button{min-width:0;display:grid;align-content:center;grid-column:1;padding:.55rem .9rem;border:0;border-right:1px solid var(--overlay-border);background:transparent;color:var(--overlay-text);text-align:left}.app-screen--editor .workspace-field-button:hover{background:color-mix(in srgb,var(--overlay-text) 8%,transparent)}.app-screen--editor .workspace-zoom-actions--overlay{grid-column:2}.app-screen--editor .workspace-footer-actions{display:contents}.app-screen--editor .canvas-usage-button,.app-screen--editor .canvas-position-button,.app-screen--editor .canvas-history-button{min-width:0;display:grid;align-content:center;justify-items:start;gap:.12rem;padding:.5rem .85rem;border:0;border-right:1px solid var(--overlay-border);border-radius:0;background:transparent;color:var(--overlay-text);text-align:left}.app-screen--editor .canvas-usage-button{grid-column:3}.app-screen--editor .canvas-position-button{grid-column:4}.app-screen--editor .canvas-history-button{grid-column:5;border-right:0;border-left:0}.app-screen--editor .canvas-size-button,.app-screen--editor .canvas-usage-button .catalog-usage-meta{display:none}.app-screen--editor .canvas-usage-button .catalog-usage-copy>span,.app-screen--editor .canvas-position-button>span,.app-screen--editor .canvas-history-button>span{color:var(--text-soft);font-size:.69rem;font-weight:800;letter-spacing:.04em;opacity:1;text-transform:uppercase}.app-screen--editor .canvas-usage-button .catalog-usage-copy strong,.app-screen--editor .canvas-history-button strong{font-size:.86rem;line-height:1.15}.app-screen--editor .canvas-position-button .catalog-usage-badge{padding:.15rem .55rem;border-radius:999px;background:var(--accent);color:var(--text-on-accent);font-size:.75rem}.app-screen--editor .canvas-position-button:hover{background:color-mix(in srgb,var(--overlay-text) 8%,transparent)}}@media(max-width:780px){.app-screen--editor .workspace-field-button{min-width:0;padding:0;border:0;background:transparent;color:var(--overlay-text);text-align:left}.app-screen--editor .canvas-position-button{display:none}.app-screen--editor .canvas-usage-button .catalog-usage-copy>span{display:block;font-size:.68rem;letter-spacing:0}}@media(max-width:560px){.canvas-resize-field-grid,.canvas-resize-field-grid.has-cell-size{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.canvas-resize-modal{padding:1rem}.canvas-resize-modal .modal-header h2{font-size:1.3rem;line-height:1.2}.canvas-resize-modal .modal-actions{gap:.5rem}.canvas-resize-modal .modal-actions button{padding-inline:.75rem;font-size:.88rem}}