.shell{background:var(--bg);flex-direction:column;width:min(1440px,100vw - 28px);height:100dvh;margin:0 auto;padding:12px 0;display:flex;overflow:hidden}.workspaceNavBar{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 0 12px;display:block}:root[data-theme=dark] .workspaceNavBar{box-shadow:none;background:0 0}.landingPage{z-index:9500;background:radial-gradient(circle at top,#832cd124,#0000 34%),#f4f4f7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.landingCard{text-align:center;background:#fffffff0;border:1px solid #24262b1f;border-radius:28px;justify-items:center;gap:20px;width:min(460px,100vw - 40px);padding:34px 30px 28px;display:grid;box-shadow:0 26px 70px #14141a24}.landingIconSquircle{aspect-ratio:1;background:#832cd1;border-radius:30%;place-items:center;width:118px;display:grid;box-shadow:inset 0 1px #ffffff2e}.landingIconLogo{width:72px;height:72px;position:relative}.landingIconLogoImage{object-fit:contain;object-position:center}.landingCopy{gap:8px;display:grid}.landingCopy h1{color:#111;letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:650;line-height:.9}.landingCopy h2{color:#676b74;letter-spacing:-.03em;margin:0;font-size:clamp(1.05rem,2.6vw,1.28rem);font-weight:700;line-height:1.2}.landingCopy p{color:#676b74;margin:0;font-size:1rem;line-height:1.5}.landingActions{gap:10px;width:100%;display:grid}.landingPrimaryButton,.landingSecondaryButton{justify-content:center;width:100%;min-height:44px}.landingSecondaryButton{color:#111;background:#fff;border-color:#24262b24}.landingSecondaryButton:hover{color:#111;background:#fff;border-color:#24262b2e}:root[data-theme=dark] .landingSecondaryButton{color:#111;background:#fff;border-color:#24262b24}:root[data-theme=dark] .landingSecondaryButton:hover{color:#111;background:#fff;border-color:#24262b2e}.landingStoreRow{justify-content:center;width:100%;display:flex}.landingAppStoreBadge{color:#fff;background:#0f1115;border-radius:16px;align-content:center;justify-items:center;gap:2px;width:min(100%,220px);min-height:58px;padding:10px 16px;display:grid}.landingAppStoreEyebrow{letter-spacing:0;text-transform:none;opacity:.72;font-size:.7rem;font-weight:700}.landingNote{color:#676b74;margin:0;font-size:.82rem;line-height:1.45}.workspaceBrand{flex:none;align-items:center;gap:0;min-width:0;display:flex}.workspaceLogoButton{all:unset;cursor:pointer;display:inline-flex}.workspaceLogo{flex:none;width:76px;height:24px;position:relative}.workspaceLogoImage{object-fit:contain;object-position:center;display:block}.workspaceLogoImageDark,:root[data-theme=dark] .workspaceLogoImageLight{opacity:0}:root[data-theme=dark] .workspaceLogoImageDark{opacity:1}.workspaceNavRail{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:auto auto minmax(280px,392px) 1fr;align-items:center;gap:10px;min-height:48px;padding:6px 8px 6px 2px;display:grid}.workspaceLoadingRail{pointer-events:none}.workspaceLoadingLogo,.workspaceLoadingModeSwitch,.workspaceLoadingSearch,.workspaceLoadingUtility,.workspaceLoadingPanel{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:14px}.workspaceLoadingLogo{width:76px;height:24px}.workspaceLoadingModeSwitch{width:128px;height:36px}.workspaceLoadingSearch{width:min(100%,392px);height:38px}.workspaceLoadingUtility{justify-self:end;width:154px;height:38px}.dashboardLoading{pointer-events:none}.workspaceLoadingPanel{min-height:0}:root[data-theme=dark] .workspaceNavRail{background:var(--binder-panel)}.workspaceUtilityGroup{justify-self:end;align-items:center;gap:6px;display:inline-flex}.workspaceModeSwitch{align-items:center;gap:8px;min-width:fit-content;padding-left:6px;display:inline-flex}.searchWrap{margin-left:14px}.searchWrapHidden{visibility:hidden;min-height:34px}.workspaceModeButton{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 12px;font-size:.95rem;font-weight:600}.workspaceModeButtonActive{color:var(--ink);background:color-mix(in srgb, var(--ink) 10%, transparent)}:root[data-theme=dark] .workspaceModeButtonActive{background:#ffffff1a}.workspaceImportButton{min-height:34px;box-shadow:none;padding:0 12px}.workspaceThemeButton{border-radius:999px;width:34px;min-width:34px;min-height:34px;padding:0}.workspaceThemeButton:focus-visible,.galleryDisplayButton:focus-visible{box-shadow:0 0 0 3px var(--focus-purple);border-color:#832cd1;outline:none}.workspaceImportButton:hover,.headerMenuButtonIconOnly.buttonAccent,.headerMenuButtonIconOnly.buttonAccent:hover{box-shadow:none}.workspaceProfileButton{border-radius:999px;width:34px;min-width:34px;min-height:34px;padding:0}.workspaceSignInButton{border-radius:999px;min-height:34px;padding:0 12px}.workspaceProfileIcon{width:17px;height:17px;display:block}.galleryWorkspace{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex:1;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:16px;display:grid;overflow:hidden}:root[data-theme=dark] .galleryWorkspace{background:var(--binder-panel)}.galleryGrid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-content:start;align-items:start;gap:22px 20px;min-height:0;padding:12px 6px 8px;display:grid;overflow-y:auto}.galleryEmptyState{color:var(--muted);text-align:center;grid-column:1/-1;margin:36px 0 0;font-size:.98rem;font-weight:700}.galleryGridHeader{justify-content:flex-end;padding:0 6px 6px;display:flex}.galleryRail{align-content:start;gap:16px;min-height:0;padding:2px 4px 2px 0;display:grid;overflow-y:auto}.galleryCreateBinderButton{border:1px solid var(--line);background:var(--surface-soft);width:168px;min-width:0;min-height:42px;color:var(--ink);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.galleryCreateBinderIcon{width:16px;height:16px}.galleryBinderCard{width:min(100%,176px);color:var(--ink);text-align:center;cursor:grab;background:0 0;border:none;border-radius:0;justify-items:center;gap:10px;padding:0;display:grid}.galleryBinderCardActive{color:var(--ink)}.galleryBinderCard:active{cursor:grabbing}.galleryBinderCardDropTarget{z-index:6;position:relative;transform:translateY(-2px)}.galleryBinderCardDropTarget .galleryBinderThumb{border-radius:18px;position:relative}.galleryBinderCardDropTarget .galleryBinderThumb:after{content:"";pointer-events:none;border:2px solid #4f7bf6;border-radius:22px;position:absolute;inset:-6px}.galleryBinderThumb{aspect-ratio:3/4;place-items:center;width:min(100%,156px);display:grid;overflow:visible}.galleryCardThumb{background:color-mix(in srgb, var(--surface-soft) 92%, transparent);border-radius:12px;width:100%;height:100%;overflow:hidden;box-shadow:0 10px 26px #0a0e161a}:root[data-theme=dark] .galleryCardThumb{background:color-mix(in srgb, var(--binder-panel) 88%, black 12%);box-shadow:0 14px 28px #00000047}.galleryBinderThumbCover{--binder-seam-inset:1.35%;--binder-stitch-inset:2%;--binder-seam-radius-x:6.7%;--binder-seam-radius-y:6.1%;--binder-stitch-radius-x:5.45%;--binder-stitch-radius-y:4.9%;width:100%;height:100%}.galleryBinderPageMatch{z-index:3;color:#000000d1;letter-spacing:-.03em;text-align:center;text-wrap:balance;background:#ffffffd1;border-radius:999px;justify-content:center;justify-self:center;align-items:center;max-width:76%;padding:6px 10px;font-size:1rem;font-weight:800;line-height:1.05;display:inline-flex;position:absolute;inset:15% 12% auto;transform:none}:root[data-theme=dark] .galleryBinderPageMatch{color:#ffffffe0;background:#0c0d10d1}.galleryBinderMeta{gap:3px;min-width:0;display:grid}.galleryBinderMeta strong{font-size:.92rem;line-height:1.1}.galleryBinderMeta span{color:var(--muted);font-size:.78rem}.galleryViewer{grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding:0 0 4px;display:grid}.galleryViewerHeader{grid-template-columns:auto auto 1fr;align-items:center;gap:16px;min-height:36px;padding:0;display:grid;position:relative}.galleryBackButton{grid-column:1;place-self:start;gap:6px;padding:0 12px 0 10px}.galleryViewerTitle{text-align:left;align-items:baseline;min-width:0;display:inline-flex}.galleryViewerTitle h2{white-space:nowrap;margin:0;font-size:1.3rem}.galleryViewerNickname{color:#2c7a46;white-space:nowrap;margin:0;font-size:.92rem;font-weight:600}:root[data-theme=dark] .galleryViewerNickname{color:#8fdda7}.galleryStage{grid-template-rows:minmax(0,1fr);place-items:start center;gap:0;min-height:0;padding-bottom:2px;display:grid;overflow:hidden}.galleryViewerMeta{justify-content:center;align-items:center;gap:16px;min-width:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.galleryNicknameButton{color:#2c7a46;grid-column:2}:root[data-theme=dark] .galleryNicknameButton{color:#8fdda7}.gallerySecondaryActions{grid-column:2;align-items:center;gap:8px;display:inline-flex}.galleryViewerActions{grid-column:3;justify-self:end;align-items:center;gap:8px;display:inline-flex}.galleryDisplayButton{gap:6px}.galleryPageWrap{place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid}.galleryBinderPage{width:100%;max-width:100%;max-height:100%}.galleryEditButton{place-self:start end}.galleryPageNav{width:fit-content}.gallerySlotCard{width:100%;height:100%}.galleryDisplayOverlay{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#2b2f35,#23272d);display:grid;position:fixed;inset:0}:root[data-theme=dark] .galleryDisplayOverlay{background:linear-gradient(#2b2f35,#23272d)}.galleryDisplayShell{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:20px 22px 22px;display:grid}.galleryDisplayHeader{grid-template-columns:auto 1fr auto;align-items:start;gap:18px;min-height:44px;display:grid}.button.galleryDisplayBackButton{color:#fff;background:#5b6168;border-color:#0000;gap:6px}.galleryDisplayMeta{text-align:center;justify-items:center;gap:4px;min-width:0;display:grid}.galleryDisplayMeta h2{color:#fff;margin:0;font-size:1.45rem}.galleryDisplayMeta p{color:#ffffffb8;align-items:center;gap:8px;margin:0;font-size:.92rem;font-weight:600;display:inline-flex}.galleryDisplayNickname{color:#8fdda7}.galleryDisplayHints{justify-self:end;align-items:center;gap:8px;display:inline-flex}.galleryDisplayHints span{color:#fff;letter-spacing:.02em;background:0 0;border:none;border-radius:0;justify-content:flex-end;align-items:center;min-height:30px;padding:0;font-size:.82rem;font-weight:700;display:inline-flex}.galleryDisplayStage{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;min-height:0;padding-top:14px;display:grid}.galleryDisplayPageWrap{place-items:center;min-width:0;height:100%;min-height:0;display:grid}.galleryDisplayPage{width:auto;max-width:100%;max-height:min(100%,100vh - 150px)}.galleryDisplayNav{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:24px;align-content:center;align-self:stretch;justify-items:center;gap:10px;width:72px;transition:background .16s,color .16s,border-color .16s,transform .16s;display:grid}.galleryDisplayNav:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#ffffff2e}.galleryDisplayNav:disabled{opacity:.34;cursor:default}.galleryDisplayNavIcon{width:26px;height:26px}.galleryDisplayNav span{letter-spacing:.03em;text-transform:uppercase;font-size:.82rem;font-weight:800}.galleryDisplayOverlay .binderSlotEmpty{background:#5b6168;border-color:#ffffff2e}.galleryDisplayOverlay .binderSlotFilled{background:#4f555d}.galleryDisplayOverlay .binderSlot .emptyArt{color:#ffffffc2}@media (max-width:900px){.galleryDisplayShell{padding:14px 12px 12px}.galleryDisplayHeader{grid-template-columns:1fr;justify-items:start;gap:10px}.galleryDisplayMeta{text-align:left;justify-items:start;width:100%}.galleryDisplayHints{justify-self:start}.galleryDisplayStage{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px}.galleryDisplayNav{grid-auto-flow:column;justify-content:center;justify-items:center;width:100%;min-height:44px}.galleryDisplayNavPrev{order:2}.galleryDisplayPageWrap{order:1}.galleryDisplayNavNext{order:3}}.panel h2{font-family:var(--font-heading), sans-serif;letter-spacing:-.045em;margin:0;font-size:1.02rem;font-weight:500;line-height:1.05}.searchWrap{width:100%;min-width:0;max-width:392px;position:relative}.searchInput{border:1px solid var(--line);background:var(--surface-elevated);width:100%;min-width:0;min-height:40px;color:var(--ink);caret-color:var(--ink);border-radius:999px;padding:0 40px 0 38px;font-size:.92rem}.searchInput::selection{background:var(--selection-purple);color:inherit}.searchInput:focus{box-shadow:0 0 0 3px var(--focus-purple);border-color:#832cd1;outline:none}.searchIcon{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.searchInput::-webkit-search-cancel-button{display:none}.searchInput::placeholder{color:var(--muted)}.searchClearButton{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:0;font-size:1.15rem;line-height:1;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}:root[data-theme=dark] .searchClearButton{color:#ffffffc7}.button,select{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:999px;min-height:36px}.button{cursor:pointer;justify-content:center;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.iconButton{aspect-ratio:1;width:38px;min-width:38px;padding:0}.themeIcon{width:18px;height:18px;display:block}.themeIconPlaceholder{background:color-mix(in srgb, var(--ink) 20%, transparent);border-radius:999px}.buttonAccent{isolation:isolate;color:#fff;background:#832cd1;border-color:#832cd1;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;position:relative;overflow:hidden;box-shadow:0 6px 14px #832cd138}.buttonAccent:hover{background:#7425bd;border-color:#7425bd;box-shadow:0 8px 18px #832cd147}.buttonDanger{color:#fff;background:#c84b44;border-color:#c84b44}.buttonDanger:hover{background:#b44039;border-color:#b44039}:root[data-theme=dark] .workspaceImportIconWrap{background:#832cd1;box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=light] .workspaceImportIconWrap{background:#ffffff2e}.dashboard{grid-template-columns:minmax(300px, var(--panel-split)) 0 minmax(0, 1fr);flex:1;align-items:stretch;gap:0;min-height:0;display:grid}.dashboardSplitter{color:#0000;cursor:col-resize;z-index:5;background:0 0;border:none;outline:none;place-items:center;width:0;min-width:0;padding:0;display:grid;position:relative;overflow:visible}.dashboardSplitterIcon{opacity:.82;width:10px;height:10px;transition:opacity .12s}.dashboardSplitterTrack{background:linear-gradient(to bottom, var(--line) 0, var(--line) calc(50% - 34px), transparent calc(50% - 34px), transparent calc(50% + 34px), var(--line) calc(50% + 34px), var(--line) 100%);opacity:.85;z-index:0;width:1px;position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%)}.dashboardSplitterHandle{border:1px solid var(--line);background:var(--panel);width:18px;height:54px;color:var(--muted);z-index:1;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #0c101814}.dashboardSplitter:hover .dashboardSplitterIcon,.dashboardSplitter:focus-visible .dashboardSplitterIcon{opacity:1}.dashboardSplitter:hover .dashboardSplitterTrack,.dashboardSplitter:focus-visible .dashboardSplitterTrack{background:linear-gradient(to bottom, var(--muted) 0, var(--muted) calc(50% - 34px), transparent calc(50% - 34px), transparent calc(50% + 34px), var(--muted) calc(50% + 34px), var(--muted) 100%)}.dashboardSplitter:hover .dashboardSplitterHandle,.dashboardSplitter:focus-visible .dashboardSplitterHandle{background:var(--surface-elevated)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:16px;padding:10px}:root[data-theme=dark] .panel{background:var(--binder-panel);box-shadow:none}.collectionPanel,.binderPanel{height:100%}.collectionPanel{border-right-color:#0000;border-top-right-radius:0;border-bottom-right-radius:0}.binderPanel{border-top-left-radius:0;border-bottom-left-radius:0}.collectionPanel{z-index:2;flex-direction:column;min-height:0;display:flex;position:relative;container-type:inline-size}.panelHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.panelHeaderCompact{margin-bottom:6px}.panelTitleBlock{gap:2px;min-width:0;display:grid}.panelHeaderLeading{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.panelInlineTitle{align-items:baseline;gap:8px;min-width:0;display:flex}.panelInlineTitle h2,.panelInlineTitle .panelMetaText{white-space:nowrap}.panelMetaText{color:var(--muted);font-size:.78rem;line-height:1.2}.binderPageLabel{color:var(--ink);font-size:.88rem;font-weight:600}.binderPageNickname{color:#2c7a46}:root[data-theme=dark] .binderPageLabel{color:#f3f3f5}:root[data-theme=dark] .binderPageNickname{color:#8fdda7}.collectionHeaderActions,.binderHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.binderTitleButton{border:1px solid var(--line);background:var(--surface-soft);min-height:36px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.binderPageButton{padding-right:12px}.binderTitleChevron{width:15px;height:15px;color:var(--muted);flex:none}.binderPageNav{border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;align-items:center;gap:2px;min-height:36px;padding:0 2px;display:inline-flex}.binderPageNavButton{width:36px;min-width:36px;min-height:36px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.binderPageNavButton:disabled{cursor:default;opacity:.42}.binderPageNavCompact{align-self:start;width:fit-content;min-height:32px;padding:0 1px}.binderPageNavButtonCompact{width:30px;min-width:30px;min-height:30px}.binderPageJump,.pageJumpField{align-items:center;gap:0;display:inline-flex}.binderPageJump{background:0 0;min-height:36px;padding:0 2px}.binderPageJumpCompact{min-height:30px;padding:0 1px}.binderPageJumpInput,.pageJumpInput{width:34px;min-width:0;min-height:30px;color:var(--ink);text-align:center;box-shadow:none;appearance:textfield;background:0 0;border:none;padding:0;font-family:inherit;font-size:.88rem;font-weight:700;line-height:1}.binderPageJumpInputCompact{width:28px;min-height:26px;color:var(--ink)}.pageJumpInput{color:#2c7a46}.pageJumpTotal{color:var(--muted);font-family:inherit;font-size:.88rem;font-weight:700;line-height:1}.binderPageJumpInput:focus,.pageJumpInput:focus{box-shadow:none;outline:none}.binderPageJumpInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.binderPageJumpInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pageJumpInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pageJumpInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root[data-theme=dark] .pageJumpInput{color:#8fdda7}.headerMenu{z-index:8;position:relative}.headerMenuButton{-webkit-user-select:none;user-select:none;gap:7px;min-height:36px}.headerMenuButtonIconOnly{width:36px;min-width:36px;padding:0}.headerMenuIcon{flex:none;width:15px;height:15px}.headerMenuButton[aria-expanded=true]{background:var(--surface-elevated)}.headerMenuButtonIconOnly.buttonAccent[aria-expanded=true]{color:#fff;background:#832cd1;border-color:#832cd1}.headerMenuButtonIconOnly.buttonAccent[aria-expanded=true]:hover{background:#7425bd;border-color:#7425bd}.pageDeleteHeaderButton{background:#c84b44;border-color:#c84b44}.pageDeleteHeaderButton:hover:not(:disabled){background:#b44039;border-color:#b44039}:root[data-theme=light] .pageDeleteHeaderButton,:root[data-theme=dark] .pageDeleteHeaderButton{color:#fff}.headerMenuPopover{z-index:40;border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:10px;width:min(280px,100vw - 24px);min-width:220px;max-width:calc(100vw - 24px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);box-shadow:0 16px 36px #0a0e161f}.headerMenuPopoverStart{left:0}.headerMenuPopoverEnd{right:0}:root[data-theme=dark] .headerMenuPopover{background:var(--binder-panel);box-shadow:0 18px 40px #0000004d}.headerMenuField{gap:6px;display:grid}.headerMenuField span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.headerMenuField .pageJumpTotal{color:var(--muted);letter-spacing:0;text-transform:none;font-family:inherit;font-size:.88rem;font-weight:700;line-height:1}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 34px 0 12px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--focus-purple);border-color:#832cd1;outline:none}.binderHeaderButton{min-height:36px;padding:0 13px;font-weight:700}.binderHeaderButtonSubtle{font-weight:600}.binderHeaderButtonDanger{color:#c84b44}:root[data-theme=dark] .binderHeaderButtonDanger{color:#ff7d73}.collectionList{scrollbar-gutter:stable;flex:1;gap:8px;min-height:0;padding-right:14px;display:grid;overflow:hidden scroll}.collectionListCatalogGrid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));align-content:start}.collectionMessage{border:1px dashed var(--line);min-height:140px;color:var(--muted);text-align:center;background:var(--surface-soft);border-radius:14px;place-items:center;padding:18px;display:grid}.collectionMessageEmpty{align-content:center;gap:8px}.collectionMessageEmpty strong{color:var(--ink);font-size:.98rem}.collectionMessageEmpty span{max-width:280px;line-height:1.45}.collectionMessageIcon{width:20px;height:20px}.collectionListCatalogGrid .cardRow{contain-intrinsic-size:292px;grid-template-columns:1fr;align-items:start;gap:10px;padding:10px}.collectionListCatalogGrid .thumbSm{aspect-ratio:5/7;width:100%;height:auto}.collectionListCatalogGrid .cardMeta{gap:4px}.collectionListCatalogGrid .cardRowAside{grid-template-columns:1fr auto;place-items:center start;width:100%}.collectionListCatalogGrid .cardPrice{font-size:.82rem}@container (max-width:430px){.collectionListCatalogGrid{grid-template-columns:1fr}.collectionListCatalogGrid .cardRow{contain-intrinsic-size:118px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px}.collectionListCatalogGrid .thumbSm{aspect-ratio:auto;width:72px;height:96px}.collectionListCatalogGrid .cardMeta{gap:3px}.collectionListCatalogGrid .cardRowAside{align-content:center;justify-items:end;align-items:initial;grid-template-columns:none;width:auto}.collectionListCatalogGrid .cardPrice{font-size:.86rem}}.catalogSentinel{width:100%;height:1px}.cardRow{border:1px solid var(--line);background:var(--surface-elevated);cursor:grab;text-align:left;width:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:14px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.cardRowUnowned{background:var(--surface-soft)}.thumbSm,.imageWrap,.emptyArt{background:0 0;border-radius:5px;position:relative;overflow:hidden}.thumbSm{width:72px;height:96px}.imageWrap{width:100%;height:100%}.remoteImagePlaceholder,.remoteImageStatus,.remoteImageFallback{border-radius:inherit;place-items:center;display:grid;position:absolute;inset:0}.remoteImagePlaceholder{background:linear-gradient(110deg, #fff0 0%, #ffffff57 50%, #fff0 100%), color-mix(in srgb, var(--binder-slot-empty-bg) 88%, var(--surface-chip) 12%);background-size:220% 100%,auto;animation:1.2s linear infinite remoteImageShimmer}.remoteImageStatus{background:color-mix(in srgb, var(--drag-preview-bg) 78%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.remoteImageFallback{z-index:3;background:color-mix(in srgb, var(--drag-preview-bg) 92%, transparent);color:var(--muted);letter-spacing:.02em;text-align:center;align-content:center;justify-items:center;gap:8px;padding:10px 8px;font-size:.62rem;font-weight:700;line-height:1.2}.remoteImageSpinner,.binderCoverAssetSpinner{border:2px solid color-mix(in srgb, var(--ink) 16%, transparent);border-top-color:color-mix(in srgb, var(--ink) 70%, transparent);border-radius:999px;width:24px;height:24px;animation:.8s linear infinite remoteImageSpin}.remoteImageRetryButton{border:1px solid var(--line);background:var(--surface-elevated);min-height:24px;color:var(--ink);border-radius:999px;padding:0 8px;font-size:.62rem;font-weight:700}.thumbSm img,.imageWrap img,.cardImage{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.binderPanel{background:var(--binder-panel);border-color:var(--line);max-width:100%;height:100%;min-height:0;box-shadow:none;z-index:1;flex-direction:column;padding:8px 8px 10px;display:flex;position:relative;overflow:visible}.binderHeader{margin-bottom:6px}.cardImage{width:100%;height:100%;transition:opacity .18s;display:block}.cardImageLoading{opacity:0}.cardImageLoaded{opacity:1}.emptyArt{width:100%;height:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;place-items:center;font-size:.68rem;font-weight:600;display:grid}.cardMeta{gap:3px;display:grid}.cardMeta strong{font-size:.95rem}.cardMeta span{color:var(--muted);font-size:.84rem}.cardRowAside{align-content:center;justify-items:end;gap:8px;display:grid}.cardPrice{font-size:.86rem;line-height:1}.ownershipPill{border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:.72rem;font-weight:700;display:inline-flex}.ownershipPillOwned{background:var(--owned-pill-bg);color:var(--owned-pill-text)}.ownershipPillUnowned{background:var(--surface-chip);color:var(--muted)}.binderStage{flex:1;place-items:start center;min-height:0;padding-bottom:2px;display:grid;overflow:hidden}.binderPage{width:min(100%, calc((100% - 2px) * var(--binder-page-ratio)));max-width:100%;height:auto;max-height:calc(100% - 2px);aspect-ratio:var(--binder-page-ratio);margin:0 auto}.binderGrid{grid-template-columns:repeat(var(--binder-columns), minmax(0, 1fr));gap:8px;width:100%;height:100%;display:grid}.binderCover,.binderCoverMockup{--binder-seam-inset:2.4%;--binder-stitch-inset:3.6%;--binder-seam-radius-x:8.2%;--binder-seam-radius-y:7.5%;--binder-stitch-radius-x:7%;--binder-stitch-radius-y:6.25%;--binder-seam-width:clamp(.85px, .34cqi, 1.15px);--binder-stitch-width:clamp(1.2px, .56cqi, 1.85px);background:radial-gradient(circle at top left, rgba(255, 255, 255, var(--binder-cover-highlight-opacity,.19)), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--binder-cover-color) 84%, white 16%), var(--binder-cover-color));border:1px solid #ffffff2e;border-radius:3.1% 10.6% 10.6% 3.1%/3.2% 8% 8% 3.2%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 28px 44px #ffffff14,inset 0 -24px 36px #0000001f;container-type:inline-size}.binderCover:after,.binderCoverMockup:after{content:"";inset:var(--binder-seam-inset) var(--binder-seam-inset) var(--binder-seam-inset) 0;border-top:var(--binder-seam-width) solid color-mix(in srgb, var(--binder-cover-color) 42%, black 58%);border-right:var(--binder-seam-width) solid color-mix(in srgb, var(--binder-cover-color) 46%, black 54%);border-bottom:var(--binder-seam-width) solid color-mix(in srgb, var(--binder-cover-color) 46%, black 54%);border-radius:0 var(--binder-seam-radius-x) var(--binder-seam-radius-x) 0 / 0 var(--binder-seam-radius-y) var(--binder-seam-radius-y) 0;pointer-events:none;border-left:none;position:absolute}.binderCover:before,.binderCoverMockup:before{content:"";inset:var(--binder-stitch-inset) var(--binder-stitch-inset) var(--binder-stitch-inset) 0;border-top:var(--binder-stitch-width) dashed color-mix(in srgb, var(--binder-cover-color) 34%, black 66%);border-right:var(--binder-stitch-width) dashed color-mix(in srgb, var(--binder-cover-color) 38%, black 62%);border-bottom:var(--binder-stitch-width) dashed color-mix(in srgb, var(--binder-cover-color) 38%, black 62%);border-radius:0 var(--binder-stitch-radius-x) var(--binder-stitch-radius-x) 0 / 0 var(--binder-stitch-radius-y) var(--binder-stitch-radius-y) 0;pointer-events:none;opacity:.72;border-left:none;position:absolute}.binderCover{place-items:center;padding:28px;display:grid}.galleryBinderThumbCover.binderCover{padding:12px}.binderCoverSticker{z-index:1;aspect-ratio:1;--binder-sticker-color:color-mix(in srgb, var(--binder-cover-color) 72%, black 28%);background:var(--binder-sticker-color);width:min(78%,380px);max-height:78%;-webkit-mask-image:var(--binder-cover-sprite);mask-image:var(--binder-cover-sprite);-webkit-mask-position:44%;mask-position:44%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--binder-cover-sprite);opacity:.92;place-self:center;position:relative;-webkit-mask-position:44%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.binderCoverStickerImage{z-index:1;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px #0000001f);place-self:center;width:min(78%,380px);max-height:78%;position:relative}.binderCoverAssetWrap{z-index:1;place-self:center;place-items:center;width:min(78%,380px);max-height:78%;display:grid;position:relative}.binderCoverAssetLoading{opacity:0}.binderCoverAssetLoaded{opacity:1}.binderCoverAssetFallback{z-index:2;color:#000000d1;text-align:center;background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;max-width:72%;padding:6px 8px;font-size:.7rem;font-weight:800;line-height:1.1;display:inline-flex;position:relative}.binderCoverStickerPreview,.binderCoverAssetWrapPreview,.binderCoverStickerImagePreview{width:min(68%,252px);max-height:68%}.binderCoverAssetWrapPreview>.binderCoverStickerImagePreview{width:100%;max-width:100%;max-height:100%}.galleryBinderThumbCover .binderCoverSticker,.galleryBinderThumbCover .binderCoverStickerImage,.galleryBinderThumbCover .binderCoverAssetWrap,.galleryBinderThumbCover .binderCoverDefaultLogo{width:min(76%,88px);max-width:100%;max-height:76%;-webkit-mask-position:50%;mask-position:50%}.galleryBinderThumbCover .binderCoverAssetFallback{max-width:80%;padding:4px 6px;font-size:.54rem}.galleryBinderThumbCover .binderCoverAssetSpinner{border-width:1.5px;width:16px;height:16px}.galleryBinderThumbCover .binderCoverSticker:before,.galleryBinderThumbCover .binderCoverSticker:after{-webkit-mask-position:50%;mask-position:50%}.galleryBinderThumbCover .binderCoverSticker:before,.galleryBinderThumbCover .binderCoverDefaultLogo:before{display:none}.binderCoverSticker:before,.binderCoverSticker:after,.binderCoverDefaultLogo:before,.binderCoverDefaultLogo:after{content:"";pointer-events:none;position:absolute;inset:0}.binderCoverSticker:before,.binderCoverSticker:after{-webkit-mask-image:var(--binder-cover-sprite);mask-image:var(--binder-cover-sprite);-webkit-mask-position:44%;mask-position:44%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--binder-cover-sprite);-webkit-mask-position:44%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.binderCoverSticker:before,.binderCoverDefaultLogo:before{background:color-mix(in srgb, var(--binder-sticker-color,currentColor) 44%, black 56%);opacity:.34;transform:translate(2px,2px)}.binderCoverSticker:after,.binderCoverDefaultLogo:after{display:none}.binderCoverSymbol{z-index:1;--binder-symbol-color:color-mix(in srgb, var(--binder-cover-color) 70%, black 30%);color:#0000;background:linear-gradient(135deg, var(--binder-symbol-color) 0%, var(--binder-symbol-color) 54%, color-mix(in srgb, var(--binder-symbol-color) 52%, black 48%) 100%), linear-gradient(135deg, transparent 0%, transparent 58%, #00000024 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(8rem,18vw,14rem);line-height:1;position:relative}.binderCoverSymbolPreview{font-size:clamp(6rem,14vw,10rem)}.galleryBinderThumbCover .binderCoverSymbol{font-size:clamp(3.2rem,6.6vw,4.1rem)}.binderCoverDefaultLogo{aspect-ratio:1;--binder-sticker-color:color-mix(in srgb, var(--binder-cover-color) 70%, black 30%);opacity:.92;background:var(--binder-sticker-color);place-self:center;width:clamp(8rem,18vw,14rem);max-height:58%;display:inline-block;position:relative;-webkit-mask-image:url(/deltaBinderLogoWhite.png);mask-image:url(/deltaBinderLogoWhite.png);-webkit-mask-position:44%;mask-position:44%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.binderCoverDefaultLogoPreview{width:clamp(6rem,14vw,10rem);max-height:52%}.binderCoverDefaultLogo:before,.binderCoverDefaultLogo:after,.binderSymbolOptionDeltaLogo{-webkit-mask-image:url(/deltaBinderLogoWhite.png);mask-image:url(/deltaBinderLogoWhite.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.binderSymbolOptionDeltaLogo{aspect-ratio:1;background:currentColor;width:2rem;display:inline-block}@keyframes remoteImageSpin{to{transform:rotate(360deg)}}@keyframes remoteImageShimmer{0%{background-position:200% 0,0 0}to{background-position:-20% 0,0 0}}.binderSlot{aspect-ratio:5/7;background:0 0;border-radius:12px;grid-template-rows:1fr;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.binderSlotEmpty{border:1px dotted var(--binder-slot-line);background:var(--binder-slot-empty-bg);padding:6px}.binderSlotFilled{background:var(--binder-slot-filled-bg);border:none}.binderSlotActive.binderSlotEmpty{border-color:var(--binder-slot-line-active)}.binderSlotOver.binderSlotEmpty{border-color:var(--binder-slot-line-hover);background:var(--binder-slot-hover-bg)}.binderSlot .emptyArt{color:var(--binder-slot-text);font-weight:700}.slotCardButton{all:unset;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.slotRemoveButton{z-index:2;border:1px solid var(--remove-border);color:#fff;cursor:pointer;opacity:0;background:#c84b44;border-radius:999px;place-items:center;width:34px;height:34px;font-size:1.18rem;font-weight:700;line-height:1;transition:background-color .12s,color .12s;display:grid;position:absolute;top:9px;right:9px}.binderSlot:hover .slotRemoveButton,.slotRemoveButton:focus-visible{opacity:1;background:#c84b44}.slotRemoveButton:hover{color:#fff;background:#c84b44}.dragOverlay{z-index:9999;pointer-events:none;will-change:transform;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)}.dragPreviewCard{aspect-ratio:5/7;background:#1a1a1cd1;border:1px solid #ffffff14;border-radius:12px;width:168px;position:relative}.dragPreviewInner{border:1px solid #ffffff1f;border-radius:6px;position:absolute;inset:8px}:root[data-theme=dark] .dragPreviewCard{background:#f2f2f4;border-color:#24262b1f}:root[data-theme=dark] .dragPreviewInner{border-color:#24262b1f}.modalBackdrop{z-index:10000;background:#0c0e126b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modalCard{border:1px solid var(--line);background:var(--panel);border-radius:24px;gap:16px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;display:grid;overflow-y:auto;box-shadow:0 24px 60px #080c1433}.modalCardWide{width:min(720px,100vw - 32px)}.modalCardCompact{align-content:start;gap:12px;width:min(320px,100vw - 32px);max-height:none;padding:18px;overflow:hidden}.modalCardCompact .modalHeader{gap:4px}.modalCardCompact .modalActions{margin-top:2px;padding:0}.createBinderModal{grid-template-rows:minmax(0,1fr) auto;padding:0;overflow:hidden}.createBinderModalContent{gap:16px;min-height:0;padding:22px;display:grid;overflow-y:auto}.createBinderHeaderRow{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.createBinderLayoutField{align-content:start;justify-self:end;width:170px}.modalBackButton{margin-right:auto}.createBinderLayoutField select{width:100%}:root[data-theme=dark] .modalCard{background:var(--binder-panel);box-shadow:0 24px 60px #0000006b}.modalHeader{gap:6px;display:grid}.modalHeader h3{letter-spacing:-.03em;margin:0;font-size:1.2rem}.modalHeader p{color:var(--muted);margin:0;line-height:1.45}@media (max-width:760px){.createBinderHeaderRow{grid-template-columns:minmax(0,1fr)}.createBinderLayoutField{justify-self:start;width:100%;max-width:220px}.accountStatusRow{grid-template-columns:minmax(0,1fr)}}.modalField{gap:8px;display:grid}.modalFieldMeta{justify-content:flex-end;display:flex}.modalField span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.modalCharCount{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.78rem;font-weight:600}.modalInput{border:1px solid var(--line);background:var(--surface-elevated);width:100%;min-height:42px;color:var(--ink);border-radius:14px;padding:0 14px}.modalInput::placeholder{color:#24262b94}.modalInput:focus{box-shadow:0 0 0 3px var(--focus-purple);border-color:#832cd1;outline:none}:root[data-theme=dark] .modalInput::placeholder{color:#ffffff9e}.modalActions{justify-content:flex-end;gap:10px;padding:0 22px 22px;display:flex}.modalActionsSticky{border-top:1px solid var(--line);background:var(--panel);margin:0;padding:14px 22px 22px}:root[data-theme=dark] .modalActionsSticky{background:var(--binder-panel)}.modalInlineNote{color:var(--muted);margin:0;font-size:.84rem}.accountModal{width:min(520px,100vw - 24px)}.accountStatusRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.accountStatusCard,.accountFeatureBlock{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;gap:8px;padding:14px;display:grid}.accountStatusLabel{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.accountStatusCard strong{font-size:1rem}.accountStatusCard p,.accountFeatureBlock p{color:var(--muted);margin:0;line-height:1.45}.accountFeatureList{gap:6px;margin:0;padding-left:18px;display:grid}.accountFeatureList li{color:var(--ink)}.importModal{width:min(560px,100vw - 24px)}.importSourceList{gap:12px;display:grid}.importSourceCard{border:1px solid var(--line);background:var(--surface-soft);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.importSourceLogo{letter-spacing:.08em;color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;font-size:.8rem;font-weight:800;display:grid}.importSourceLogoImageWrap{background:#fff;border:1px solid #11111114;overflow:hidden}.importSourceLogoImage{object-fit:contain;width:calc(100% - 12px);height:calc(100% - 12px);margin:6px;display:block}.importSourceLogoImageDex{width:calc(100% - 10px);margin:5px}.importSourceLogoImageTcgplayer{width:calc(100% - 14px);height:calc(100% - 14px);margin:7px}.importSourceMeta{gap:4px;min-width:0;display:grid}.importSourceMeta strong{font-size:.98rem}.importSourceMeta p{color:var(--muted);margin:0;line-height:1.45}.binderCoverMockupWrap{place-items:center;display:grid}.binderCoverLayout{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;display:grid}.binderColorField{align-content:start}.binderCoverMockup{aspect-ratio:3/4;place-items:center;width:min(100%,320px);padding:24px;display:grid}.binderColorPicker{grid-template-columns:repeat(4,minmax(34px,1fr));gap:10px;display:grid}.binderColorSwatch{cursor:pointer;border:2px solid #0000;border-radius:999px;justify-self:center;width:34px;height:34px}.binderColorSwatchSelected{border-color:var(--ink);box-shadow:0 0 0 2px var(--panel)}.binderPokemonSearch{gap:10px;display:grid}.binderStickerSectionHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.binderStickerToggleRow{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.binderStickerSection{gap:10px;display:grid}.binderStickerSectionHeader span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.binderStickerColorToggle{border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0a}.binderStickerColorButton{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 12px;font-size:.8rem;font-weight:700;transition:background-color .14s,color .14s,box-shadow .14s,transform .14s}.binderStickerColorButton:hover{color:var(--ink)}.binderStickerColorButtonActive{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line), 0 1px 3px #00000014}:root[data-theme=dark] .binderStickerColorToggle{background:#ffffff0a}:root[data-theme=dark] .binderStickerColorButtonActive{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff24,0 1px 4px #00000047}:root[data-theme=light] .binderStickerColorButtonActive{color:#1f2430;background:#d8dee7;box-shadow:inset 0 0 0 1px #11111114,0 1px 3px #11111114}.binderStickerGrid,.binderSymbolGrid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.binderStickerOption,.binderSymbolOption{border:1px solid var(--line);background:var(--surface-elevated);color:var(--ink);text-align:center;border-radius:14px;justify-items:center;gap:6px;padding:10px 8px;display:grid}.binderStickerOptionMedia{place-items:center;width:56px;height:56px;display:grid;position:relative}.binderStickerOptionMediaLoaded .binderStickerOptionSpinner{opacity:0}.binderStickerOption span,.binderSymbolOption span{font-size:.74rem;font-weight:700;line-height:1.2}.binderStickerOptionSelected{border-color:#111;box-shadow:0 0 0 2px #1111112e}:root[data-theme=dark] .binderStickerOptionSelected{border-color:#fff;box-shadow:0 0 0 2px #ffffff3d}.binderStickerOptionSprite{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.binderStickerOptionMedia:not(.binderStickerOptionMediaLoaded) .binderStickerOptionSprite{opacity:0}.binderStickerOptionSpinner{border:2px solid #24262b29;border-top-color:#24262bd1;border-radius:999px;width:18px;height:18px;animation:.72s linear infinite binderStickerSpin}:root[data-theme=dark] .binderStickerOptionSpinner{border-color:#ffffffdb #ffffff29 #ffffff29}@keyframes binderStickerSpin{to{transform:rotate(360deg)}}.binderSymbolOptionGlyph{color:var(--ink);line-height:1;font-size:2rem!important}@media (max-width:640px){.modalBackdrop{align-items:stretch;padding:12px}.modalCard,.modalCardWide{width:min(100vw - 24px,720px);max-height:calc(100dvh - 24px)}.binderCoverLayout{grid-template-columns:1fr}.binderColorPicker{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.binderStickerGrid,.binderSymbolGrid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}.pageMovePicker{width:fit-content}@media (max-width:980px){.shell{height:auto;min-height:100dvh;padding-bottom:16px;overflow:hidden auto}.workspaceNavBar{z-index:20;position:sticky;top:0}.galleryWorkspace{padding:14px}.galleryGrid{grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:18px 16px}.galleryCreateBinderButton{width:144px}.galleryViewerHeader{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back actions""secondary secondary""meta meta";align-items:start;gap:10px 12px;min-height:0;position:static}.galleryViewerMeta{flex-wrap:wrap;grid-area:meta;justify-content:center;align-items:center;gap:12px;width:100%;position:static;transform:none}.galleryViewerTitle{justify-content:center;align-items:center;display:inline-flex}.galleryBackButton{grid-area:back}.gallerySecondaryActions{flex-wrap:wrap;grid-area:secondary}.galleryViewerActions{flex-wrap:wrap;grid-area:actions;justify-self:end}.galleryStage{gap:16px;min-height:clamp(320px,60vw,760px)}.workspaceNavRail{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand tabs utility""search search search";place-items:center stretch;gap:10px 12px}.workspaceBrand{grid-area:brand}.workspaceModeSwitch{scrollbar-width:none;grid-area:tabs;width:100%;min-width:0;padding-left:0;overflow-x:auto}.workspaceModeSwitch::-webkit-scrollbar{display:none}.workspaceModeButton{flex:none}.searchWrap{grid-area:search;width:100%;max-width:none;margin-left:0}.workspaceUtilityGroup{flex-wrap:nowrap;grid-area:utility;justify-content:flex-end;width:auto;min-width:0}.dashboard{grid-template-columns:1fr;gap:12px;overflow:visible}.dashboardSplitter{display:none}.collectionPanel,.binderPanel{border-right-color:var(--line);border-radius:16px;height:auto;max-height:none;overflow:hidden}.binderPanel{order:1;padding-bottom:12px}.collectionPanel{order:2}.binderPanel,.binderPage{width:100%}.panelHeader{grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:10px;width:100%;display:grid}.panelInlineTitle,.panelHeaderLeading,.collectionHeaderActions,.binderHeaderActions{width:100%}.collectionHeaderActions,.binderHeaderActions{justify-content:flex-start}.binderHeaderActions{row-gap:8px}.collectionList{padding-right:0;overflow-y:visible}.binderStage{min-height:clamp(300px,56vw,720px)}.binderPage{max-height:none}.headerMenuPopover,.headerMenuPopoverStart,.headerMenuPopoverEnd{left:0;right:auto}}@media (max-width:640px){.shell{width:min(100vw - 20px,1400px);padding-top:10px}.workspaceNavRail{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand utility""tabs tabs""search search";gap:10px}.workspaceUtilityGroup{justify-content:flex-end;gap:6px}.workspaceModeSwitch{width:100%;padding-bottom:2px}.workspaceModeButton{text-align:center;flex:1 1 0;justify-content:center;min-height:36px}.workspaceImportButton{white-space:nowrap;min-width:0;padding:0 11px;font-size:.84rem}.workspaceSignInButton{white-space:nowrap;padding:0 11px;font-size:.84rem}.galleryWorkspace{padding:12px}.galleryGridHeader{justify-content:flex-end}.galleryGrid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px 12px}.galleryCreateBinderButton{width:132px}.galleryViewerHeader{grid-template-columns:1fr;grid-template-areas:"back""secondary""actions""meta";gap:10px}.gallerySecondaryActions,.galleryViewerActions{flex-wrap:wrap;justify-content:flex-start;width:100%}.galleryViewerMeta{text-align:center;justify-content:center}.galleryViewerTitle h2{font-size:1.12rem}.galleryPageNav{margin-inline:auto}.panel{border-radius:16px;padding:10px}.workspaceNavBar{padding:0 2px 0 0}.workspaceNavRail{padding:4px 6px}.dashboard{gap:10px}.binderPanel{padding:8px 8px 10px}.binderStage{min-height:min(82vw,520px)}.collectionPanel{padding-top:8px}.panelHeaderLeading{flex-wrap:wrap;gap:8px}.collectionHeaderActions,.binderHeaderActions{gap:8px}.binderTitleButton,.binderPageButton,.binderPageNav,.headerMenuButton,.workspaceImportButton,.workspaceSignInButton{min-height:38px}.binderPageNav{max-width:100%}.collectionList{gap:10px}.cardRow{grid-template-columns:60px minmax(0,1fr);gap:12px}.thumbSm{width:60px;height:80px}.binderGrid{gap:4px}}@media (max-width:460px){.shell{width:min(100vw - 12px,1400px);padding-top:6px}.workspaceNavRail{border-radius:12px;padding:6px}.workspaceLogo{width:66px;height:21px}.workspaceUtilityGroup{gap:4px}.workspaceThemeButton,.workspaceProfileButton{width:32px;min-width:32px;min-height:32px}.workspaceImportButton,.workspaceSignInButton{min-height:32px;padding:0 9px;font-size:.82rem}.searchInput{min-height:38px;font-size:.88rem}.galleryViewerMeta{gap:8px}.galleryViewerTitle h2{font-size:1.02rem}.binderStage{min-height:min(84vw,430px)}.galleryWorkspace,.panel{padding:10px}.galleryViewerHeader{gap:8px}.gallerySecondaryActions,.galleryViewerActions,.galleryViewerMeta,.binderHeaderActions,.collectionHeaderActions{gap:6px}.collectionHeaderActions>*,.binderHeaderActions>*{max-width:100%}.galleryBinderMeta strong{font-size:.88rem}}