:root{--bg:#f6f8fa;--surface:#fdfdfd;--surface-raised:#fdfdfd;--border:#e2e0dd;--border-subtle:#eceae7;--text-primary:#1c1814;--text-secondary:#5e5650;--text-muted:#9c958d;--accent:#171717;--accent-hover:#2e2e2e;--accent-fg:#fff;--accent-tint:#efeeed;--danger:#c0392b;--danger-hover:#a93226;--danger-tint:#fecdca;--warning:#f59e0b;--warning-fg:#92600a;--warning-bg:#fffbeb;--warning-border:#fcd34d;--saved:#e0455c;--on-media:#fff;--artwork-bg:#f8fcff;--tag-clay-bg:#ebe0d2;--tag-clay-fg:#7a5533;--tag-commercial-bg:#dce8e4;--tag-commercial-fg:#2a6057;--tag-studio-bg:#e3dde9;--tag-studio-fg:#58387a;--tag-cone-bg:#e9e6d8;--tag-cone-fg:#5a5220;--tag-firing-bg:var(--border-subtle);--tag-firing-fg:var(--text-secondary);--sidebar-w:216px;--radius-xs:2px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-dialog:20px;--radius-pill:999px;--radius-button:var(--radius-md);--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.75rem;--text-md:.8125rem;--text-base:.875rem;--text-lg:.9375rem;--text-xl:1rem;--text-2xl:1.125rem;--text-3xl:1.25rem;--text-4xl:1.5rem;--text-5xl:1.75rem;--z-nav:100;--z-tabbar:200;--z-modal:200;--z-popover:1000;--z-sheet:3000;--z-install:3500;--z-confirm:3800;--z-toast:4000;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-popover:0 4px 20px #0000001f;--shadow-sheet:0 -4px 24px #0000001f;--shadow-on-media:0 0 3px #00000059;--duration-fast:.12s;--duration:.2s;--duration-slow:.4s;--ease-out:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg);color:var(--text-primary);touch-action:manipulation;min-height:100dvh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button{cursor:pointer}input,select,textarea{font-family:inherit}html.modal-open,html.modal-open body{overscroll-behavior:none;overflow:hidden}.sidenav{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);height:100vh;z-index:var(--z-nav);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidenav-logo{font-family:Averia Serif Libre,Georgia,serif;font-style:italic;font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--text-primary);flex-shrink:0;padding:24px 20px 16px;font-weight:400;line-height:1;text-decoration:none;display:block}.sidenav-logo em{color:var(--accent);font-style:normal}.sidenav-logo-mark{display:none}.sidenav-nav{flex-direction:column;flex-shrink:0;gap:6px;padding:0 10px;display:flex}.sidenav-item{border-radius:var(--radius);width:100%;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:8px 12px;font-weight:500;transition:background .12s,color .12s;display:flex}.sidenav-item svg{opacity:.7;flex-shrink:0}.sidenav-item:hover{background:var(--border-subtle);color:var(--text-primary)}.sidenav-item.active{background:var(--accent-tint);color:var(--accent)}.sidenav-item.active svg{opacity:1}.sidenav-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sidenav-divider{background:var(--border);height:1px;margin:6px 2px}.sidenav-bottom{flex-shrink:0;margin-top:auto;padding:10px}.sidenav-profile{border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;transition:background .12s;display:flex}.sidenav-profile:hover{background:var(--border-subtle)}.sidenav-profile.active{background:var(--accent-tint)}.sidenav-profile.active .sidenav-profile-name{color:var(--accent)}.sidenav-profile-info{flex:1;min-width:0}.sidenav-profile-more{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.sidenav-profile-more:hover,.sidenav-profile-more.open{background:var(--border);color:var(--text-primary)}.sidenav-bottom{position:relative}.card-menu.sidenav-profile-menu{min-width:0;inset:auto 10px calc(100% - 4px)}.card-menu.sidenav-profile-menu.open{animation-name:menu-in-up}.sidenav-profile-more:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sidenav-profile-name{font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidenav-profile-studio{font-size:var(--text-xs);color:var(--text-muted)}.nav-avatar{background:var(--accent);width:32px;height:32px;color:var(--accent-fg);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.nav-avatar-guest{background:var(--border);color:var(--text-muted)}.sidenav-signin-btn{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.app-layout{min-height:100dvh;display:flex}.sb-filter{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px;transition:background .1s;display:flex}.sb-filter:hover{background:var(--border-subtle)}.sb-filter input{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px}.sb-filter-swatch{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg);background-position:50%;background-size:cover;flex-shrink:0;width:24px;height:24px}.sb-filter-label{font-size:var(--text-lg);color:var(--text-secondary);flex:1}.sb-filter-count{font-size:var(--text-md);color:var(--text-muted);font-variant-numeric:tabular-nums}.filter-section-title{font-size:var(--text-xs);letter-spacing:.03em;color:var(--text-muted);padding:8px 8px 4px;font-weight:600}.filter-section-title:first-child{padding-top:4px}.main{min-width:0;margin-left:var(--sidebar-w);flex:1;padding:24px}.page-header{align-items:center;gap:0;margin-bottom:24px;display:flex}.page-header-select{max-width:280px;margin-left:auto}.page-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-5xl);color:var(--text-primary);font-weight:600;line-height:1}.main-header{flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.main-search{flex:0 260px;max-width:260px;margin-left:auto;position:relative}.main-search-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.main-search input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-dialog);width:100%;height:40px;color:var(--text-primary);font-size:var(--text-base);outline:none;padding:0 14px 0 38px;transition:border-color .15s,box-shadow .15s}.main-search input::placeholder{color:var(--text-muted);font-size:var(--text-md)}.main-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.main-search-filter{display:none}.drawer-quick-filters{border-bottom:1px solid var(--border);margin-bottom:4px;padding:20px 2px 16px;display:none}.drawer-quick-filters-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:12px;font-weight:600}.drawer-quick-filters-list{flex-wrap:wrap;gap:8px;display:flex}.filter-pills-row{flex:auto;align-items:center;gap:10px;min-width:0;padding-top:6px;display:flex}.filters-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-button);height:36px;font-family:inherit;font-size:var(--text-md);color:var(--text-primary);white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-weight:500;transition:border-color .15s;display:inline-flex;position:relative}.filters-btn:hover{border-color:var(--text-muted)}.filters-count-badge{border-radius:var(--radius-lg);background:var(--text-primary);min-width:18px;height:18px;color:var(--surface);font-size:var(--text-2xs);justify-content:center;align-items:center;padding:0 4px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.filter-pills-divider{background:var(--border);flex-shrink:0;width:1px;height:24px}.filter-pills-scroll{flex:auto;min-width:0;position:relative}.filter-pills-scroll:before,.filter-pills-scroll:after{content:"";pointer-events:none;z-index:1;opacity:0;width:28px;transition:opacity .15s;position:absolute;top:0;bottom:0}.filter-pills-scroll:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.filter-pills-scroll:after{background:linear-gradient(to left, var(--bg), transparent);right:0}.filter-pills-scroll.has-fade-left:before,.filter-pills-scroll.has-fade-right:after{opacity:1}.filter-pills-list{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;width:100%;display:flex;overflow-x:auto}.filter-pills-list::-webkit-scrollbar{display:none}.filter-pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.filter-pill:hover{border-color:var(--text-muted)}.filter-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface)}.filter-pill.value-pill{background:var(--accent-tint);border-color:var(--accent);color:var(--accent);cursor:default;padding-right:8px}.filter-pill-remove{width:16px;height:16px;color:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s;display:inline-flex}.filter-pill-remove:hover{background:#00000014}.filter-pill-clear-all{height:36px;color:var(--text-muted);font-family:inherit;font-size:var(--text-md);white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0 4px;font-weight:500;display:inline-flex}.filter-pill-clear-all:hover{color:var(--text-primary)}.modal.filter-drawer{flex-direction:column;max-width:320px;height:80vh;max-height:80vh;display:flex;overflow:hidden}.filter-drawer-body{flex:1;padding:0 20px;overflow-y:auto}.filter-drawer-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.filter-apply-btn{height:40px;font-size:var(--text-base);white-space:nowrap;padding:0 20px}.accordion-item{border-bottom:1px solid var(--border-subtle)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;font-family:inherit;font-size:var(--text-xl);color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 2px;font-weight:600;display:flex}.accordion-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.accordion-header.open .accordion-chevron{transform:rotate(180deg)}.accordion-body{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.accordion-body.open{grid-template-rows:1fr}.accordion-body-inner{overflow:hidden}.accordion-body-inner>div{padding-bottom:12px}.filter-clear-btn{font-family:inherit;font-size:var(--text-md);color:var(--accent);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px;font-weight:500;transition:color .12s,background .12s}.filter-clear-btn:hover{color:var(--accent);background:var(--accent-tint)}.layout-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:2px;padding:4px;display:flex}.layout-btn{width:30px;height:30px;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.layout-btn:hover{color:var(--text-primary);background:var(--border-subtle)}.layout-btn.active{background:var(--accent-tint);color:var(--accent)}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:12px;display:grid}#entryGrid{margin-top:14px}.masonry-grid{align-items:flex-start;gap:12px;display:flex}.masonry-col{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;display:flex}.masonry-item{border-radius:var(--radius-lg);cursor:pointer;background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.masonry-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.masonry-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.masonry-item .save-btn{opacity:0;filter:drop-shadow(0 1px 2px #00000080);transition:opacity .15s,transform .15s;position:absolute;top:7px;right:7px;transform:translateY(-4px)}.masonry-item:hover .save-btn,.masonry-item .save-btn.saved,.masonry-item .save-btn:focus-visible{opacity:1;transform:translateY(0)}.masonry-item .save-btn svg path{stroke:var(--on-media)}.masonry-item .save-btn:hover{background:#00000059}.save-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s;display:flex}.save-btn svg path{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linejoin:round;stroke-linecap:round;transition:fill .15s,stroke .15s}.save-btn.saved svg path{fill:var(--on-media);stroke:var(--on-media);stroke-width:1.7px}.save-btn.save-pop svg{animation:save-pop .35s var(--ease-out)}@keyframes save-pop{40%{transform:scale(1.3)}}.save-btn:active svg path{fill:var(--saved);stroke:var(--on-media);stroke-width:1.7px}@media (hover:hover){.save-btn:hover svg path{fill:var(--saved);stroke:var(--on-media);stroke-width:1.7px}}.masonry-img.img-in{animation:img-in var(--duration) ease}@keyframes img-in{0%{opacity:0}}.masonry-img{object-fit:cover;width:100%;height:auto;display:block}.entry-card{border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);background:0 0;border:none;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.entry-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.entry-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-thumb-wrap{position:relative;overflow:hidden}.card-overlay{opacity:0;z-index:1;pointer-events:none;will-change:opacity;background:0 0;flex-direction:column;justify-content:flex-end;padding:16px 16px 20px;transition:opacity .2s;display:flex;position:absolute;inset:0}.card-overlay:before{content:"";-webkit-backdrop-filter:blur(8px);z-index:-1;background:linear-gradient(#0000 0%,#ffffffa6 45%,#ffffffe0 100%);position:absolute;inset:25% 0 0;transform:translateZ(0);-webkit-mask:linear-gradient(#0000 0%,#000 45%);mask:linear-gradient(#0000 0%,#000 45%)}.entry-card:hover .card-overlay,.masonry-item:hover .card-overlay{opacity:1}.card-overlay-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:4px;font-weight:600;line-height:1.3}.card-overlay-layers{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.card-overlay-clay{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.card-thumb{aspect-ratio:1;background:var(--border-subtle);width:100%;display:block}.card-nav-btn{width:28px;height:28px;color:var(--on-media);font-size:var(--text-2xl);cursor:pointer;opacity:0;z-index:2;background:#00000061;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:opacity .15s,background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.card-nav-btn.prev{left:7px}.card-nav-btn.next{right:7px}.entry-card:hover .card-nav-btn,.masonry-item:hover .card-nav-btn{opacity:1}.card-nav-btn:hover{background:#0009}.card-photo-dots{opacity:0;z-index:3;gap:4px;transition:opacity .15s;display:flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.entry-card:hover .card-photo-dots,.masonry-item:hover .card-photo-dots{opacity:1}.card-photo-dot{background:#00000040;border-radius:50%;width:5px;height:5px;transition:background .15s}.card-photo-dot.active{background:#000000b3}.card-menu-btn{width:30px;height:30px;color:var(--on-media);cursor:pointer;opacity:0;z-index:2;background:#00000061;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex;position:absolute;top:9px;right:9px}.entry-card:hover .card-menu-btn{opacity:1}.card-menu-btn:hover{background:#0000008c}.card-menu{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-popover);z-index:10;min-width:130px;padding:4px 0;display:none;position:absolute;top:44px;right:9px}.card-menu.open{animation:menu-in var(--duration-fast) var(--ease-out);display:block}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes menu-in-up{0%{opacity:0;transform:translateY(4px)}}.card-menu-item{white-space:nowrap;text-align:left;width:100%;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 14px;transition:background .1s;display:flex}.card-menu-item:hover{background:var(--border-subtle)}.card-menu-item .menu-item-icon{color:var(--text-secondary);flex:none}.card-menu-item.danger .menu-item-icon{color:inherit}.card-menu-item.danger{color:var(--danger)}.card-body{display:none}.card-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-xl);color:var(--text-primary);text-wrap:balance;margin-bottom:8px;font-weight:600;line-height:1.3}.card-layers{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.layer-pill{border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-weight:500;line-height:1.4;display:inline-flex}.layer-pill.commercial{background:var(--tag-commercial-bg);color:var(--tag-commercial-fg)}.layer-pill.studio{background:var(--tag-studio-bg);color:var(--tag-studio-fg)}.glaze-color-dot{vertical-align:middle;border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:4px;display:inline-block}.card-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{border-radius:var(--radius-lg);font-size:var(--text-sm);white-space:nowrap;align-items:center;padding:2px 8px;font-weight:500;line-height:1.5;display:inline-flex}.tag.clay{background:var(--tag-clay-bg);color:var(--tag-clay-fg)}.tag.cone{background:var(--tag-cone-bg);color:var(--tag-cone-fg)}.tag.firing{background:var(--tag-firing-bg);color:var(--tag-firing-fg)}.card-spacer{flex:1}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border) 37%, var(--border-subtle) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.user-profile-avatar.skeleton{background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border) 37%, var(--border-subtle) 63%);background-size:400% 100%;border-radius:50%}.skeleton-card{cursor:default}.skeleton-card:hover{box-shadow:var(--shadow-sm);transform:none}.skeleton-thumb{aspect-ratio:1;border-radius:0;width:100%}.skeleton-line{height:8px}.skeleton-pill{border-radius:var(--radius-xl);height:20px;margin-bottom:12px}.card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.card-user{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:4px;display:flex}.mini-avatar{background:var(--accent);width:19px;height:19px;color:var(--accent-fg);font-size:var(--text-2xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.card-studio{font-size:var(--text-xs);color:var(--text-muted)}.private-badge{background:var(--tag-cone-bg);color:var(--tag-cone-fg);border-radius:var(--radius);font-size:var(--text-2xs);letter-spacing:.02em;align-items:center;gap:4px;padding:1px 6px;font-weight:600;display:inline-flex}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:55vh;padding:48px 20px;display:flex}.empty-state h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:4px}.empty-state p{font-size:var(--text-base);color:var(--text-muted)}.empty-state-reset-btn{align-items:center;gap:6px;margin-top:16px;display:inline-flex}.modal-overlay{z-index:var(--z-modal);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000075;justify-content:center;align-items:center;padding:48px;transition:opacity .18s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface-raised);border-radius:var(--radius-dialog);width:100%;max-width:780px;max-height:90vh;box-shadow:var(--shadow-lg);transition:transform .18s;overflow-y:auto;transform:translateY(10px)scale(.99)}.modal-overlay.open .modal{transform:translateY(0)scale(1)}.modal:focus{outline:none}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-xs)}#addOverlay{top:0;left:var(--sidebar-w);background:var(--bg);justify-content:stretch;align-items:stretch;padding:0;bottom:0;right:0}.add-wizard-modal{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:var(--bg);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.add-wizard-modal>.modal-header{background:0 0;border-bottom:none;flex-direction:column;align-items:flex-start;gap:4px;width:100%;max-width:1080px;margin:0 auto;position:static}.add-wizard-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.add-wizard-body{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:16px 24px 8px;overflow-y:auto}.add-wizard-modal .modal-footer{flex-shrink:0}.add-wizard-footer-buttons{justify-content:flex-end;gap:8px;width:100%;max-width:1080px;margin:0 auto;display:flex}#addBackBtn,#addCancelBtn{margin-right:auto}.modal-header{border-bottom:1px solid var(--border);background:var(--surface-raised);z-index:1;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.modal-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-2xl);font-weight:600}.modal-close{background:var(--bg);width:28px;height:28px;color:var(--text-muted);font-size:var(--text-base);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s;display:flex}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=768px){.modal-close{width:32px;height:32px;position:relative}.modal-close:after{content:"";position:absolute;inset:-6px}}.add-items-list{flex-direction:column;gap:12px;display:flex}.add-item-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.add-item-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.add-item-label{font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-muted);font-weight:600}.add-item-remove{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 8px;font-family:inherit;transition:color .12s,background .12s}.add-item-remove:hover{color:var(--danger);background:var(--danger-tint)}.add-item-dropzone{border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;margin:14px;padding:24px 16px;transition:border-color .15s,background .15s;display:flex}.add-item-dropzone:hover,.add-item-dropzone.drag-over{border-color:var(--accent);background:var(--accent-tint)}.add-item-dropzone-icon{color:var(--text-muted);opacity:.55}.add-item-dropzone-text{font-size:var(--text-base);color:var(--text-secondary);font-weight:500}.add-item-dropzone-sub{font-size:var(--text-sm);color:var(--text-muted)}.add-item-photos{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.add-item-photo-thumb{border-radius:var(--radius);cursor:grab;outline-offset:2px;outline:2px solid #0000;flex-shrink:0;width:80px;height:80px;transition:opacity .15s,outline-color .1s;position:relative;overflow:hidden}.add-item-photo-thumb.dragging{opacity:.4}.add-warning-icon{color:var(--warning-fg);flex-shrink:0}.auth-tagline-left{text-align:left}.add-item-photo-thumb.is-pending,.edit-photo-thumb.is-pending{cursor:default}.edit-photo-thumb.skeleton{background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border) 37%, var(--border-subtle) 63%);background-size:400% 100%}.add-item-photo-thumb.drag-target{outline-color:var(--accent)}.add-item-photo-thumb{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.add-item-photo-thumb img{object-fit:cover;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.add-item-photo-remove{color:#fff;width:20px;height:20px;font-size:var(--text-sm);cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:flex;position:absolute;top:3px;right:3px}.add-item-photo-thumb:hover .add-item-photo-remove{opacity:1}.add-item-photo-remove:hover{background:color-mix(in srgb, var(--danger) 85%, transparent)}.add-item-add-photo{border:2px dashed var(--border);border-radius:var(--radius);width:80px;height:80px;color:var(--text-muted);font-family:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;transition:border-color .14s,color .14s;display:flex}.add-item-add-photo:hover,.add-item-add-photo.drag-over{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.add-another-btn{border:2px dashed var(--border);border-radius:var(--radius-button);width:100%;color:var(--text-muted);font-family:inherit;font-size:var(--text-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-weight:500;transition:border-color .14s,color .14s,background .14s;display:flex}.add-another-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.add-groups-list{flex-direction:column;gap:14px;padding:0 0 4px;display:flex}.add-group-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex}.add-group-photo{background:var(--bg);border-radius:var(--radius-lg) 0 0 var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:50%;padding:16px;display:flex;position:relative;overflow:hidden}.add-group-photo img{object-fit:contain;border-radius:var(--radius-lg);width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:var(--shadow-lg);display:block}@media (width>=769px){.add-group-photo img{max-height:520px}}@media (width<=768px){.add-group-photo{aspect-ratio:4/3}.add-group-photo img{max-height:calc(75vw - 57.5px)}}.icon-arrow{vertical-align:-.25em;display:inline-block}.name-narrow{display:none}.add-group-carousel-btn{color:var(--on-media);width:24px;height:24px;font-size:var(--text-base);cursor:pointer;z-index:5;background:#0000006b;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.add-group-carousel-btn:hover{background:#000000a6}.add-group-carousel-btn.prev{left:4px}.add-group-carousel-btn.next{right:4px}.add-group-photo-thumbs{z-index:4;background:linear-gradient(#0000,#ffffffe6);gap:8px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.add-group-photo-thumb{border-radius:var(--radius);cursor:pointer;opacity:.65;background:0 0;border:2px solid #0000;flex-shrink:0;width:60px;height:60px;padding:0;transition:opacity .12s,border-color .12s;overflow:hidden}.add-group-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.add-group-photo-thumb:hover{opacity:.9}.add-group-photo-thumb.active{opacity:1;border-color:var(--accent)}.add-group-form{flex-direction:column;flex:1;gap:8px;min-width:0;padding:14px 16px;display:flex}.aw-entry-head{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.aw-copy-above-btn{font-family:inherit;font-size:var(--text-sm);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-weight:600}.aw-copy-above-btn:hover{text-decoration:underline}.add-group-form .add-layer-btn{margin-top:4px}.add-group-form .toggle-row{padding-top:4px}.field{flex-direction:column;gap:4px;display:flex}.field-label{font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-muted);font-weight:600}.field-input,.field-select,.field-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-base);outline:none;width:100%;padding:8px 10px;transition:border-color .14s}.field-input,.field-select{height:48px}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--accent)}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-muted)}input[type=date].field-input{min-width:0;max-width:100%}@supports (-webkit-touch-callout:none){input[type=date].field-input{appearance:none;text-align:left;align-items:center;line-height:normal;display:flex}input[type=date].field-input::-webkit-date-and-time-value{text-align:left;margin:0}input[type=date].field-input::-webkit-datetime-edit{padding:0}}input[type=date].field-input::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer;margin-left:auto}input[type=date].field-input::-webkit-calendar-picker-indicator:hover{opacity:.7}.field-static{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:48px;color:var(--text-primary);font-size:var(--text-base);align-items:center;padding:8px 10px;display:flex}.field-static-note{color:var(--text-muted);white-space:nowrap;margin-left:auto;padding-left:8px;font-weight:400}.studio-cone-row{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;display:grid}@media (width<=768px){.studio-cone-row{gap:inherit;grid-template-columns:minmax(0,1fr)}}.studio-cone-row .field-static{white-space:nowrap;min-width:0;overflow:hidden}.field-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239B948C' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.field-textarea{resize:vertical;min-height:80px;line-height:1.5}.field-label-optional{opacity:.7;font-weight:400}.clay-field-row{align-items:center;gap:6px;display:flex}.notes-highlight-wrap{position:relative}.notes-highlight-wrap .field-textarea{min-height:84px}@media (width<=768px){.notes-highlight-wrap .field-textarea{min-height:140px}}.notes-highlight-overlay{resize:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;pointer-events:none;background:0 0;border-color:#0000;position:absolute;inset:0;overflow:hidden}.notes-textarea-transparent{color:#0000;caret-color:var(--text-primary);background:0 0;position:relative}.notes-textarea-transparent::placeholder{color:var(--text-muted);opacity:1}.notes-mention-inline{color:var(--tag-cone-fg)}.swatch-select{width:100%;position:relative}.swatch-select-trigger{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:48px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:var(--text-base);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:border-color .14s;display:flex}.swatch-select-trigger:hover,.swatch-select.open .swatch-select-trigger{border-color:var(--accent)}.swatch-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.swatch-select-sublabel{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-weight:400}.swatch-select-option.selected .swatch-select-sublabel{color:inherit;opacity:.7}.swatch-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .14s}.swatch-select.open .swatch-select-chevron{transform:rotate(180deg)}.swatch-select .swatch-select-value-input{width:100%;min-width:0;box-shadow:none;appearance:none;color:inherit;font-family:inherit;font-size:inherit;cursor:text;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}.swatch-select-value-input::placeholder{color:var(--text-muted)}.swatch-select-dot{border:1px solid var(--border);background:0 0;border-radius:50%;flex-shrink:0;width:12px;height:12px}.swatch-select-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:260px;box-shadow:var(--shadow-popover);z-index:var(--z-popover);padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.swatch-select-menu.open{display:block}.swatch-select-option{border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px;display:flex}.swatch-select-option:hover{background:var(--border-subtle)}.swatch-select-option.selected{background:var(--accent-tint);color:var(--accent)}.swatch-select-heading{border-top:1px solid var(--border);font-size:var(--text-2xs);letter-spacing:.02em;color:var(--text-muted);pointer-events:none;margin-top:4px;padding:8px 8px 4px;font-weight:600}.swatch-select-heading:first-child{border-top:none;margin-top:0;padding-top:4px}.swatch-select-empty{font-size:var(--text-md);color:var(--text-muted);text-align:center;padding:10px 8px}.swatch-sheet{display:none}html.swatch-sheet-open,html.swatch-sheet-open body{overscroll-behavior:none;overflow:hidden}@media (width<=768px){.swatch-sheet.open{z-index:var(--z-sheet);display:block;position:fixed;inset:0}.swatch-sheet-backdrop{touch-action:none;background:#00000052;transition:opacity .4s;animation:.4s swatchSheetFade;position:absolute;inset:-100vh 0}.swatch-sheet.closing .swatch-sheet-backdrop{opacity:0;pointer-events:none}@keyframes swatchSheetFade{0%{opacity:0}to{opacity:1}}.swatch-sheet-panel{background:var(--surface-raised);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;height:62%;box-shadow:var(--shadow-sheet);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;transition:transform .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0}.swatch-sheet.full .swatch-sheet-panel{height:90%}.swatch-sheet-panel:after{content:"";background:var(--surface-raised);pointer-events:none;height:100vh;position:absolute;top:100%;left:0;right:0}.swatch-sheet:not(:has(#swatchSheetSearch)) .swatch-sheet-panel{height:auto;max-height:62%}.swatch-sheet-grip{touch-action:none;flex:none;padding:8px 0 4px}.swatch-sheet-handle{border-radius:var(--radius-xs);background:var(--border);width:36px;height:4px;margin:0 auto}.swatch-sheet-header{border-bottom:1px solid var(--border);flex:none;padding:4px 16px 12px}.swatch-sheet-titlerow{align-items:center;gap:12px;min-height:32px;display:flex}.swatch-sheet-title{min-width:0;font-size:var(--text-xl);color:var(--text-primary);flex:1;font-weight:600}.swatch-sheet-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);height:44px;color:var(--text-muted);align-items:center;gap:8px;margin-top:8px;padding:0 12px;display:flex}.swatch-sheet-search input{min-width:0;color:var(--text-primary);appearance:none;background:0 0;border:none;outline:none;flex:1;font-size:16px}.swatch-sheet-search input::-webkit-search-cancel-button{-webkit-appearance:none}.swatch-sheet-cancel{font-size:var(--text-xl);color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex:none;padding:4px 0}.swatch-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 8px 16px;overflow-y:auto}.swatch-sheet .swatch-select-menu{max-height:none;box-shadow:none;background:0 0;border:none;padding:0;display:block;position:static;overflow:visible}.swatch-sheet .swatch-select-option{min-height:48px;font-size:var(--text-xl);gap:12px;padding:10px 8px}.swatch-sheet .swatch-select-option .swatch-select-dot{width:22px;height:22px}.swatch-sheet .swatch-select-heading{font-size:var(--text-md);padding:14px 8px 6px}.swatch-sheet .swatch-select-heading:first-child{padding-top:8px}.swatch-sheet .swatch-select-empty{font-size:var(--text-xl);padding:24px 8px}}html.pwa .swatch-sheet-panel{padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}.mention-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:200px;box-shadow:var(--shadow-popover);z-index:var(--z-popover);padding:4px;display:none;position:fixed;overflow-y:auto}.mention-popup.open{display:block}.mention-option{border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:8px;display:flex;overflow:hidden}.mention-option:hover,.mention-option.active{background:var(--border-subtle)}.mention-dot{border:1px solid var(--border);background:0 0;border-radius:50%;flex-shrink:0;width:10px;height:10px}.mention-heading{border-top:1px solid var(--border);font-size:var(--text-2xs);letter-spacing:.02em;color:var(--text-muted);margin-top:4px;padding:8px 8px 4px;font-weight:600}.mention-heading:first-child{border-top:none;margin-top:0;padding-top:4px}.mention-empty{font-size:var(--text-md);color:var(--text-muted);text-align:center;padding:10px 8px}.mention-popup.mention-bar{scrollbar-width:none;border:none;border-top:1px solid var(--border);background:var(--surface-raised);width:auto;max-height:none;box-shadow:var(--shadow-sheet);z-index:var(--z-sheet);border-radius:0;align-items:center;gap:8px;padding:8px 12px;display:none;top:auto;left:0;right:0;overflow:auto hidden}.mention-popup.mention-bar::-webkit-scrollbar{display:none}.mention-popup.mention-bar.docked{position:absolute;bottom:100%}.mention-popup.mention-bar.open{display:flex}.mention-chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);height:36px;font:inherit;font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 14px 0 10px;display:inline-flex}.mention-chip .mention-dot{width:14px;height:14px}.mention-bar-divider{background:var(--border);flex:none;width:1px;height:24px}.mention-popup.mention-bar .mention-empty{font-size:var(--text-base);padding:8px 4px}.mention-suggestion-row{border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--text-md);align-items:center;gap:8px;margin-top:4px;padding:6px 8px;display:flex}.mention-suggestion-name{color:var(--text-primary)}.mention-suggestion-hint{color:var(--text-muted);font-size:var(--text-xs);margin-right:auto}.mention-suggestion-add{color:var(--accent);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px;font-weight:600}.mention-suggestion-add:hover{background:var(--accent-tint)}.mention-suggestion-dismiss{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0}.mention-suggestion-dismiss:hover{background:var(--border-subtle);color:var(--text-primary)}@media (width<=768px){.mention-suggestion-hint{display:none}.mention-suggestion-name{flex:1;min-width:0}.mention-suggestion-add{white-space:nowrap;flex-shrink:0}}.notes-glaze-mention{color:var(--tag-cone-fg);cursor:default}.notes-glaze-mention:not(.no-image){-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--tag-cone-fg);text-decoration-color:var(--tag-cone-fg);text-underline-offset:2px}.layer-row-form .swatch-select{flex:1;min-width:0}.layer-row-form .swatch-select-trigger{height:32px;font-size:var(--text-sm);gap:6px;padding:0 8px}.layer-row-form .swatch-select-dot{width:10px;height:10px}.swatch-select.swatch-select-type{flex:.6;min-width:0}.layer-row-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;height:48px;padding:0 8px;display:flex}.layer-row-form+.layer-row-form{margin-top:6px}.layer-drag-handle{color:var(--text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-self:stretch;align-items:center;gap:4px;margin-left:-4px;padding:0 4px 0 2px;display:flex}.layer-grip{opacity:.55}.layer-drag-handle:hover .layer-grip{opacity:1}.layer-row-form.layer-dragging{z-index:2;background:var(--surface-raised);box-shadow:var(--shadow-popover);cursor:grabbing;position:relative}.layer-row-form.layer-dragging .layer-drag-handle{cursor:grabbing}.layer-row-form:only-child .layer-grip{display:none}.layer-row-form:only-child .layer-drag-handle{cursor:default}.layer-num-badge{font-size:var(--text-sm);color:var(--text-muted);text-align:center;flex-shrink:0;min-width:14px;font-weight:600}.layer-row-form input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);font-size:var(--text-md);outline:none;flex:1;padding:4px 8px}.layer-row-form input:focus{border-color:var(--accent)}.layer-row-form input::placeholder{color:var(--text-muted)}.layer-row-form select{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;color:var(--text-primary);font-size:var(--text-sm);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%239B948C' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;outline:none;flex-shrink:0;padding:0 22px 0 6px}.layer-coats-input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:48px;height:30px;color:var(--text-primary);font-size:var(--text-md);text-align:center;-moz-appearance:textfield;outline:none;flex-shrink:0;padding:0;font-family:inherit}.layer-row-form .layer-coats-input{flex:0 0 48px}.layer-coats-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.layer-coats-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.layer-coats-input:focus{border-color:var(--accent)}.layer-remove-btn{width:22px;height:22px;color:var(--text-muted);border-radius:var(--radius-sm);font-size:var(--text-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.layer-remove-btn:hover:not(:disabled){background:var(--danger-tint);color:var(--danger)}.layer-remove-btn:disabled{opacity:.3;cursor:default}.add-layer-btn{border:1px dashed var(--border);border-radius:var(--radius-button);width:100%;color:var(--text-muted);font-family:Inter,sans-serif;font-size:var(--text-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;transition:border-color .15s,color .15s;display:inline-flex}.add-layer-btn:hover{border-color:var(--accent);color:var(--accent)}.add-warning-banner{background:var(--warning-bg);border-top:1px solid var(--warning-border);font-size:var(--text-md);color:var(--warning-fg);flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;line-height:1.45;display:flex}.add-group-card.incomplete{border-color:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 18%, transparent)}.toggle-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.toggle-label{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:1px}.toggle-sublabel{font-size:var(--text-xs);color:var(--text-muted)}.toggle{border-radius:var(--radius-lg);background:var(--border);border:none;flex-shrink:0;width:38px;height:21px;transition:background .15s;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";width:15px;height:15px;box-shadow:var(--shadow-on-media);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(17px)}.modal-footer{border-top:1px solid var(--border);background:var(--surface-raised);justify-content:flex-end;gap:8px;padding:14px 24px;display:flex;position:sticky;bottom:0}.btn{border-radius:var(--radius-button);font-family:Inter,sans-serif;font-size:var(--text-base);border:none;padding:8px 16px;font-weight:500;transition:background .14s}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border-subtle)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{font-size:var(--text-sm);white-space:nowrap;padding:4px 12px}.edit-modal{flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 96px);display:flex}.edit-modal-body{flex:1;min-height:0;overflow-y:auto}.edit-modal-scroll{flex-direction:column;gap:16px;padding:20px 24px 8px;display:flex}.edit-photos-grid{border-radius:var(--radius);outline-offset:4px;outline:2px dashed #0000;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;transition:outline-color .15s,background .15s;display:grid}.edit-photos-grid.drag-over{outline-color:var(--accent);background:var(--accent-tint)}.edit-photo-thumb{aspect-ratio:1;border-radius:var(--radius);background:var(--border-subtle);cursor:grab;outline-offset:2px;outline:2px solid #0000;transition:opacity .15s,outline-color .1s;position:relative;overflow:hidden}.edit-photo-thumb.dragging{opacity:.4}.edit-photo-thumb.drag-target{outline-color:var(--accent)}.edit-photo-thumb img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.edit-photo-del{width:22px;height:22px;color:var(--on-media);font-size:var(--text-sm);cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:5px;right:5px}.edit-photo-thumb:hover .edit-photo-del{opacity:1}.edit-photo-add{aspect-ratio:1;border:1.5px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:border-color .15s,color .15s;display:flex}.edit-photo-add:hover{border-color:var(--accent);color:var(--accent)}.entry-detail-page{background:var(--bg);align-items:flex-start;min-height:100vh;margin:-24px;display:flex;position:relative}.entry-detail-close{background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .12s,color .12s;display:flex;position:absolute;top:18px;right:18px}.icon-x{vertical-align:-.125em;flex-shrink:0;display:inline-block}.entry-detail-close:hover{background:var(--border-subtle);color:var(--text-primary)}.entry-detail-photo-col{background:var(--bg);flex:1;justify-content:center;align-items:center;min-width:0;height:100vh;padding:16px;display:flex;position:sticky;top:0;overflow:hidden}.entry-detail-photo-col .carousel-wrap{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .18s;display:flex;position:relative}.detail-photo-img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);display:block}.entry-detail-info-col{border-left:1px solid var(--border);background:var(--surface-raised);flex-direction:column;flex-shrink:0;align-self:stretch;width:380px;min-height:100vh;padding:16px;transition:opacity .18s;display:flex}.detail-fade{opacity:0}.detail-mobile-summary,.detail-sheet-backdrop{display:none}.entry-detail-rail{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-left:1px solid var(--border);background:var(--surface);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-shrink:0;gap:10px;width:88px;height:100vh;padding:14px 10px;display:flex;position:sticky;top:0;overflow-y:auto}.entry-detail-rail::-webkit-scrollbar{display:none}.rail-thumb{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;background:var(--border-subtle);border:2px solid #0000;flex-shrink:0;transition:border-color .15s,opacity .15s,transform .15s;overflow:hidden}.rail-thumb:hover{opacity:.85}.rail-thumb.active{border-color:var(--accent);transform:scale(1.08)}.rail-thumb canvas{object-fit:cover;width:100%;height:100%;display:block}.detail-title-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.detail-title-row.no-byline{margin-bottom:24px}.detail-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-4xl);text-wrap:balance;flex:1;font-weight:600;line-height:1.25}.detail-title-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.detail-byline{font-size:var(--text-md);color:var(--text-muted);margin-bottom:24px}.detail-byline-instagram{vertical-align:text-bottom;color:var(--text-muted);align-items:center;gap:4px;margin-left:10px;text-decoration:none;display:inline-flex}.detail-byline-instagram svg{display:block}.detail-byline-instagram:hover{color:var(--accent);text-decoration:underline}.detail-byline-name,.table-user-link{font:inherit;color:var(--accent);text-align:inherit;cursor:pointer;background:0 0;border:none;padding:0}.detail-byline-name:hover{text-decoration:underline}.profile-back-btn{color:var(--accent);font-size:var(--text-base);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:16px;padding:4px 0;display:inline-flex}.profile-back-btn:hover{text-decoration:underline}.my-profile-header{flex:1;min-width:0;padding-bottom:0}.my-materials-page .myspace-page-inner{gap:20px;max-width:none;margin:0;padding:0 0 48px}.my-materials-page .myspace-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px 6px}.my-materials-page .myspace-card tbody tr:last-child{border-bottom:none}#mySpacePage .myspace-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px 6px}#mySpacePage .myspace-card .myspace-row:last-child{border-bottom:none}@media (width<=768px){#mySpacePage .myspace-card{padding:16px 16px 4px}}#myspaceClayTable th:last-child,#myspaceClayTable td:last-child,#myspaceGlazeTable th:last-child,#myspaceGlazeTable td:last-child{text-align:right;width:44px}.my-materials-page .myspace-section-title-row{border-bottom:none;margin-bottom:0}.myspace-page-inner>.profile-back-btn{align-self:flex-start;margin-bottom:-32px}.myspace-page-inner>.myspace-page-title{margin-bottom:-16px}.gallery-intro{display:none}html:not(.signed-in) body.view-gallery:not(.profile-open):not(.detail-open) .gallery-intro{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);isolation:isolate;align-items:center;gap:24px;margin-bottom:24px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.gallery-intro:before{content:"";z-index:-1;background:url(/marketing/gallery-banner.webp) 50% 55%/cover no-repeat;width:40%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%);mask-image:linear-gradient(90deg,#0000,#000 55%)}.gallery-intro-copy{flex-direction:column;align-items:flex-start;gap:8px;width:calc(60% - 24px);min-width:0;display:flex}.gallery-intro-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-4xl);color:var(--text-primary);margin:0;font-weight:700;line-height:1.2}.gallery-intro-subtitle{font-family:Inter,system-ui,sans-serif;font-size:var(--text-lg);color:var(--text-secondary);margin-top:2px;font-weight:400;display:block}.gallery-intro-text{max-width:68ch;font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.55}.gallery-intro-cta-wrap{margin-top:6px;display:inline-flex;position:relative}.gallery-intro-cta{white-space:nowrap;position:relative;overflow:hidden}.gallery-intro-cta:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);animation:3.6s ease-in-out 1s infinite cta-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes cta-shine{0%{transform:translate(-100%)}35%,to{transform:translate(100%)}}.cta-sparkle{pointer-events:none;opacity:0;animation:2.4s ease-in-out infinite cta-twinkle;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0c.5 4.2 1.8 5.5 6 6-4.2.5-5.5 1.8-6 6-.5-4.2-1.8-5.5-6-6 4.2-.5 5.5-1.8 6-6Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0c.5 4.2 1.8 5.5 6 6-4.2.5-5.5 1.8-6 6-.5-4.2-1.8-5.5-6-6 4.2-.5 5.5-1.8 6-6Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.cta-sparkle.s1{background:#ff6b9a;width:20px;height:20px;top:-16px;right:-18px}.cta-sparkle.s2{background:#4da3ff;width:14px;height:14px;animation-delay:.4s;top:-18px;left:30%}.cta-sparkle.s3{background:#ffc43d;width:16px;height:16px;animation-delay:.8s;top:-12px;left:-12px}.cta-sparkle.s4{background:#5bd69a;width:12px;height:12px;animation-delay:1.2s;bottom:-8px;left:-14px}.cta-sparkle.s5{background:#a77bff;width:14px;height:14px;animation-delay:1.6s;bottom:-12px;left:55%}.cta-sparkle.s6{background:#ff9f43;width:12px;height:12px;animation-delay:2s;bottom:-6px;right:-20px}@keyframes cta-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.gallery-intro-cta:after{animation:none;display:none}.cta-sparkle{opacity:.8;animation:none}}@media (width<=768px){html:not(.signed-in) body.view-gallery:not(.profile-open):not(.detail-open) .gallery-intro{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;padding:14px}.gallery-intro:before{opacity:.45;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 30%,#000 100%)}.gallery-intro-title{font-size:var(--text-3xl)}.gallery-intro-copy{width:100%}.gallery-intro-cta-wrap{align-self:stretch}.gallery-intro-cta{flex:1;min-height:44px}.cta-sparkle.s1{right:-10px}.cta-sparkle.s6{right:-12px}}body.view-gallery .page-header,body.view-saved .page-header,body.view-journal .page-header{display:none}body.view-gallery #explorePillNav,body.view-saved #savedTabs,body.view-journal .dash-tabs{margin-top:0}.material-tabs.saved-tabs{z-index:60;background:var(--bg);border-bottom:none;margin:8px -24px 6px;padding-bottom:12px;padding-left:24px;padding-right:24px;transition:transform .25s;position:sticky;top:0}.material-tabs.saved-tabs.nav-hidden{transform:translateY(calc(-100% - 24px))}body.detail-open .material-tabs.saved-tabs,body.profile-open .material-tabs.saved-tabs{display:none!important}.saved-artists{flex-direction:column;gap:16px;display:flex}.saved-artist-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:12px;min-width:0;padding:12px;display:flex}.saved-artist-header,.saved-artist-project{text-align:left;cursor:pointer;background:0 0;border:none;min-width:0;padding:0;font-family:inherit}.saved-artist-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-artist-top .user-profile-actions{margin-left:0}.saved-artist-header{align-self:flex-start;align-items:center;gap:10px;min-width:0;display:flex}.saved-artist-header:hover .saved-artist-name{text-decoration:underline}.saved-artist-avatar{background:var(--accent);width:40px;height:40px;color:var(--accent-fg);font-size:var(--text-base);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.saved-artist-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.saved-artist-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.saved-artist-instagram{font-size:var(--text-md);color:var(--text-muted)}.saved-artist-projects{grid-template-rows:auto;grid-template-columns:repeat(auto-fill,minmax(min(170px,33.3333% - 8px),1fr));grid-auto-rows:0;gap:0 12px;display:grid;overflow:hidden}.saved-artist-project{display:block}.saved-artist-photo{aspect-ratio:1;border-radius:var(--radius-md);background:var(--border-subtle);width:100%;display:block;overflow:hidden}.saved-artist-photo img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.saved-artist-project:hover img{transform:scale(1.03)}.saved-artist-no-work{text-align:center;font-size:var(--text-md);color:var(--text-muted);background:var(--border-subtle);border-radius:var(--radius-md);padding:24px 0}.user-profile-header{align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.user-profile-avatar{background:var(--accent);width:80px;height:80px;color:var(--accent-fg);font-size:var(--text-3xl);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.user-profile-identity{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding-top:4px;display:flex}.user-profile-name{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-4xl);font-weight:600}.user-profile-instagram{font-size:var(--text-base);color:var(--text-muted);text-decoration:none}.user-profile-instagram:hover{text-decoration:underline}.table-name-link{color:inherit;text-decoration:none}.table-name-link:hover{color:var(--accent);text-decoration:underline}.user-profile-subtitle{font-size:var(--text-base);color:var(--text-muted)}.user-profile-bio{max-width:56ch;font-size:var(--text-base);color:var(--text-primary);white-space:pre-line;overflow-wrap:anywhere;margin:10px 0 0;line-height:1.5}.user-profile-stats{font-size:var(--text-md);color:var(--text-muted);flex-wrap:wrap;gap:2px 16px;margin-top:10px;display:flex}.user-profile-stat strong{color:var(--text-primary);font-weight:600}@media (width<=768px){.user-profile-header{gap:14px}.user-profile-avatar{width:64px;height:64px}.user-profile-identity{padding-top:0}}.user-profile-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.user-profile-follow-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.user-profile-follow-btn:hover{background:var(--border-subtle)}.user-profile-follow-btn[data-following=false]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.user-profile-follow-btn[data-following=false]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.user-profile-header .user-profile-follow-btn{min-width:132px;height:38px}.user-profile-header .profile-share-btn{border-color:var(--border);background:var(--surface);width:38px;height:38px}.user-profile-header .profile-settings-btn{width:40px;height:40px}.header-btn-label{display:none}@media (width<=768px){.user-profile-header{flex-wrap:wrap;row-gap:16px}.user-profile-header .user-profile-actions{flex-basis:100%;margin-left:0}.user-profile-header .user-profile-follow-btn{flex:1 1 0;min-width:0}.user-profile-header .profile-share-btn:has(.header-btn-label){border-radius:var(--radius-button);background:var(--surface);width:auto;color:var(--text-primary);font-family:Inter,sans-serif;font-size:var(--text-base);flex:1 1 0;padding:8px 16px;font-weight:500}.user-profile-header .profile-share-btn:has(.header-btn-label) svg{display:none}.user-profile-header .header-btn-label{display:inline}.user-profile-header .material-save-btn.saved .when-unsaved,.user-profile-header .material-save-btn:not(.saved) .when-saved{display:none}.user-profile-header:has(.profile-settings-btn){flex-wrap:nowrap}.user-profile-header .user-profile-actions:has(.profile-settings-btn){flex-basis:auto;margin-left:auto}}.profile-share-btn{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,border-color .14s;display:flex}.profile-share-btn:hover{background:var(--border-subtle);border-color:var(--border);color:var(--text-primary)}.profile-settings-btn{width:40px;height:40px}.profile-empty,.profile-error{text-align:center;color:var(--text-muted);padding:24px}.table-instagram-link{color:var(--text-muted);text-decoration:none}.table-instagram-link:hover,.table-user-link:hover{color:var(--accent);text-decoration:underline}.detail-save-btn{opacity:1;color:var(--text-muted);position:static;transform:none}.detail-save-btn:hover{color:var(--text-primary);background:var(--border-subtle)}.detail-save-btn.saved{color:var(--saved)}.detail-save-btn.saved svg path{fill:var(--saved);stroke:var(--saved)}@media (hover:hover){.detail-save-btn:hover svg path{stroke:var(--saved)}}.detail-save-btn:active svg path{stroke:var(--saved)}.detail-summary-actions{flex-shrink:0;align-items:flex-start;display:flex}.detail-menu-wrap{flex-shrink:0;position:relative}.detail-menu-btn{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.detail-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.detail-menu{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);min-width:130px;box-shadow:var(--shadow-popover);z-index:10;padding:4px 0;display:none;position:absolute;top:calc(100% + 6px);right:0}.detail-menu.open{animation:menu-in var(--duration-fast) var(--ease-out);display:block}.detail-menu-item{white-space:nowrap;text-align:left;width:100%;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 14px;transition:background .1s;display:flex}.detail-menu-item:hover{background:var(--border-subtle)}.detail-menu-item.danger{color:var(--danger)}.detail-menu-item .menu-item-icon{color:var(--text-secondary);flex:none}.detail-menu-item.danger .menu-item-icon{color:inherit}.detail-section{margin-bottom:24px}.detail-section-label{font-size:var(--text-sm);letter-spacing:.03em;color:var(--text-muted);margin-bottom:8px;font-weight:600}.detail-layers{flex-direction:column;display:flex;position:relative}.detail-layers.has-connector:before{content:"";background:var(--border-subtle);width:1.5px;position:absolute;top:20px;bottom:20px;left:12.25px}.detail-layer{align-items:center;gap:12px;padding:8px 2px;display:flex}.detail-layer-rail{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.detail-layer-num{z-index:1;border:1.5px solid var(--border-subtle);width:22px;height:22px;font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-raised);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.detail-layer-swatch{border-radius:var(--radius-sm);border:1.5px solid var(--border-subtle);background:var(--bg);background-position:50%;background-size:cover;flex-shrink:0;width:34px;height:34px}.detail-layer-swatch-zoomable{cursor:zoom-in}.glaze-image-zoom{z-index:var(--z-popover);pointer-events:none;filter:drop-shadow(0 8px 20px #0000002e);display:none;position:fixed}.glaze-image-zoom.open{display:block}.glaze-image-zoom-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.glaze-image-zoom-img{border-radius:var(--radius-sm);background-position:50%;background-size:cover;width:200px;height:200px}.glaze-image-zoom-arrow{z-index:-1;background:var(--surface);border:1px solid var(--border);width:18px;height:18px;top:var(--arrow-top,50%);margin-top:-8px;position:absolute;transform:rotate(45deg)}.glaze-image-zoom.point-left .glaze-image-zoom-arrow{margin-left:-8px;left:0}.glaze-image-zoom.point-right .glaze-image-zoom-arrow{margin-right:-8px;right:0}.detail-layer-info{flex:1}.detail-layer-type{font-size:var(--text-sm);letter-spacing:.02em;color:var(--text-muted);margin-bottom:2px;font-weight:400}.detail-layer-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:400}.detail-layer-link{color:inherit;text-decoration:none}.detail-layer-link:hover{color:var(--accent);text-decoration:underline}.glaze-page-swatch{border-radius:var(--radius-lg);background:var(--border-subtle);overflow:hidden}.glaze-page-swatch img{object-fit:cover;width:100%;height:100%;display:block}h1.user-profile-name{margin:0}.glaze-related-title{font-size:var(--text-lg);color:var(--text-primary);margin:32px 0 12px;font-weight:600}.material-save-btn.saved svg path{fill:var(--text-primary);stroke:var(--text-primary)}.material-save-btn svg{width:18px;height:18px}.saved-materials{padding-top:4px}.saved-materials .glaze-related-title:first-child{margin-top:8px}.glaze-card-list{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;padding-bottom:32px;display:grid}.glaze-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);color:inherit;flex-direction:column;gap:2px;min-width:0;padding:8px 8px 10px;text-decoration:none;transition:border-color .14s,box-shadow .14s;display:flex}.glaze-card:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000f}.glaze-card-swatch{aspect-ratio:1;border-radius:var(--radius-md);background:var(--border-subtle);margin-bottom:6px;overflow:hidden}.glaze-card-swatch img{object-fit:cover;width:100%;height:100%;display:block}.glaze-card-name{font-size:var(--text-md);color:var(--text-primary);overflow-wrap:anywhere;font-weight:500;line-height:1.3}.glaze-card-source{font-size:var(--text-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){.glaze-card-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.detail-layer-coats{font-size:var(--text-md);color:var(--text-muted);font-weight:400}.detail-clay-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:400}.detail-notes{font-size:var(--text-lg);color:var(--text-primary);white-space:pre-wrap;font-weight:400;line-height:1.65}.detail-attribution{border-top:1px solid var(--border-subtle);font-size:var(--text-md);color:var(--text-muted);margin-top:auto;padding-top:14px;line-height:1.5}.detail-dot{color:var(--border);margin:0 6px}.detail-attribution-date{white-space:nowrap}.carousel-btn{color:var(--text-secondary);width:34px;height:34px;font-size:var(--text-3xl);cursor:pointer;z-index:10;box-shadow:var(--shadow-sm);background:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.carousel-btn.prev{left:18px}.carousel-btn.next{right:18px}.carousel-dots{gap:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.carousel-dot{width:6px;height:6px;box-shadow:var(--shadow-on-media);cursor:pointer;background:#ffffff80;border:none;border-radius:50%;padding:0;transition:background .12s}.carousel-dot.active{background:#fff}.carousel-dot:focus-visible{outline-offset:2px;outline:2px solid #fff}.entry-table-wrap{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px 8px;overflow-x:auto}.entry-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.entry-table thead th{text-align:left;font-size:var(--text-sm);color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-weight:600}.entry-row{cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .12s}.entry-row:hover{background:var(--bg)}.entry-table tbody .entry-row:last-child{border-bottom:none}.entry-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.entry-row td{vertical-align:middle;padding:10px 12px}.col-thumb{width:64px;padding-right:4px!important}.col-title{min-width:160px}.col-clay{width:120px}.col-date{white-space:nowrap;width:100px}td.col-date{color:var(--text-muted);font-size:var(--text-md)}.col-status{width:96px}.col-actions{width:76px}.col-user{width:150px}.status-badge{border-radius:var(--radius-lg);font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.status-badge.published{background:var(--accent-tint);color:var(--accent)}.status-badge.private{background:var(--tag-cone-bg);color:var(--tag-cone-fg)}.status-badge.active{background:var(--accent-tint);color:var(--accent)}.status-badge.inactive{background:var(--tag-cone-bg);color:var(--tag-cone-fg)}.status-badge.archived{background:var(--border-subtle);color:var(--text-muted)}.table-thumb{border-radius:var(--radius-sm);width:44px;height:44px;display:block}.table-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.table-glazes{flex-wrap:wrap;gap:4px;display:flex}.mobile-clay-tag{display:none}.table-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.entry-row:hover .table-actions{opacity:1}.table-action-btn{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.table-action-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.table-action-btn.danger:hover{background:var(--danger-tint);color:var(--danger)}.table-more-wrap{display:none}.table-more-btn.card-menu-btn{opacity:1;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);position:static}.table-more-btn.card-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.table-more-menu.card-menu{top:calc(100% + 6px);right:0}.table-user{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}@media (width>=769px) and (width<=1280px){:root{--sidebar-w:60px}.sidenav{overflow:visible}.sidenav-logo{text-align:center;padding:24px 0 16px}.sidenav-logo-full{display:none}.sidenav-logo-mark{display:block}.sidenav-nav{align-items:center;width:fit-content;margin:0 12px;padding:0}.sidenav-item{justify-content:center;gap:0;width:auto;padding:8px}.sidenav-item-label{display:none}.sidenav-divider{align-self:stretch}.sidenav-bottom{flex-direction:column;align-items:center;display:flex}.sidenav-profile,.sidenav-signin-btn{justify-content:center;gap:0;width:fit-content;padding:8px}.sidenav-profile-info,.sidenav-profile-more,.sidenav-profile-menu{display:none!important}.sidenav-item,.sidenav-profile,.sidenav-signin-btn{position:relative}.sidenav-item:after,.sidenav-profile:after,.sidenav-signin-btn:after{content:attr(aria-label);background:var(--accent);color:var(--accent-fg);font-size:var(--text-md);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1;padding:4px 10px;font-weight:500;line-height:1.4;transition:opacity .12s,visibility .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.sidenav-item:hover:after,.sidenav-item:focus-visible:after,.sidenav-profile:hover:after,.sidenav-profile:focus-visible:after,.sidenav-signin-btn:hover:after,.sidenav-signin-btn:focus-visible:after{opacity:1;visibility:visible}}#studioAdminNavBtn{display:none}@media (width<=768px){.main{padding:16px 16px calc(var(--tabbar-h,70px) + 40px + 16px);margin-left:0}.card-overlay,.card-nav-btn,.card-photo-dots{display:none}.masonry-item .save-btn,.entry-card .save-btn{opacity:1;transform:none}.entry-card .card-menu-btn{opacity:1}.filter-pills-row{display:none}.main-search{flex:auto;max-width:none;margin-left:0}.main-search input::placeholder{font-size:var(--text-base)}.main-search input{padding-right:48px}.main-search-filter{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.main-search-filter:active{background:var(--border-subtle)}.main-search-filter .filters-count-badge{top:0;right:0}#filterDrawerOverlay{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-end;align-items:stretch;padding:0;transition:opacity .25s}#filterDrawerOverlay .modal.filter-drawer{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border-radius:0;transition:transform .25s;transform:translate(100%)}#filterDrawerOverlay.open .modal.filter-drawer{transform:translate(0)}#filterDrawerOverlay .filter-drawer-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:8px}#filterDrawerOverlay .filter-drawer-footer .filter-clear-btn,#filterDrawerOverlay .filter-drawer-footer .filter-apply-btn{height:44px;font-size:var(--text-lg);border-radius:var(--radius-button);flex:1;padding:0 12px}#filterDrawerOverlay .filter-drawer-footer .filter-clear-btn{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);font-weight:500}.drawer-quick-filters:not(:empty){display:block}.main-search input,.field-input,.field-select,.field-textarea,.layer-row-form input,.layer-row-form select,.layer-coats-input,.swatch-select input{font-size:16px!important}#superAdminNavBtn,#memberListNavBtn,#materialListNavBtn,#studioAdminNavBtn,#sidenavAdminDivider{display:none}.sidenav{border-right:none;border-top:1px solid var(--border);width:100%;height:auto;padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));z-index:var(--z-tabbar);flex-direction:row;align-items:stretch;transition:transform .25s;inset:auto 0 0;overflow-x:auto}.sidenav-logo{display:none}.sidenav-nav,.sidenav-bottom{display:contents}.sidenav-item{width:auto;font-size:var(--text-sm);text-align:center;white-space:nowrap;flex-direction:column;flex:1 0 56px;justify-content:center;gap:4px;padding:4px 2px}.sidenav-item svg{width:20px;height:20px}.sidenav-profile,.sidenav-signin-btn{flex-direction:column;flex:1 0 56px;justify-content:center;gap:4px;width:auto;min-width:0;padding:4px 2px}.sidenav-profile-info{text-align:center;flex:none;max-width:100%}.sidenav-profile-more,.sidenav-profile-menu{display:none!important}.sidenav-profile-studio{display:none}.sidenav-profile-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.nav-avatar{width:24px;height:24px;font-size:var(--text-2xs);margin:0 auto}body.detail-open .main{padding-bottom:0}body.detail-open .sidenav{display:none}.entry-detail-photo-col .carousel-btn{display:none!important}body.detail-open .app-layout{min-height:0}body.detail-open{overflow:hidden}html:has(body.detail-open){overflow:hidden}.entry-detail-page{z-index:50;flex-direction:column;align-items:stretch;height:auto;min-height:0;margin:0;position:fixed;inset:0}.entry-detail-page.detail-entering{animation:.32s cubic-bezier(.2,.8,.2,1) detailPageIn}.entry-detail-page.detail-leaving{pointer-events:none;z-index:70;animation:.24s forwards detailPageOut}@keyframes detailPageIn{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:none}}@keyframes detailPageOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(40px)scale(.98)}}.entry-detail-close{top:calc(14px + env(safe-area-inset-top,0px));z-index:30;touch-action:manipulation}.entry-detail-close:before{content:"";border-radius:50%;position:absolute;inset:-5px}.entry-detail-photo-col{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;height:auto;min-height:0;padding:12px;position:relative}.entry-detail-rail{display:none}.detail-mobile-summary{padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--surface-raised);border-top:1px solid var(--border);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;cursor:pointer;flex:none;display:block}.detail-sheet-handle{border-radius:var(--radius-xs);background:var(--border);width:36px;height:4px;margin:0 auto 10px}.detail-summary-top{align-items:flex-start;gap:10px;display:flex}.detail-summary-text{flex:1;min-width:0}.detail-summary-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-2xl);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.25;overflow:hidden}.detail-summary-byline{font-size:var(--text-md);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.detail-mobile-summary .detail-save-btn{margin:-6px -8px 0 0}.detail-chips{scrollbar-width:none;gap:6px;margin:10px -16px 0;padding:0 16px;display:flex;overflow-x:auto}.detail-chips::-webkit-scrollbar{display:none}.detail-chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);height:30px;font-size:var(--text-md);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 4px;display:inline-flex}.detail-chip-plain{padding-left:12px}.detail-chip-swatch{background:var(--border-subtle);border:1px solid var(--border-subtle);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.entry-detail-info-col{z-index:260;width:100%;height:62svh;min-height:0;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:none;border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);border-left:none;align-self:auto;transition:transform .28s,height .28s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.entry-detail-info-col:before{content:"";border-radius:var(--radius-xs);background:var(--border);width:36px;height:4px;margin-left:-18px;position:absolute;top:9px;left:50%}body.detail-sheet-open .entry-detail-info-col{transform:translateY(0)}.entry-detail-info-col .detail-title-row{align-items:flex-start;margin-bottom:2px}.entry-detail-info-col .detail-title{font-size:var(--text-2xl);line-height:1.25}.entry-detail-info-col .detail-save-btn{margin:-6px 0 0}.entry-detail-info-col .detail-save-btn:last-child{margin-right:-8px}.entry-detail-info-col .detail-title-actions{align-items:flex-start;height:22px}.entry-detail-info-col .detail-menu-wrap{margin-top:-3px}.entry-detail-info-col .detail-title-row .status-badge{margin-top:4px}.entry-detail-info-col .detail-byline{margin-top:0}.entry-detail-info-col .detail-title-row.no-byline{margin-bottom:24px}@keyframes detailSheetIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}body.detail-sheet-open .entry-detail-info-col>.detail-section,body.detail-sheet-open .entry-detail-info-col>.detail-attribution{animation:.3s 80ms both detailSheetIn}body.detail-sheet-full .entry-detail-info-col{height:92svh}.detail-sheet-backdrop{z-index:250;opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;display:block;position:fixed;inset:0}body.detail-sheet-open .detail-sheet-backdrop{opacity:1;pointer-events:auto}body.detail-sheet-closing .detail-sheet-backdrop{opacity:0;pointer-events:none}.detail-photo-ghost{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.detail-swipe-hint{border-radius:var(--radius-pill);color:var(--on-media);font-size:var(--text-md);white-space:nowrap;pointer-events:none;z-index:6;background:#0009;padding:8px 14px;font-weight:500;transition:opacity .4s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.detail-swipe-hint.fade-out{opacity:0}.entry-detail-photo-col{touch-action:pan-x}#profileOverlay{justify-content:stretch;align-items:stretch;padding:0}#profileOverlay .modal{border-radius:0;width:100%;max-width:none;height:100%;max-height:100%}#profileOverlay .modal-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}#glazeCardOverlay{justify-content:stretch;align-items:stretch;padding:0}#glazeCardOverlay .modal{border-radius:0;width:100%;max-width:none;height:100%;max-height:100%}#glazeCardOverlay .modal-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}#glazeCardOverlay .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}#glazeCardOverlay .glaze-card-body{padding:12px 16px 16px}#glazeCardOverlay .modal-footer .btn{flex:1;min-height:44px}#profileOverlay .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}#editOverlay{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:stretch;align-items:stretch;padding:0}body:has(#editOverlay.open) #appLayout{visibility:hidden}#editOverlay.open:after{content:"";background:var(--bg);pointer-events:none;height:100vh;position:absolute;top:100%;left:0;right:0}#editOverlay .edit-modal{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;background:var(--bg);-webkit-overflow-scrolling:touch;border-radius:0;overflow-y:auto;transform:none}#editOverlay .modal-header{padding:calc(18px + env(safe-area-inset-top,0px)) 16px 4px;background:0 0;border-bottom:none;flex-shrink:0;position:static}#editOverlay .edit-modal-body{flex:1 0 auto;overflow:visible}#editOverlay .edit-modal-scroll{padding:12px 16px 16px}#editOverlay .modal-footer{z-index:20;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));margin-top:auto}#editOverlay .modal-footer .btn{height:44px;font-size:var(--text-lg);flex:1}#addOverlay{left:0}body:has(#addOverlay.open) #appLayout{visibility:hidden}#addOverlay.open:after{content:"";background:inherit;pointer-events:none;height:100vh;position:absolute;top:100%;left:0;right:0}#addOverlay .modal-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}#addOverlay .modal-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.add-wizard-modal{-webkit-overflow-scrolling:touch;overflow-y:auto}.add-wizard-modal>.modal-header{flex-shrink:0}.add-wizard-body{flex:1 0 auto;overflow:visible}.add-wizard-modal .modal-footer{z-index:20;margin-top:auto}#addOverlay .modal-header,#addOverlay .add-wizard-body,#addOverlay .modal-footer{padding-left:16px;padding-right:16px}#addOverlay .add-wizard-footer-buttons .btn{height:44px;font-size:var(--text-lg);flex:1;justify-content:center;align-items:center;gap:4px;display:inline-flex}#addBackBtn,#addCancelBtn{margin-right:0}.add-group-card{flex-direction:column}.add-group-photo{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%}.add-item-photos{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.add-item-photo-thumb,.add-item-add-photo{aspect-ratio:1;width:auto;height:auto}.entry-grid{grid-template-columns:repeat(2,1fr);gap:8px}.masonry-grid,.masonry-col{gap:8px}#entryGrid,#profileWorksGrid{margin-left:-8px;margin-right:-8px}.material-tabs.saved-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.page-header{flex-wrap:wrap;gap:10px 12px}.page-header-select{width:100%;max-width:none;margin-left:0}.admin-card{padding:16px}.my-materials-page .myspace-card{padding:16px 16px 4px}#myspaceClayTable,#myspaceGlazeTable{overflow-x:auto}#myspaceClayTable th:first-child,#myspaceClayTable td:first-child,#myspaceClayTable th:nth-child(3),#myspaceClayTable td:nth-child(3),#myspaceClayTable th:nth-child(4),#myspaceClayTable td:nth-child(4),#myspaceClayTable th:nth-child(6),#myspaceClayTable td:nth-child(6),#myspaceGlazeTable th:first-child,#myspaceGlazeTable td:first-child,#myspaceGlazeTable th:nth-child(3),#myspaceGlazeTable td:nth-child(3),#myspaceGlazeTable th:nth-child(6),#myspaceGlazeTable td:nth-child(6){display:none}#myspaceClayTable td,#myspaceGlazeTable td{white-space:normal}#myspaceClayTable .name-wide{display:none}#myspaceClayTable .name-narrow{display:inline}#myspaceClayTable th:nth-child(7),#myspaceClayTable td:nth-child(7){width:48px}#myspaceClayTable th:nth-child(8),#myspaceClayTable td:nth-child(8){width:60px}#saStudiosList,#saUsersList,#saGlazeList,#saClayList,#saFeedbackList,#memberListDetail,#materialTabGlaze,#materialTabClay{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{width:auto;min-width:100%}.admin-table th,.admin-table td{white-space:nowrap}.admin-table td.sa-feedback-message{white-space:pre-wrap;min-width:220px}.entry-table-wrap{background:0 0;border:none;border-radius:0;padding:0;overflow-x:visible}.entry-table{border-spacing:0 8px;width:100%}.entry-table thead{display:none}.entry-table,.entry-table tbody{display:block}.entry-row{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);grid-template-rows:auto auto 1fr;grid-template-columns:160px minmax(0,1fr);align-items:start;gap:0 10px;margin-bottom:8px;padding:0 36px 0 0;display:grid;position:relative}.entry-row td{padding:0;display:block}.col-thumb{grid-area:1/1/span 3;align-self:stretch;width:100%;padding-right:0!important}.col-thumb .table-thumb{border-radius:var(--radius-lg) 0 0 var(--radius-lg);object-fit:cover;min-height:160px;display:block;width:100%!important;height:100%!important}.entry-row td.col-user{padding-top:10px}.entry-row td.col-glazes{padding:0 0 10px 10px}.col-title{grid-area:1/2;width:auto;min-width:0}.col-user{grid-area:1/2;justify-self:end}.entry-row td.col-actions{display:contents}.col-clay{grid-area:2/2;width:auto;min-width:0}.entry-row td.col-date,.entry-row td.col-status{display:none}.col-glazes{grid-area:3/2;min-width:0}.col-clay .tag,.table-glazes{color:var(--text-secondary);font-size:var(--text-md);line-height:1.6}.col-clay .tag{display:inline}.table-glazes{white-space:normal;overflow-wrap:anywhere;display:block}.col-clay .tag,.table-glazes .tag,.table-glazes .layer-pill{color:inherit;font-size:inherit;white-space:normal;background:0 0;border-radius:0;padding:0;font-weight:400;display:inline}.table-glazes .tag.mobile-clay-tag{display:none}.table-glazes{overflow-wrap:normal}.table-glazes .layer-pill{max-width:100%;margin-right:.3em;display:inline-block}.table-actions{display:none}.table-more-wrap{display:block;position:absolute;top:6px;right:6px}.table-more-btn.card-menu-btn{background:0 0;border:none}.table-more-btn.card-menu-btn:hover{background:var(--border-subtle)}.entry-table-wrap{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 4px}.entry-table{border-spacing:0}.entry-row{border-radius:var(--radius-lg);background:0 0;border:none;grid-template-rows:auto auto 1fr;grid-template-columns:104px minmax(0,1fr);align-items:start;column-gap:12px;margin:0;padding:8px 40px 8px 8px}.entry-row:hover{background:var(--bg)}.col-thumb{grid-row:1/span 3;align-self:start}.col-thumb .table-thumb{border-radius:var(--radius-md);min-height:0;width:104px!important;height:104px!important}.entry-row td.col-title{padding:0 0 2px}.entry-row td.col-clay,.entry-row td.col-glazes{padding:0}.entry-row .table-title{font-family:inherit;font-size:var(--text-base);font-weight:600}.col-clay .tag,.table-glazes{font-size:var(--text-md);line-height:1.5}.table-glazes{flex-wrap:wrap;gap:2px 12px;display:flex}.table-glazes .tag:not(:last-child):after,.table-glazes .layer-pill:not(:last-child):after{content:none}.table-glazes .layer-pill{margin-right:0}.col-clay .tag,.table-glazes .layer-pill{align-items:center;display:inline-flex}.entry-row .glaze-color-dot{border:1px solid var(--border);flex:none;width:12px;height:12px;margin-right:6px}.table-more-wrap{top:8px;right:4px}}#authOverlay{padding:64px}.modal.auth-modal{width:100%;max-width:1080px;height:calc(100dvh - 128px);max-height:740px;display:flex;overflow:hidden}.auth-visual{background:var(--artwork-bg) url(/marketing/sign-in-bg.webp) center / cover no-repeat;flex:auto;min-width:0;position:relative;container-type:size}.auth-slides{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;position:absolute;inset:0;overflow-x:auto}.auth-slides::-webkit-scrollbar{display:none}.auth-slide{scroll-snap-align:start;flex:0 0 100%;position:relative;container-type:size}.auth-slide-dots{gap:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.auth-slide-dot{width:6px;height:6px;box-shadow:var(--shadow-on-media);cursor:pointer;background:#ffffff80;border:none;border-radius:50%;padding:0;transition:background .12s}.auth-slide-dot.active{background:#fff}.auth-visual-recipe{aspect-ratio:1;width:min(100cqw,100cqh);position:absolute;top:50%;left:0;transform:translateY(-50%)}.auth-visual-recipe img{width:100%;height:100%;display:block}.modal.auth-modal{position:relative}.auth-panel .modal-header{z-index:2;background:0 0;border-bottom:none;padding:16px;position:absolute;top:0;right:0}.auth-heading{text-align:left;flex-direction:column;align-self:stretch;gap:6px;margin-bottom:4px;display:flex}.auth-heading .auth-tagline{text-align:left;font-size:var(--text-xl);line-height:1.5}#authModalTitle{font-size:var(--text-5xl);line-height:1.2}@media (width<=768px){#authModalTitle{font-size:var(--text-4xl)}.auth-heading,.auth-heading .auth-tagline{text-align:center}.auth-heading .auth-tagline{font-size:var(--text-lg)}}.auth-panel{flex-direction:column;flex:0 0 clamp(360px,40%,420px);justify-content:flex-start;min-width:0;display:flex;overflow-y:auto}.auth-panel .auth-modal-body{flex:1;justify-content:center;width:100%;max-width:400px;margin:0 auto}@media (width<=768px){#authOverlay{z-index:calc(var(--z-tabbar) + 1);padding:32px}.modal.auth-modal{flex-direction:column;height:auto;max-height:min(740px,100dvh - 64px)}.auth-visual{aspect-ratio:4/3;flex:0 auto;min-height:0}.auth-visual-recipe{aspect-ratio:auto;width:100%;height:100%;inset:0;transform:none}.auth-visual-recipe img{object-fit:cover;object-position:center}.auth-panel{display:contents}.auth-panel .auth-modal-body{flex:none}}.auth-modal-body{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 24px 32px;display:flex}.auth-tagline{font-size:var(--text-base);color:var(--text-secondary);margin:0}.auth-google-btn{border:1px solid var(--border);border-radius:var(--radius-button);background:var(--surface);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.auth-google-btn:hover{background:var(--border-subtle);border-color:var(--text-muted)}.auth-divider{width:100%;font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-email-form{flex-direction:column;gap:10px;width:100%;display:flex}.auth-error{font-size:var(--text-sm);color:var(--danger);text-align:left}.auth-email-submit{width:100%}.auth-signup-link{color:var(--accent);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:2px}.auth-signup-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-signup-link:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.auth-modal-body:not(.check-email)>.auth-check-email,.auth-modal-body.check-email>:not(.auth-check-email){display:none}.auth-check-email{flex-direction:column;align-self:stretch;gap:12px;display:flex}.auth-check-email-hint{font-size:var(--text-sm);color:var(--text-secondary);text-align:left;margin:0}.auth-check-email-hint .auth-signup-link{font-size:inherit;padding:0}.auth-check-email-status{font-size:var(--text-sm);color:var(--text-muted);text-align:left;margin:0}.auth-check-email-status:empty{display:none}.sidenav-profile[onclick]{cursor:pointer}.profile-modal{max-width:420px}.glaze-card-modal{flex-direction:column;max-width:560px;height:90vh;display:flex;overflow:hidden}.glaze-card-body{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding:8px 24px 20px;display:flex}.glaze-card-preview{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;container-type:size}.glaze-card-preview img,.glaze-card-loading{aspect-ratio:2/3;border-radius:var(--radius-md);width:min(100cqw,66.6667cqh);box-shadow:var(--shadow-md);display:block}.glaze-card-loading{background:var(--border-subtle);animation:1.2s ease-in-out infinite alternate glaze-card-pulse}.glaze-card-preview img{transition:opacity .15s}.glaze-card-preview img.updating{opacity:.5}.glaze-card-photos{flex-shrink:0;gap:8px;max-width:100%;padding:2px;display:flex;overflow-x:auto}.glaze-card-photos[hidden]{display:none}@media (width>=769px){.glaze-card-body{flex-direction:row;justify-content:center;align-items:stretch;gap:24px}.glaze-card-preview{aspect-ratio:2/3;flex:0 auto;width:auto}.glaze-card-body:has(.glaze-card-photos:not([hidden])):before{content:"";flex:0 0 56px}.glaze-card-photos{flex-direction:column;justify-content:safe center;max-width:none;max-height:100%;overflow:hidden auto}}.glaze-card-photo{border-radius:var(--radius-md);background:var(--border-subtle);cursor:pointer;border:2px solid #0000;flex:none;width:52px;height:52px;padding:0;overflow:hidden}.glaze-card-photo.active{border-color:var(--accent)}.glaze-card-photo img{object-fit:cover;width:100%;height:100%;display:block}@keyframes glaze-card-pulse{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){.glaze-card-loading{animation:none}}.btn-danger{background:var(--danger);color:var(--accent-fg)}.btn-danger:hover{background:var(--danger-hover)}.profile-modal-body{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.profile-photo-field{align-items:center;gap:16px;display:flex}.profile-photo-preview{width:64px;height:64px;font-size:var(--text-xl)}.profile-photo-actions{flex-wrap:wrap;gap:8px;display:flex}.avatar-photo{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.ns-config-section{flex-direction:column;gap:16px;display:flex}.ns-config-section .toggle-row{padding:0}.ns-admin-row{align-items:center;gap:8px;padding:6px 0;display:flex}.ns-admin-row+.ns-admin-row{border-top:1px solid var(--border-subtle)}.ns-admin-name{font-size:var(--text-md);color:var(--text-primary)}.ns-admin-email{font-size:var(--text-xs);color:var(--text-muted)}.profile-avatar-display{background:var(--accent);width:48px;height:48px;color:var(--accent-fg);text-transform:uppercase;font-size:var(--text-md);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-readonly-value{color:var(--text-muted);font-size:var(--text-base);padding:8px 10px}.profile-instagram-link{color:var(--accent);text-decoration:none}.profile-instagram-link:hover{color:var(--accent-hover);text-decoration:underline}.profile-studio-list{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.profile-studio-chip.pending{background:var(--border-subtle);color:var(--text-secondary);flex-basis:100%;align-items:flex-start;padding-top:6px;padding-bottom:6px}.profile-studio-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-studio-pending{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.profile-studio-pending svg{flex-shrink:0}.member-list-header{margin-bottom:12px}.member-requests-btn{align-items:center;gap:8px;display:inline-flex}.member-requests-count{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;height:20px;color:var(--accent-fg);font-size:var(--text-xs);justify-content:center;align-items:center;padding:0 6px;font-weight:600;display:inline-flex}.status-badge.pending{background:var(--warning-bg);color:var(--warning-fg);white-space:nowrap}.status-badge.declined{background:var(--border-subtle);color:var(--text-muted)}.member-row-declined td:not(.col-status):not(.col-actions){color:var(--text-muted)}.member-requests-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 8px}.member-request-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}#joinRequestsBody{background:var(--bg);border-radius:0 0 var(--radius-dialog) var(--radius-dialog)}.member-request{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.member-request-who{flex-direction:column;min-width:0;display:flex}.member-request-name{color:var(--text-primary);font-weight:500}.member-request-meta{font-size:var(--text-sm);color:var(--text-muted);overflow-wrap:anywhere}.member-request-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=768px){.member-request{flex-direction:column;align-items:stretch}.member-request-actions .btn{flex:1}}.profile-studio-chip{background:var(--tag-studio-bg);color:var(--tag-studio-fg);border-radius:var(--radius-sm);font-size:var(--text-base);align-items:center;gap:6px;padding:4px 6px 4px 10px;display:flex}.profile-studio-chip button{color:inherit;opacity:.7;cursor:pointer;font-size:var(--text-sm);background:0 0;border:none;padding:2px;line-height:1}.profile-studio-chip button:hover{opacity:1}.sa-user-studios{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sa-user-studios .profile-studio-chip{font-size:var(--text-sm);padding:2px 4px 2px 8px}.assign-studio-who{font-size:var(--text-base);color:var(--text-secondary);margin:0}.profile-studio-add-row{gap:8px;display:flex}.profile-studio-add-row .field-input{flex:1}@media (width<=768px){.profile-studio-add-btn{flex-basis:100%}}.profile-signout-btn{color:var(--accent);font-family:inherit;font-size:var(--text-md);cursor:pointer;background:0 0;border:none;padding:6px 4px}.profile-signout-btn:hover{text-decoration:underline}.admin-page{margin-top:14px}.sa-feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;min-width:240px}.sa-feedback-email{font-size:var(--text-sm);color:var(--text-muted)}.sa-feedback-handled td{color:var(--text-muted)}.sa-feedback-handled .sa-feedback-message{text-decoration:line-through}.admin-table .col-check{text-align:center;width:56px}.admin-table .col-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.sa-feedback-toggle{font-size:var(--text-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.sa-feedback-toggle input{accent-color:var(--accent)}.sa-tab-count:not(:empty){border-radius:var(--radius-pill);background:var(--accent);color:var(--surface);font-size:var(--text-xs);vertical-align:2px;margin-left:4px;padding:1px 7px;font-weight:600}.admin-wrap{flex-direction:column;gap:16px;display:flex}.admin-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}.admin-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-card-header h3{font-size:var(--text-lg);font-weight:600}.admin-card-header select{max-width:260px}.admin-card-header-actions{align-items:center;gap:8px;display:flex}.material-tabs,.studio-admin-tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:14px;display:flex}.material-tab,.studio-admin-tab{font-family:inherit;font-size:var(--text-xl);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 0 8px;font-weight:500;transition:color .12s;position:relative}.material-tab:after,.studio-admin-tab:after{content:"";background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.material-tab.active:after,.studio-admin-tab.active:after{transform:none}.material-tab:hover,.studio-admin-tab:hover{color:var(--text-primary)}.material-tab:focus:not(:focus-visible),.studio-admin-tab:focus:not(:focus-visible){outline:none}.material-tab.active,.studio-admin-tab.active{color:var(--accent);font-weight:600}.admin-list{flex-direction:column;gap:6px;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.admin-table thead th{text-align:left;font-size:var(--text-sm);color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px;font-weight:600}.admin-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .12s}.admin-table tbody tr:hover{background:var(--surface)}.admin-table td{vertical-align:middle;padding:8px 10px}.admin-table .col-name{width:200px;min-width:140px}.admin-table td.col-name{white-space:normal;word-break:break-word}.admin-table .col-code{width:100px}.admin-table td.col-code{color:var(--text-muted)}.admin-table .col-date{white-space:nowrap;width:96px}.admin-table td.col-date{color:var(--text-muted);font-size:var(--text-md)}.admin-table .col-count{width:76px}.admin-table td.col-count{text-align:center;color:var(--text-secondary)}.admin-table .col-role{width:90px}.admin-table td.col-role{color:var(--text-secondary)}.admin-table .col-type{width:140px}.admin-table td.col-type{color:var(--text-secondary)}.admin-table .col-swatch{width:40px}.admin-table .col-image{text-align:center;width:48px}.admin-table th.col-actions{width:110px}.admin-table td.col-actions{justify-content:flex-end;align-items:center;gap:4px;width:110px;display:flex}.admin-remove-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;transition:background .12s,color .12s}.admin-remove-btn:hover{background:var(--border-subtle);color:var(--danger)}.glaze-swatch{appearance:none;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;padding:0}.glaze-swatch::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}.glaze-swatch::-webkit-color-swatch{border:none;border-radius:50%}.glaze-swatch::-moz-color-swatch{border:none;border-radius:50%}.catalog-swatch{border:1px solid var(--border);border-radius:50%;width:22px;height:22px;display:inline-block}.catalog-thumb-zoomable{cursor:zoom-in}.catalog-thumb{border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;width:32px;height:32px;display:inline-block}.cell-empty{color:var(--text-muted);opacity:.6}.cell-muted{color:var(--text-muted)}.col-center{text-align:center}.catalog-thumb-empty{text-align:center;width:32px;height:32px;color:var(--text-muted);line-height:32px;display:inline-block}.material-image-upload{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.field .material-image-upload{justify-content:flex-start}.material-image-file-input{display:none}.material-image-upload-btn{border:1px solid var(--border);border-radius:var(--radius-button);height:28px;color:var(--text-secondary);font-size:var(--text-md);cursor:pointer;background:0 0;padding:0 10px;transition:background .12s,color .12s}.material-image-upload-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.material-image-thumb-btn{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.material-image-upload.has-image .catalog-thumb{transition:opacity .12s}.material-image-thumb-btn:hover .catalog-thumb{opacity:.8}.material-image-remove{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;transition:background .12s,color .12s}.material-image-remove:hover{background:var(--border-subtle);color:var(--danger)}.admin-row-menu-wrap{flex-shrink:0;position:relative}.admin-row-menu-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.admin-row-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.admin-row-menu{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);min-width:140px;box-shadow:var(--shadow-popover);z-index:10;padding:4px 0;display:none;position:absolute;top:calc(100% + 4px);right:0}.admin-row-menu.open{display:block}.admin-row-menu-item{text-align:left;width:100%;font-family:inherit;font-size:var(--text-md);color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px 14px;transition:background .1s;display:block}.admin-row-menu-item:hover{background:var(--border-subtle)}.admin-row-menu-item.danger{color:var(--danger)}.admin-add-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.admin-add-row .field-input,.admin-add-row .field-select,.admin-add-row .swatch-select{flex:1;min-width:120px;max-width:140px}.admin-add-row .swatch-select-wide{flex:3;max-width:none}.admin-empty{font-size:var(--text-md);color:var(--text-muted);padding:6px 0}.admin-search{max-width:280px}.admin-table-foot{font-size:var(--text-sm);color:var(--text-muted);margin-top:8px}.studio-settings-field{margin-bottom:14px}.studio-settings-select{max-width:200px}.studio-settings-note{margin-top:4px}.invite-email-help{font-size:var(--text-base);color:var(--text-secondary);margin:0}.invite-qr-modal{max-width:380px}.invite-qr-body{text-align:center;align-items:center}.invite-qr-help{font-size:var(--text-base);color:var(--text-secondary);margin:0}.invite-qr-code canvas,.invite-qr-loading{border-radius:var(--radius-md);width:240px;height:240px;display:block}.invite-qr-loading{background:var(--border-subtle)}.invite-qr-studio-code{font-size:var(--text-base);color:var(--text-primary);letter-spacing:.02em;margin:-4px 0 0;font-weight:600}.invite-qr-body .studio-invite-link-row{width:100%}.studio-invite-section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.studio-invite-label{margin-bottom:8px}.studio-invite-help{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 10px}#studioInviteMsg{margin-top:6px}.admin-loading{font-size:var(--text-md);color:var(--text-muted);padding:12px 0}.scroll-top-btn{z-index:90;border:1px solid var(--border);background:var(--surface-raised);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,opacity .2s;display:flex;position:fixed;bottom:28px;right:24px}.scroll-top-btn:hover{background:var(--border-subtle);color:var(--text-primary)}@media (width<=768px){.scroll-top-btn{bottom:calc(var(--tabbar-h,76px) + 12px);right:16px}}.myspace-page-inner{flex-direction:column;gap:40px;max-width:880px;margin:0 auto;padding:32px 24px 48px;display:flex}.myspace-page-footer{justify-content:flex-start;padding-top:4px;display:flex}@media (width<=768px){#mySpacePage{margin-top:0}.myspace-page-inner{gap:32px;padding:0 0 24px}.myspace-page-inner>.profile-back-btn{margin-bottom:-16px}.myspace-page-footer .profile-signout-btn{padding-left:0;padding-right:0}}.myspace-section-title{font-size:var(--text-xl);color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:12px;font-weight:700}.myspace-section-title-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex}.myspace-section-title-row .myspace-section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.myspace-identity-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.myspace-identity-name{flex:1;min-width:0}.myspace-name-display{font-size:var(--text-lg);color:var(--text-primary);padding:0;font-weight:600}.myspace-edit-btn{color:var(--accent);font-family:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-button);background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.myspace-edit-btn .menu-item-icon{width:14px;height:14px;color:inherit}.myspace-edit-btn:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-hover)}.myspace-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.myspace-card>.myspace-row:last-child{border-bottom:none}.myspace-row-wrap{align-items:flex-start}.myspace-feedback-text{font-size:var(--text-md);color:var(--text-secondary)}.myspace-row-label{font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-muted);flex-shrink:0;padding-top:2px;font-weight:600}.myspace-row-value{text-align:right;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.myspace-row-value .profile-readonly-value{padding:0}.profile-bio-value{white-space:pre-line;overflow-wrap:anywhere}.myspace-row-wrap .myspace-row-value-wrap{flex-direction:column;flex:1;align-items:stretch;gap:6px}.myspace-row-wrap .profile-studio-list{justify-content:flex-end;margin-bottom:0}.myspace-row-wrap #profileStudioAddTrigger{text-align:right}.myspace-row-wrap .profile-studio-chip.pending{flex-basis:auto}.myspace-row-wrap .profile-studio-text{align-items:flex-end}.myspace-table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.myspace-table th{text-align:left;font-size:var(--text-sm);color:var(--text-muted);border-bottom:1px solid var(--border);padding:4px 6px;font-weight:600}.myspace-table td{border-bottom:1px solid var(--border-subtle,var(--border));vertical-align:middle;padding:6px}.myspace-table tr:last-child td{border-bottom:none}.myspace-table .default-radio{cursor:pointer;accent-color:var(--accent)}.myspace-table .del-btn{color:var(--text-muted);cursor:pointer;font-size:var(--text-base);border-radius:var(--radius-sm);opacity:.6;background:0 0;border:none;padding:2px 4px}.myspace-table .del-btn:hover{color:var(--danger);opacity:1}.myspace-table .glaze-swatch{border:1px solid var(--border);vertical-align:middle;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-right:4px;display:inline-block}.myspace-empty{font-size:var(--text-sm);color:var(--text-muted);padding:8px 0}.studio-settings-body{flex-direction:column;gap:2px;padding:8px 0 4px;display:flex}.studio-invite-link-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-invite-input{min-width:200px;color:var(--text-muted);background:var(--surface);cursor:text;-webkit-user-select:all;user-select:all;flex:1;font-family:monospace;font-size:var(--text-sm)!important}@media (width<=768px){html.pwa .sidenav{padding-bottom:max(24px, calc(6px + env(safe-area-inset-bottom,0px)))}html.pwa .detail-mobile-summary{padding-bottom:calc(14px + max(24px, env(safe-area-inset-bottom,0px)))}html.pwa .entry-detail-info-col{padding-bottom:calc(24px + max(24px, env(safe-area-inset-bottom,0px)))}html.pwa #addOverlay .modal-footer,html.pwa #editOverlay .modal-footer{padding-bottom:calc(14px + max(24px, env(safe-area-inset-bottom,0px)))}}@media (hover:none){.masonry-item:hover,.entry-card:hover{transform:none}}.install-sheet{z-index:var(--z-install);pointer-events:none;position:fixed;inset:0}.install-sheet.open{pointer-events:auto}.install-backdrop{opacity:0;background:#00000052;transition:opacity .35s;position:absolute;inset:0}.install-sheet.open .install-backdrop{opacity:1}.install-panel{background:var(--surface-raised);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.install-sheet.open .install-panel{transform:none}.install-head{align-items:center;gap:12px;display:flex}.install-icon{border-radius:var(--radius-xl);width:52px;height:52px;box-shadow:var(--shadow-md);flex:none}.install-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.install-sub{font-size:var(--text-base);color:var(--text-secondary);margin-top:2px}.install-text{font-size:var(--text-base);color:var(--text-secondary);margin:16px 0 0}.install-steps{flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.install-steps li{font-size:var(--text-lg);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;line-height:1.5;display:flex}.install-step-num{background:var(--accent);width:22px;height:22px;color:var(--surface-raised);font-size:var(--text-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-right:4px;font-weight:600;display:inline-flex}.install-chip{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);font-size:var(--text-base);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-weight:500;display:inline-flex}.install-step-body{flex-direction:column;gap:4px;min-width:0;display:flex}.install-step-line{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.install-step-hint{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.install-steps li:has(.install-step-body){align-items:flex-start}.install-steps li:has(.install-step-body) .install-step-num{margin-top:1px}.install-actions{gap:8px;margin-top:20px;display:flex}.install-actions .btn{height:44px;font-size:var(--text-lg);white-space:nowrap;flex:1}@media (prefers-reduced-motion:reduce){.install-panel,.install-backdrop{transition:none}}@media (width<=768px){html,body{overscroll-behavior-y:none}}.toast{top:calc(16px + env(safe-area-inset-top,0px));z-index:var(--z-toast);border-radius:var(--radius-lg);background:var(--accent);width:max-content;max-width:min(440px,100vw - 32px);color:var(--accent-fg);font-size:var(--text-base);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;align-items:center;gap:12px;padding:10px 12px 10px 16px;line-height:1.4;transition:opacity .18s,transform .18s;display:flex;position:fixed;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast-error{background:var(--danger)}.toast-text{flex:1}.toast-action{border-radius:var(--radius);color:inherit;font:inherit;cursor:pointer;background:#ffffff24;border:none;flex:none;padding:6px 10px;font-weight:600}.toast-action:hover{background:#ffffff3d}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.confirm-overlay{z-index:var(--z-confirm);padding:16px}.modal.confirm-modal{border-radius:var(--radius-dialog);width:min(400px,100vw - 32px);max-width:none;height:auto;max-height:none;padding:20px}.confirm-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.confirm-message{font-size:var(--text-base);color:var(--text-secondary);flex-direction:column;gap:12px;margin-top:8px;line-height:1.5;display:flex}.confirm-message ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.confirm-message .confirm-note{color:var(--text-muted)}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.confirm-actions .btn{min-width:88px;height:40px}.load-more-status{font-size:var(--text-md);color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:24px 0 32px;display:flex}.load-more-spinner{border:2px solid var(--border);border-top-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite load-more-spin}@keyframes load-more-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.load-more-spinner{animation-duration:2.4s}}.dash{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;gap:12px;display:grid}body.detail-open #myDashboardPage{display:none!important}.dash-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.cal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.cal-month{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-4xl);font-weight:600;line-height:1.1}.cal-nav{align-items:center;gap:0;display:flex}.cal-nav-label{border-radius:var(--radius-pill);background:var(--bg);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;padding:4px 10px}.cal-nav-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;display:inline-flex}.cal-nav-btn:hover:not(:disabled){background:var(--border-subtle);color:var(--text-primary)}.cal-nav-btn:disabled{opacity:.35;cursor:default}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal-weekday{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding-bottom:4px;font-weight:600}.cal-cell{aspect-ratio:1;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cal-empty{background:var(--bg)}.cal-add{cursor:pointer;transition:background var(--duration-fast);border:none;padding:0;font-family:inherit}.cal-add:hover{background:var(--border-subtle)}@media (hover:hover){.cal-add:hover span{font-size:0}.cal-add:hover span:before{content:"+";font-size:var(--text-xl);color:var(--text-secondary)}}.cal-add:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cal-has{background:var(--border-subtle);cursor:pointer;outline-offset:2px;border:none;padding:0}.cal-has img{object-fit:cover;width:100%;height:100%;transition:transform .15s;display:block}.cal-has:hover img{transform:scale(1.05)}.cal-has.selected{outline:2px solid var(--accent)}.cal-today>span:not(.cal-more){color:var(--text-primary);font-weight:700;position:relative}.cal-today>span:not(.cal-more):after,.cal-has.cal-today:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;left:50%}.cal-today>span:not(.cal-more):after{margin-top:2px;top:100%}.cal-has.cal-today:after{background:var(--on-media);box-shadow:var(--shadow-on-media);bottom:4px}.cal-more{border-radius:var(--radius-pill);color:var(--on-media);font-size:var(--text-2xs);background:#0009;padding:1px 6px;font-weight:600;line-height:1.5;position:absolute;bottom:3px;right:3px}.dash-day-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dash-day-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.dash-day-list{flex-direction:column;gap:8px;margin:0 -8px;display:flex}.dash-piece{border-radius:var(--radius-lg);text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:12px;padding:8px;display:flex}.dash-piece:hover{background:var(--bg)}.dash-piece-row{position:relative}.dash-piece-row .dash-piece{padding-right:44px}.dash-piece-more{position:absolute;top:8px;right:4px}.dash-more-btn.card-menu-btn{color:var(--text-secondary);opacity:1;background:0 0;border:none;position:static}.dash-more-btn.card-menu-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.dash-piece-menu.card-menu{z-index:20;top:calc(100% + 6px);right:0}.dash-piece img,.dash-piece-nophoto{border-radius:var(--radius-md);object-fit:cover;background:var(--border-subtle);flex:none;width:104px;height:104px}.dash-piece-text{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-piece-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.dash-piece-meta{font-size:var(--text-md);color:var(--text-secondary);flex-wrap:wrap;gap:2px 12px;display:flex}.dash-material{align-items:center;gap:6px;min-width:0;display:inline-flex}.dash-swatch{border:1px solid var(--border);background:var(--border-subtle);border-radius:50%;flex:none;width:12px;height:12px}.dash-empty{font-size:var(--text-base);color:var(--text-muted)}.dash-first{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.dash-tabs{align-items:center}.cal-month-count{font-family:Inter,system-ui,sans-serif;font-size:var(--text-md);color:var(--text-muted);white-space:nowrap;margin-left:10px;font-weight:400}.dash.dash-week-mode{grid-template-columns:minmax(0,1fr);gap:12px}.week-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.week-card-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.week-card-title{font-family:Averia Serif Libre,Georgia,serif;font-size:var(--text-xl);color:var(--text-primary);font-weight:600}.week-card-count{font-size:var(--text-md);color:var(--text-muted);white-space:nowrap}.week-pieces{scrollbar-width:none;gap:10px;margin:-6px;padding:6px;display:flex;overflow-x:auto}.week-pieces::-webkit-scrollbar{display:none}.week-piece{text-align:left;width:120px;font:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:0}.week-piece img,.week-piece-nophoto{border-radius:var(--radius-md);object-fit:cover;background:var(--border-subtle);width:120px;height:120px;transition:transform .15s;display:block}.week-piece:hover img{transform:scale(1.03)}.week-piece-title{font-size:var(--text-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}@media (width<=768px){.week-piece,.week-piece img,.week-piece-nophoto{width:88px}.week-piece img,.week-piece-nophoto{height:88px}.dash{grid-template-columns:minmax(0,1fr);gap:12px}.dash-card,.week-card{padding:12px}.cal-grid{gap:4px}.card-menu.open,.detail-menu.open{display:none!important}}.menu-sheet{z-index:var(--z-sheet);position:fixed;inset:0}.menu-sheet-backdrop{opacity:0;background:#00000052;transition:opacity .2s;position:absolute;inset:0}.menu-sheet-panel{background:var(--surface-raised);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;box-shadow:var(--shadow-sheet);padding:8px 8px calc(12px + env(safe-area-inset-bottom,0px));transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.menu-sheet.show .menu-sheet-backdrop{opacity:1}.menu-sheet.show .menu-sheet-panel{transform:none}.menu-sheet-handle{border-radius:var(--radius-xs);background:var(--border);width:36px;height:4px;margin:0 auto 8px}.menu-sheet-items{flex-direction:column;display:flex}.menu-sheet-items button{border-radius:var(--radius-lg);width:100%;min-height:52px;font:inherit;font-size:var(--text-xl);color:var(--text-primary);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;padding:0 16px;display:flex}.menu-sheet-items button:active{background:var(--border-subtle)}.menu-sheet-items button.danger{color:var(--danger)}.menu-sheet-items .menu-item-icon{width:20px;height:20px;color:var(--text-secondary);flex:none}.menu-sheet-items button.danger .menu-item-icon{color:inherit}@media (prefers-reduced-motion:reduce){.menu-sheet-backdrop,.menu-sheet-panel{transition:none}}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=768px){.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay){align-items:flex-end;padding:0}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay) .modal{border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;width:100%;max-width:none;height:auto;max-height:calc(100dvh - 48px);padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .22s cubic-bezier(.2,.8,.2,1);transform:translateY(100%)}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay).open .modal{transform:none}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay) .modal:before{content:"";border-radius:var(--radius-xs);background:var(--border);width:36px;height:4px;margin:8px auto 0;display:block}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay).confirm-overlay .modal.confirm-modal:before{margin:-12px auto 14px}.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay) .modal-footer .btn,.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay) .dialog-actions .btn,.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay) .confirm-actions .btn{flex:1;min-height:44px}}@media (width<=768px) and (prefers-reduced-motion:reduce){.modal-overlay:not(#authOverlay):not(#addOverlay):not(#editOverlay):not(#filterDrawerOverlay):not(#profileOverlay):not(#glazeCardOverlay) .modal{transition:none}}.filter-pill-remove,.layer-remove-btn,.add-item-remove,.carousel-dot,.auth-slide-dot,.detail-byline-name,.detail-byline-instagram,.profile-instagram-link,.user-profile-instagram,.myspace-edit-btn,.auth-signup-link{position:relative}.add-item-photo-remove:after,.filter-pill-remove:after,.layer-remove-btn:after,.add-item-remove:after,.carousel-dot:after,.auth-slide-dot:after,.detail-byline-name:after,.detail-byline-instagram:after,.profile-instagram-link:after,.user-profile-instagram:after,.myspace-edit-btn:after,.auth-signup-link:after,.toggle:before{content:"";position:absolute}.add-item-photo-remove:after{inset:-6px}.filter-pill-remove:after{inset:-8px}.layer-remove-btn:after{inset:-5px}.add-item-remove:after{inset:-7px -4px}.carousel-dot:after,.auth-slide-dot:after{inset:-9px -2px}.detail-byline-name:after,.detail-byline-instagram:after,.profile-instagram-link:after,.user-profile-instagram:after,.auth-signup-link:after{inset:-6px -2px}.myspace-edit-btn:after{inset:-3px 0}.toggle:before{inset:-6px -3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.load-more-spinner{animation-duration:2.4s!important;animation-iteration-count:infinite!important}}#filterDrawerOverlay:not(.open) [style*=background-image]{background-image:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}