.community-a-works .work-grid{grid-template-columns:minmax(0,1fr);gap:12px}.community-a-works .discover-product-card{display:grid;grid-template-columns:128px minmax(0,1fr);min-width:0;min-height:148px;overflow:hidden;border:1px solid var(--community-line, var(--color-border));border-radius:6px;background:var(--community-white, var(--color-surface))}.community-a-works .discover-product-card__media{position:relative;min-height:100%;overflow:hidden;background:var(--color-canvas)}.community-a-works .discover-product-card__media img{display:block;width:100%;height:100%;object-fit:cover}.community-a-works .discover-product-card__media-label{position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:3px;color:#245f50;background:#e8f7f2f0;font-size:9px;font-weight:800;line-height:1}.community-a-works .discover-product-card__missing{display:grid;place-items:center;align-content:center;height:100%;gap:5px;color:var(--community-muted);font-size:9px}.community-a-works .discover-product-card__missing svg{width:22px;height:22px}.community-a-works .discover-product-card__body{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;padding:8px 9px 0}.community-a-works .discover-product-card__content{display:grid;align-content:center;gap:8px;min-width:0}.community-a-works .discover-product-card__copy{width:100%;min-width:0;padding-inline:4px;text-align:center}.community-a-works .discover-product-card__copy h2{margin:0;overflow:hidden;color:var(--community-ink);font-size:13px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.community-a-works .discover-product-card__copy p{display:-webkit-box;margin:3px 0 0;overflow:hidden;color:var(--community-muted);font-size:9px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:1}.community-a-works .discover-product-card__copy .discover-product-card__fallback{color:#aaa7a0}.community-a-works .discover-media-switcher{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-width:0;overflow:hidden;border:1px solid var(--community-line);border-radius:4px}.community-a-works .discover-media-switcher button{min-width:0;min-height:28px;padding:0 5px;border:0;color:var(--community-muted);background:transparent;font-size:9px;line-height:1;white-space:nowrap}.community-a-works .discover-media-switcher button+button{border-left:1px solid var(--community-line)}.community-a-works .discover-media-switcher button[aria-selected=true]{border-color:transparent;color:#fff;background:#2d735e;font-weight:800}.community-a-works .discover-product-actions{align-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0 -9px;border-top:1px solid var(--community-line)}.community-a-works .discover-product-actions button{position:relative;display:grid;place-items:center;align-content:center;gap:2px;min-width:0;min-height:46px;padding:3px 1px 1px;border:0;color:var(--community-ink);background:transparent;font-size:8px;line-height:1}.community-a-works .discover-product-actions button+button{border-left:1px solid var(--community-line)}.community-a-works .discover-product-actions button svg{width:15px;height:15px;stroke-width:2}.community-a-works .discover-product-actions button:disabled{cursor:not-allowed;color:#bbb8b1;opacity:.52}.community-a-works .discover-product-actions button.is-favorite{color:#2d735e}.community-a-works .discover-product-actions button.is-favorite svg{fill:currentColor}.community-a-works .discover-product-actions button:focus-visible,.community-a-works .discover-media-switcher button:focus-visible{z-index:1;outline:3px solid rgb(19 138 114 / 24%);outline-offset:-2px}@media(max-width:430px){.community-a-works .discover-product-card{grid-template-columns:120px minmax(0,1fr);min-height:138px}.community-a-works .discover-product-actions button{min-height:42px}.community-a-works .discover-product-actions button span{display:none}}@media(min-width:760px){.community-a-works .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(min-width:1220px){.community-a-works .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.workspace-dialog.delete-content-dialog{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid #d8d6d1;border-radius:8px;color:var(--community-ink, #20211f);background:#fff;box-shadow:0 24px 72px #16161438,0 2px 8px #16161414;animation:delete-content-enter .16s ease-out}.delete-content-dialog:before{display:block;height:4px;background:#c83e31;content:""}.delete-content-dialog__header{display:flex;align-items:center;gap:12px;padding:20px 20px 14px}.delete-content-dialog__icon{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border:1px solid #f0c3bd;border-radius:7px;color:#b93428;background:#fff2ef}.delete-content-dialog__icon svg{width:21px;height:21px;stroke-width:2}.delete-content-dialog__heading{min-width:0}.delete-content-dialog__heading span{display:block;margin-bottom:3px;color:#a93a30;font-size:10px;font-weight:800}.delete-content-dialog__heading h2{margin:0;color:var(--community-ink, #20211f);font-size:19px;line-height:1.3;text-wrap:balance}.delete-content-dialog__question{margin:0;padding:0 20px;color:#4e4e49;font-size:13px;line-height:1.65}.delete-content-dialog__question strong{color:#20211f;overflow-wrap:anywhere}.delete-content-dialog__impact{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;margin:14px 20px 0;padding:11px 12px;border-left:3px solid #d15a4e;color:#6d5b57;background:#faf5f3;font-size:11px;line-height:1.55}.delete-content-dialog__impact svg{width:16px;height:16px;margin-top:1px;color:#b93428}.delete-content-dialog__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px;padding:14px 20px 20px;border-top:1px solid #e7e5e1;background:#fcfcfb}.delete-content-dialog__actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:0 12px;border:1px solid #c9c7c2;border-radius:6px;color:#242521;background:#fff;font-size:12px;font-weight:800}.delete-content-dialog__actions button:not(:disabled):active{transform:translateY(1px)}.delete-content-dialog__actions button:focus-visible{outline:3px solid rgba(19,138,114,.24);outline-offset:2px}.delete-content-dialog__actions button:disabled{cursor:wait;opacity:.58}.delete-content-dialog__actions svg{width:16px;height:16px}.delete-content-dialog__actions .delete-content-dialog__confirm{border-color:#b93428;color:#fff;background:#b93428}.delete-content-dialog__actions .delete-content-dialog__confirm:hover:not(:disabled){border-color:#9f2e24;background:#9f2e24}.delete-content-dialog__spinner{animation:delete-content-spin .8s linear infinite}@keyframes delete-content-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes delete-content-spin{to{transform:rotate(360deg)}}@media(max-width:390px){.workspace-dialog.delete-content-dialog{width:calc(100vw - 20px)}.delete-content-dialog__header{padding:18px 16px 13px}.delete-content-dialog__question{padding-inline:16px}.delete-content-dialog__impact{margin-inline:16px}.delete-content-dialog__actions{padding:13px 16px 16px}}@media(prefers-reduced-motion:reduce){.workspace-dialog.delete-content-dialog,.delete-content-dialog__spinner{animation:none}}.generated-record-archive{width:100%;max-width:760px;padding-top:12px}.generated-record-month+.generated-record-month{margin-top:26px}.generated-record-month__heading{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding-bottom:8px;border-bottom:1px solid var(--community-ink)}.generated-record-month__heading h3{margin:0;color:var(--community-ink);font:500 16px/1.2 Georgia,"Noto Serif SC",serif}.generated-record-month__heading span{color:var(--community-muted);font-size:10px}.generated-record-month__list{display:grid;gap:10px;padding-top:10px}.generated-record-entry{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;min-width:0;padding:8px;border:1px solid var(--community-line);border-radius:5px;background:var(--community-white)}.generated-record-entry__image{position:relative;display:grid;place-items:center;overflow:hidden;width:100px;aspect-ratio:1;border:1px solid var(--community-line);border-radius:4px;color:var(--community-muted);background:var(--color-canvas)}.generated-record-entry__image img{display:block;width:100%;height:100%;object-fit:cover}.generated-record-entry__image>svg{width:24px;height:24px}.generated-record-entry__body{min-width:0}.generated-record-entry__heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:start}.generated-record-entry__heading>div:first-child{min-width:0}.generated-record-entry__heading h4{margin:0;overflow:hidden;color:var(--community-ink);font-size:13px;font-weight:850;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.generated-record-entry__heading p{margin:5px 0 0;color:var(--community-muted);font-size:9px}.generated-record-entry__status{position:absolute;top:7px;left:7px;display:inline-flex;width:max-content;padding:4px 6px;border-radius:3px;color:#2d735e;background:#dff3eef0;font-size:8px;font-weight:800;white-space:nowrap}.generated-record-entry__status--draft{color:#765f41;background:#fff8e8f2}.generated-record-entry__meta{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:5px 0 0}.generated-record-entry__meta>div{display:grid;grid-template-columns:28px minmax(0,1fr);min-width:0;gap:5px;color:var(--community-muted);font-size:9px;line-height:1.4}.generated-record-entry__meta dt{font-weight:700}.generated-record-entry__meta dd{min-width:0;margin:0;overflow:hidden;color:var(--community-ink);text-overflow:ellipsis;white-space:nowrap}.asset-action-grid{display:grid;grid-template-columns:repeat(4,28px);gap:16px;justify-content:start;margin-top:3px}.asset-command-row,.asset-download-actions{display:contents}.asset-primary-action,.asset-secondary-action,.asset-download-actions button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:28px;width:28px;min-height:28px;height:28px;max-height:28px;padding:0;border-radius:3px;font-size:10px;font-weight:800}.asset-action-grid button:after{position:absolute;inset:-8px;content:""}.generated-record-entry .asset-primary-action,.finished-product-card .asset-primary-action,.generated-record-entry .asset-secondary-action,.finished-product-card .asset-secondary-action{width:28px;margin:0;border:0;color:var(--community-ink);background:transparent}.asset-primary-action svg,.asset-secondary-action svg,.asset-download-actions svg{width:16px;height:16px}.asset-download-actions{margin-top:0}.asset-download-actions button{border:0;color:var(--community-ink);background:transparent}.asset-download-actions button:disabled{cursor:not-allowed;color:#aaa7a0;background:transparent;opacity:.38}.generated-record-entry .asset-action-grid svg,.finished-product-card .asset-action-grid svg{width:16px;height:16px;stroke-width:2}.asset-action-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.asset-primary-action:focus-visible,.asset-secondary-action:focus-visible,.asset-download-actions button:focus-visible,.asset-more-menu button:focus-visible{outline:3px solid rgb(19 138 114 / 24%);outline-offset:1px}.asset-more-menu{position:relative}.asset-more-menu__trigger{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:3px;color:var(--community-muted);background:transparent}.asset-more-menu__trigger[aria-expanded=true]{color:var(--community-ink);background:var(--color-canvas)}.asset-more-menu__trigger svg{width:17px;height:17px}.asset-more-menu__popover{position:absolute;z-index:4;top:35px;right:0;width:108px;padding:3px;border:1px solid var(--community-line);border-radius:4px;background:#fff;box-shadow:0 8px 18px #1616161f}.asset-more-menu__popover .pattern-record-delete{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-height:34px;padding:0 8px;border:0;border-radius:3px;color:#b13a2d;background:transparent;font-size:10px;font-weight:800;white-space:nowrap}.asset-more-menu__popover .pattern-record-delete:hover{background:#fff0ed}.asset-more-menu__popover .pattern-record-delete:active{background:#ffe2dc}.asset-more-menu__popover .pattern-record-delete:disabled{cursor:wait;opacity:.55}.asset-more-menu__popover svg{flex:0 0 auto;width:14px;height:14px}.asset-download-notice{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;padding:8px 11px;border:1px solid #a8dccc;border-radius:4px;color:#245f50;background:#e8f7f2;font-size:11px;font-weight:700}.asset-download-notice--error{border-color:#f1b1a7;color:#934033;background:#fff0ed}.asset-download-notice svg{flex:0 0 auto;width:16px;height:16px}.is-spinning{animation:asset-spin .8s linear infinite}@keyframes asset-spin{to{transform:rotate(360deg)}}@media(max-width:390px){.generated-record-entry{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:7px}.generated-record-entry__image{width:88px}.asset-download-actions button{padding-inline:4px;font-size:9px}}@media(min-width:760px){.generated-record-archive{padding-top:18px}.generated-record-month__list{grid-template-columns:repeat(2,minmax(0,1fr))}.generated-record-entry{grid-template-columns:108px minmax(0,1fr);gap:12px;padding:10px}.generated-record-entry__image{width:108px}.generated-record-entry__heading h4{font-size:14px}}@media(prefers-reduced-motion:reduce){.is-spinning{animation:none}}.finished-product-library{min-width:0;padding-top:12px}.finished-product-list{display:grid;gap:10px}.finished-product-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;min-width:0;padding:8px;border:1px solid var(--community-line);border-radius:5px;background:var(--community-white)}.finished-product-card__image{position:relative;display:grid;place-items:center;overflow:hidden;width:100px;aspect-ratio:1;border:1px solid var(--community-line);border-radius:4px;color:var(--community-muted);background:var(--color-canvas)}.finished-product-card__image>svg{width:24px;height:24px}.finished-product-card__image .finished-product-status{position:absolute;top:7px;left:7px;padding:4px 6px;border-radius:3px;color:#286e59;background:#dff3eef0;font-size:8px;font-weight:800}.finished-product-card__image .finished-product-status--friends{color:#8a574f;background:#fff0edf2}.finished-product-card__image .finished-product-status--private{color:#746342;background:#fff8e8f2}.finished-product-list .finished-product-card__body{display:block;min-width:0;padding:0}.finished-product-card__heading{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:start}.finished-product-card__heading>div:first-child{min-width:0}.finished-product-card__heading h3{margin:0;overflow:hidden;color:var(--community-ink);font-size:13px;font-weight:850;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.finished-product-card__heading time{display:block;margin-top:5px;color:var(--community-muted);font-size:9px}.finished-product-description{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:var(--community-muted);font-size:9px;line-height:1.4;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:1}.finished-product-visibility{display:flex;flex-wrap:wrap;gap:2px 9px;margin:3px 0 0}.finished-product-visibility>div{display:inline-flex;gap:4px;color:var(--community-muted);font-size:9px;line-height:1.2}.finished-product-card .asset-action-grid{grid-template-columns:repeat(5,22px);align-items:center;gap:16px;margin-top:-10px}.finished-product-card .asset-action-grid button{justify-self:center;min-width:22px;width:22px;min-height:22px;height:22px;max-height:22px;line-height:0}.finished-product-card .asset-action-grid svg{display:block}.finished-product-card .asset-favorite-action{position:relative;padding:0;border:0;color:var(--community-ink);background:transparent}.finished-product-card .asset-favorite-action.is-favorite{color:#2d735e}.finished-product-card .asset-favorite-action.is-favorite svg{fill:currentColor}.finished-product-card .asset-favorite-action:focus-visible{outline:3px solid rgb(19 138 114 / 24%);outline-offset:3px}.finished-product-card .asset-favorite-action:not(:disabled):active{transform:scale(.9)}.finished-product-card .asset-action-grid button:after{inset:-11px}.finished-product-card .asset-more-menu__popover button:disabled{cursor:wait;opacity:.55}@media(max-width:390px){.finished-product-card{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:7px}.finished-product-card__image{width:88px}}@media(min-width:760px){.finished-product-library{padding-top:18px}.finished-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.finished-product-card{grid-template-columns:108px minmax(0,1fr);gap:12px;padding:10px}.finished-product-card__image{width:108px}.finished-product-card__heading h3{font-size:14px}}.resource-search-page{width:min(100% - 24px,1120px);padding:38px 0 96px}.resource-search-hero{display:grid;grid-template-columns:58px minmax(0,1fr) 44px;align-items:center;min-height:86px;overflow:hidden;border:2px solid var(--community-ink);border-radius:8px;background:var(--community-white);box-shadow:0 14px 28px #18181817}.resource-search-hero__icon{display:grid;place-items:center;width:58px;height:58px;margin-left:10px;border-radius:7px;color:#fff;background:var(--community-ink)}.resource-search-hero__icon svg{width:25px;height:25px}.resource-search-hero input{width:100%;min-width:0;height:58px;padding:0 16px;border:0;outline:0;color:var(--community-ink);background:transparent;font-size:20px}.resource-search-hero input::placeholder{color:#858585}.resource-search-hero>button{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent}.resource-search-filters{display:flex;gap:8px;overflow-x:auto;padding:18px 0 8px;scrollbar-width:none}.resource-search-filters button{flex:0 0 auto;min-height:36px;padding:0 16px;border:1px solid var(--community-line);border-radius:18px;color:var(--community-muted);background:#fff;font-size:11px}.resource-search-filters button.is-active{border-color:var(--community-ink);color:#fff;background:var(--community-ink);font-weight:800}.resource-search-section{padding:30px 0 10px}.resource-search-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--community-line)}.resource-search-heading p{margin:0 0 7px;color:var(--community-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.resource-search-heading h2{margin:0;color:var(--community-ink);font-size:22px}.resource-search-heading>span{color:var(--community-muted);font-size:10px;white-space:nowrap}.resource-search-heading>svg{width:22px;height:22px}.resource-search-trending ol{margin:0;padding:0;list-style:none}.resource-search-trending li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;min-height:68px;border-bottom:1px solid var(--community-line)}.resource-search-trending li b{color:var(--community-ink);font-size:13px}.resource-search-trending li button{justify-self:start;border:0;color:var(--community-ink);background:transparent;font-size:13px}.resource-search-trending li span{color:var(--community-muted);font-size:9px}.resource-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-card{min-width:0;overflow:hidden;border:1px solid var(--community-line);border-radius:5px;background:#fff}.resource-card__media{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border:0;background:#efefec}.resource-card__media img{width:100%;height:100%;object-fit:cover}.resource-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:#aaa}.resource-card__placeholder svg{width:28px;height:28px}.resource-card__badge{position:absolute;top:9px;left:9px;max-width:calc(100% - 18px);overflow:hidden;padding:5px 7px;border-radius:3px;color:#264e42;background:#edf9f5f0;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.resource-card__badge.is-douyin{color:#fff;background:#161616}.resource-card__body{min-height:74px;padding:10px 10px 8px}.resource-card__body h3{margin:0;overflow:hidden;color:var(--community-ink);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.resource-card__body p{display:-webkit-box;margin:5px 0 0;overflow:hidden;color:var(--community-muted);font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resource-card__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--community-line)}.resource-card__actions button{display:grid;place-items:center;gap:2px;min-width:0;min-height:48px;padding:4px 1px;border:0;color:var(--community-muted);background:#fff;font-size:8px}.resource-card__actions button+button{border-left:1px solid var(--community-line)}.resource-card__actions button svg{width:15px;height:15px}.resource-card__actions button:disabled{opacity:.34;cursor:not-allowed}.resource-card__actions button.is-active{color:#2d735e}.resource-card__actions button.is-active svg{fill:currentColor}.resource-card__external-action,.resource-search-douyin{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:0 11px;border-top:1px solid var(--community-line);color:var(--community-ink);font-size:9px;font-weight:800;text-decoration:none}.resource-card__external-action svg,.resource-search-douyin svg{width:15px;height:15px}.resource-search-status,.resource-search-empty{display:flex;align-items:center;justify-content:center;gap:7px;min-height:68px;margin:10px 0 0;color:var(--community-muted);font-size:10px;text-align:center}.resource-search-status.is-error{color:#a13c2f}.resource-search-status svg{width:17px;height:17px}.resource-search-douyin{width:fit-content;margin:18px 0 0 auto;padding:0 0 0 14px;border:1px solid var(--community-ink);border-radius:4px}.resource-search-douyin svg{box-sizing:content-box;padding:14px;border-left:1px solid var(--community-ink)}@media(min-width:760px){.resource-search-page{padding-top:48px}.resource-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:1100px){.resource-search-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:430px){.resource-search-page{width:min(100% - 22px,1120px);padding-top:24px}.resource-search-hero{grid-template-columns:52px minmax(0,1fr) 38px;min-height:72px}.resource-search-hero__icon{width:48px;height:48px;margin-left:7px}.resource-search-hero input{height:52px;padding:0 10px;font-size:16px}.resource-search-grid{gap:9px}.resource-card__body{min-height:68px;padding-inline:8px}}.discover-inline-search{padding:0 12px}.discover-inline-search__input{min-height:48px;display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:4px 8px 4px 12px;border:0;border-radius:9px;background:var(--community-white);box-shadow:0 4px 14px #23232314,inset 0 0 0 1px #e2e2e2;transition:box-shadow .18s ease,transform .18s ease}.discover-inline-search__input:focus-within{border:0;box-shadow:0 8px 22px #23232321,inset 0 0 0 1.5px var(--community-ink);transform:translateY(-1px)}.discover-inline-search__input>svg{width:21px;height:21px;padding:0;border-radius:0;color:var(--community-muted);background:transparent;stroke-width:1.8}.discover-inline-search__input input,.discover-inline-search__input input:focus,.discover-inline-search__input input:focus-visible{min-width:0;width:100%;height:40px;padding:0 2px;border:0;outline:0!important;color:var(--community-ink);background:transparent;box-shadow:none!important;font:inherit;font-size:13px;line-height:1}.discover-inline-search__input input::placeholder{color:var(--community-muted)}.discover-inline-search__input button,.discover-inline-search__input-end{display:grid;place-items:center;width:32px;height:32px;border-radius:50%}.discover-inline-search__input button{background:var(--color-canvas)}.discover-inline-search__input button:hover{background:#e8e9e6}.discover-inline-search__input button svg{width:15px;height:15px}.discover-inline-search button,.resource-detail-sheet button{border:0;background:transparent;color:inherit}.discover-inline-search__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discover-resource-card{display:grid;gap:6px;text-align:left;padding:0;overflow:hidden}.discover-resource-card>span{display:grid;place-items:center;aspect-ratio:1;background:#ece8e0;overflow:hidden}.discover-resource-card img{width:100%;height:100%;object-fit:cover}.discover-resource-card strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.discover-resource-card small,.discover-resource-card em{color:#77736b;font-style:normal;font-size:12px}.resource-detail-backdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:end;background:#14171566}.resource-detail-sheet{width:min(100%,640px);margin:0 auto;max-height:min(84dvh,680px);overflow:auto;background:#fffdf8;border-radius:8px 8px 0 0;padding:10px 16px calc(16px + env(safe-area-inset-bottom))}.resource-detail-sheet header{display:flex;justify-content:space-between;align-items:center}.resource-detail-sheet__handle{width:42px;height:4px;border-radius:3px;background:#d4cec3;margin-left:calc(50% - 42px)}.resource-detail-sheet__body{display:grid;grid-template-columns:116px 1fr;gap:14px;padding:10px 0 14px}.resource-detail-sheet__preview{aspect-ratio:1;background:#ece8e0;overflow:hidden;display:grid;place-items:center}.resource-detail-sheet__preview img{width:100%;height:100%;object-fit:cover}.resource-detail-sheet h2{margin:5px 0;font-size:17px}.resource-detail-sheet p{margin:0;color:#69655d}.resource-source-badge{color:#9e4d42!important;font-size:12px}.resource-detail-sheet footer{position:sticky;bottom:-16px;display:flex;gap:8px;padding:12px 0;background:#fffdf8}.resource-detail-sheet footer button{min-height:40px;padding:0 12px;border:1px solid #cac4b8;border-radius:6px;display:inline-flex;gap:5px;align-items:center;justify-content:center}.resource-detail-sheet footer .resource-primary-action{flex:1;color:#fff;background:#df6855;border-color:#df6855}.resource-detail-sheet footer button:disabled{opacity:.45}@media(min-width:720px){.discover-inline-search__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.discover-inline-search+.community-a-works{padding-top:12px}.discover-topic-categories{display:flex;gap:8px;overflow-x:auto;padding:10px 0 6px;scrollbar-width:none}.discover-topic-categories button{flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid #dedad2;border-radius:6px;background:#fff;color:#66625b;font-size:12px}.discover-topic-categories button.is-active{border-color:#2d735e;background:#2d735e;color:#fff;font-weight:700}.discover-inline-search__heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:10px 0}.discover-inline-search__heading p{margin:0 0 3px;color:#8a857b;font-size:10px;font-weight:700}.discover-inline-search__heading h2{margin:0;font-size:17px}.discover-inline-search__heading>span{color:#8a857b;font-size:12px}.resource-feed-status{padding:18px 0;color:#7b766d;font-size:13px;text-align:center}.resource-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 0 4px}.resource-pagination button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9d3c9;border-radius:6px;background:#fff}.resource-pagination button:disabled{opacity:.4}.resource-pagination span{min-width:52px;color:#68645d;font-size:12px;text-align:center}.discover-inline-search{width:min(100% - 24px,1180px);margin-inline:auto;padding:8px 0 18px}.discover-inline-search .catalog-filter-bar,.discover-inline-search .discover-resource-toolbar{position:static;inset:auto;z-index:auto;width:100%;min-height:54px;margin:0;padding:0;border-bottom:1px solid #e4e0d9;background:transparent}.discover-resource-toolbar__title{display:grid;gap:2px;min-width:0}.discover-resource-toolbar__title strong{color:#242724;font-size:18px;line-height:1.15}.discover-resource-toolbar__title span{color:#817c73;font-size:11px}.discover-inline-search .catalog-search-trigger{flex-basis:40px;width:40px;height:40px;border-radius:6px}.discover-topic-categories{margin:6px 0 8px;gap:16px;padding:0;border-bottom:1px solid var(--community-line);scroll-padding-inline:0;scroll-snap-type:x proximity}.discover-topic-categories button{min-height:38px;padding:0;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--community-muted);background:transparent;font-size:10px;font-weight:700;line-height:1;scroll-snap-align:start;transition:border-color .16s ease,color .16s ease}.discover-topic-categories button:hover{color:var(--community-ink);background:transparent}.discover-topic-categories button.is-active{border-color:var(--community-ink);color:var(--community-ink);background:transparent;font-weight:800}.discover-inline-search__grid{gap:10px}.discover-resource-card{border:1px solid #e0ddd6!important;border-radius:6px;background:#fff!important}.discover-resource-card>span{border-radius:5px 5px 0 0}.discover-resource-card small,.discover-resource-card strong,.discover-resource-card em{padding-inline:9px}.discover-resource-card em{padding-bottom:10px}.resource-feed-status{margin:0 0 8px;padding:11px 12px;border:1px solid #e2ded6;border-radius:6px;background:#fff;color:#777269;text-align:left}.discover-inline-search+.community-a-works{padding-top:4px}@media(max-width:759px){.discover-inline-search{padding-top:6px}.discover-inline-search .discover-inline-search__input{min-height:48px}}:root{color-scheme:light;font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-background-warm: #fffaf1;--color-surface: #fffefb;--color-surface-muted: #e9f7ef;--color-border: #bfd3c5;--color-border-strong: #739985;--color-text-ink: #263a31;--color-text-muted: #60756a;--color-primary-mint: #278966;--color-primary-mint-soft: #cceedd;--color-warning-coral: #c84256;--color-warning-coral-soft: #ffe0e4;--color-accent-butter: #d69b16;--color-accent-butter-soft: #fff0b2;--color-accent-blue: #407fbe;--color-accent-blue-soft: #ddecff;--color-accent-green: #61a955;--color-accent-green-soft: #e1f3d8;--color-canvas: #f3f7f2;--color-on-primary: #ffffff;--color-focus-ring: #0d6f56;--color-overlay: rgb(32 51 44 / 42%);--color-overlay-soft: rgb(32 51 44 / 18%);--color-shadow: rgb(38 58 49 / 13%);--color-shadow-strong: rgb(38 58 49 / 22%);--color-pencil-line: rgb(38 58 49 / 55%);--color-pencil-faint: rgb(39 137 102 / 10%);--color-paper-fiber: rgb(38 58 49 / 4%);--color-bead-edge: rgb(38 58 49 / 34%);--color-bead-highlight: rgb(255 255 255 / 58%);--ink-950: var(--color-background-warm);--ink-900: var(--color-surface);--ink-800: var(--color-surface-muted);--ink-700: var(--color-border);--ink-600: var(--color-border-strong);--ink-300: var(--color-text-muted);--paper: var(--color-text-ink);--paper-muted: var(--color-text-muted);--teal: var(--color-primary-mint);--coral: var(--color-warning-coral);--yellow: var(--color-accent-butter);--blue: var(--color-accent-blue);--green: var(--color-accent-green);--canvas: var(--color-canvas);--toolbar-height: 56px;--status-height: 34px;--mobile-toolbar-height: 52px;--mobile-status-height: 28px;--mobile-action-height: 68px;--sidebar-left: 248px;--sidebar-right: 236px;--control-height: 44px;--radius: 6px;--radius-card: 8px;--focus-ring: 0 0 0 3px var(--color-primary-mint-soft);--pencil-shadow: 2px 2px 0 rgb(38 58 49 / 12%);--pencil-shadow-raised: 3px 4px 0 rgb(38 58 49 / 14%);letter-spacing:0}*{box-sizing:border-box}.community-shell{--community-ink: #161616;--community-muted: #696762;--community-line: #dedbd3;--community-paper: #f7f6f2;--community-white: #ffffff;--community-coral: #ef5b45;--community-mint: #138a72;min-height:100%;overflow-y:auto;color:var(--community-ink);background:var(--community-paper);padding:64px 0 100px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.community-shell button,.community-shell input,.community-shell textarea{color:inherit;font:inherit;letter-spacing:0}.community-shell button{cursor:pointer}.community-shell svg{width:19px;height:19px;stroke-width:1.8}.community-topbar{position:fixed;z-index:40;inset:0 0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--community-line);background:#f7f6f2f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.community-brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0;border:0;background:none;font-size:18px;font-weight:900}.community-mark{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--community-coral);font-size:17px}.community-topbar__actions{display:flex;align-items:center;gap:4px}.community-topbar__actions>button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent}.community-topbar__actions .avatar-button{width:36px;height:36px;margin-left:4px;border:1px solid var(--community-ink);border-radius:50%;background:var(--color-accent-butter-soft);font-weight:800}.community-intro,.work-section,.project-preview-section,.community-page{width:min(100% - 32px,1180px);margin-inline:auto}.community-intro{display:grid;gap:22px;padding:36px 0 28px;border-bottom:1px solid var(--community-line)}.eyebrow{margin:0 0 10px;color:var(--community-muted);font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0}.community-intro h1,.community-page h1{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:38px;line-height:1.08;font-weight:500;letter-spacing:0}.community-intro h1 em{color:var(--community-coral);font-weight:inherit}.intro-copy{max-width:560px;margin:18px 0 0;color:var(--community-muted);font-size:14px;line-height:1.75}.coral-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:1px solid var(--community-ink);border-radius:4px;font-weight:800}.coral-button{align-self:end;color:var(--color-on-primary)!important;border-color:var(--color-warning-coral);background:var(--community-coral);box-shadow:3px 3px 0 var(--community-ink)}.coral-button--full{width:100%}.outline-button{background:#fff}.intro-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.join-link{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0;border:0;background:transparent;color:var(--community-muted);font-size:12px;font-weight:800}.join-link svg{width:15px}.community-tabs{width:min(100% - 32px,1180px);margin:0 auto;display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid var(--community-line);scrollbar-width:none}.community-tabs button,.market-filters button,.profile-tabs button{flex:0 0 auto;min-height:50px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--community-muted);font-size:13px;font-weight:700}.community-tabs button.is-active,.market-filters button.is-active,.profile-tabs button.is-active{color:var(--community-ink);border-bottom-color:var(--community-coral)}.feature-strip{width:min(100% - 32px,1180px);margin:24px auto 0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:14px;color:var(--color-on-primary);background:var(--color-text-ink)}.feature-strip__icon{display:grid;place-items:center;width:44px;height:44px;color:var(--color-text-ink);background:var(--color-primary-mint-soft)}.feature-strip strong,.feature-strip span{display:block}.feature-strip strong{font-size:13px;line-height:1.35}.feature-strip span{margin-top:4px;color:var(--color-primary-mint-soft);font-size:11px}.feature-strip button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent}.feature-strip button svg{transform:rotate(180deg)}.work-section{padding-top:38px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2,.section-heading h3{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:25px;font-weight:500}.section-heading button,.back-link{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0;border:0;background:transparent;color:var(--community-muted);font-size:12px;font-weight:700}.section-heading button svg{width:14px;transform:rotate(180deg)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.work-card{min-width:0;overflow:hidden;border:1px solid var(--community-line);border-radius:5px;background:var(--community-white)}.work-card__image{position:relative;aspect-ratio:1 / 1.12;overflow:hidden;background:var(--color-canvas)}.work-card__image img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto}.work-card__badge{position:absolute;left:8px;top:8px;padding:5px 7px;color:#fff;background:#141414d1;font-size:10px;font-weight:800}.save-button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#ffffffe6}.save-button svg{width:17px}.save-button.is-saved svg{fill:var(--community-coral);color:var(--community-coral)}.work-card__body{padding:10px}.creator-line{display:flex;align-items:center;gap:8px;min-width:0}.mini-avatar{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary-mint-soft);color:var(--color-primary-mint);font-size:11px;font-weight:900}.creator-line div{min-width:0}.creator-line strong,.creator-line small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-line strong{font-size:11px}.creator-line small{margin-top:2px;color:var(--community-muted);font-size:9px}.work-card h3{margin:10px 0 7px;font-size:14px;line-height:1.35}.tag-row{display:flex;gap:6px;overflow:hidden;color:var(--community-mint);font-size:10px;white-space:nowrap}.work-actions{display:flex;align-items:center;margin:10px -4px -3px;border-top:1px solid #eceae5}.work-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;height:44px;padding:0 4px;border:0;background:transparent;color:var(--community-muted);font-size:10px}.work-actions button:nth-child(2){flex:1}.work-actions button svg{width:15px}.work-actions button.is-liked{color:var(--community-coral)}.work-actions button.is-liked svg{fill:currentColor}.comment-preview{margin:3px 0 0;padding:8px;background:var(--color-background-warm);color:var(--community-muted);font-size:10px;line-height:1.45}.project-preview-section{margin-top:38px;padding:24px 0;border-top:1px solid var(--community-line)}.project-preview-section p{margin:0;color:var(--community-muted);font-size:13px}.community-page{padding-top:22px}.back-link svg{width:15px}.page-title{padding:20px 0 26px;border-bottom:1px solid var(--community-line)}.page-title p:last-child{max-width:580px;margin:14px 0 0;color:var(--community-muted);line-height:1.65}.search-box{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;margin:22px 0 12px;padding:0 14px;min-height:54px;border:1px solid var(--community-ink);background:#fff}.search-box input{min-width:0;height:52px;border:0;outline:none;background:transparent}.search-box kbd{display:none;color:var(--community-muted);font-size:10px}.keyword-row,.market-filters,.profile-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.keyword-row button{flex:0 0 auto;min-height:40px;padding:0 12px;border:1px solid var(--community-line);border-radius:999px;background:#fff;font-size:11px}.trending-line{margin:18px 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--community-muted);font-size:11px}.trending-line svg{color:var(--community-coral)}.market-filters{margin:8px 0 22px;gap:22px;border-bottom:1px solid var(--community-line)}.template-grid{display:grid;gap:12px}.template-card{display:grid;grid-template-columns:42% minmax(0,1fr);border:1px solid var(--community-line);background:#fff}.template-card>img{width:100%;height:100%;min-height:190px;object-fit:cover}.template-card>div{min-width:0;padding:14px}.template-card h2{margin:16px 0 5px;font-family:Georgia,"Noto Serif SC",serif;font-size:19px}.template-card p{margin:0 0 16px;color:var(--community-muted);font-size:11px}.template-meta{display:flex;justify-content:space-between;gap:6px}.template-meta span{color:var(--community-coral);font-weight:900}.template-meta small{color:var(--community-muted)}.community-page.market-a-page{padding-top:0}.market-a-filters{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid var(--community-line);background:var(--community-paper);scrollbar-width:none}.market-a-filters::-webkit-scrollbar{display:none}.market-a-filters button{flex:0 0 auto;min-height:50px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--community-muted);font-size:11px;font-weight:700}.market-a-filters button.is-active{color:var(--community-ink);border-bottom-color:var(--community-ink)}.market-a-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:20px 0 14px}.market-a-heading .eyebrow{margin-bottom:5px}.market-a-heading h1{margin:0;font-size:25px}.market-a-heading>span{color:var(--community-muted);font-size:10px}.market-a-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:24px}.market-a-card{min-width:0;overflow:hidden;border:1px solid var(--community-line);border-radius:4px;background:var(--community-white)}.market-a-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-canvas)}.market-a-card__media img{display:block;width:100%;height:100%;object-fit:cover}.market-a-save{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#ffffffeb}.market-a-save svg{width:17px}.market-a-save.is-saved{color:var(--community-coral)}.market-a-save.is-saved svg{fill:currentColor}.market-a-card__body{padding:10px}.market-a-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.market-a-meta strong{color:var(--community-coral);font-size:12px}.market-a-meta small{overflow:hidden;color:var(--community-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.market-a-card h2{margin:9px 0 4px;overflow:hidden;color:var(--community-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.market-a-card p{margin:0;overflow:hidden;color:var(--community-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.market-a-card__body>button{display:inline-flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:5px;margin-top:10px;border:1px solid var(--community-ink);border-radius:3px;background:#fff;color:var(--community-ink);font-size:10px;font-weight:800}.market-a-card__body>button:active{color:#fff;background:var(--community-ink)}.market-a-card__body>button svg{width:15px}@media(min-width:760px){.market-a-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.library-b-page{padding-top:0}.library-b-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:20px 0 14px}.library-b-heading .eyebrow{margin-bottom:5px}.library-b-heading h1{margin:0;color:var(--community-ink);font-size:26px}.library-b-heading>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--community-ink);border-radius:50%;background:#fff}.library-b-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;border-radius:5px;background:var(--color-canvas)}.library-b-tabs button{min-height:42px;border-radius:3px;color:var(--community-muted);background:transparent;font-size:11px;font-weight:800}.library-b-tabs button.is-active{color:var(--community-ink);background:#fff;box-shadow:0 1px 3px #00000014}.library-b-timeline{border-top:1px solid var(--community-line)}.library-b-day{display:flex;align-items:center;gap:8px;min-height:42px;color:var(--community-muted);font-size:10px;font-weight:800}.library-b-day:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--community-coral)}.library-b-timeline-item{display:grid;grid-template-columns:90px minmax(0,1fr) 42px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--community-line)}.library-b-timeline-item>img{width:90px;aspect-ratio:1;object-fit:cover}.library-b-timeline-item>div{min-width:0}.library-b-timeline-item h2{margin:0 0 5px;overflow:hidden;color:var(--community-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.library-b-timeline-item p{margin:0 0 8px;color:var(--community-muted);font-size:9px}.library-b-timeline-item strong{color:var(--community-mint);font-size:9px}.library-b-timeline-item>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--community-ink);border-radius:50%;background:#fff}.library-b-timeline-item>button svg{width:16px;transform:rotate(-90deg)}.library-b-saved-list{border-top:1px solid var(--community-line)}.library-b-saved-row{display:grid;grid-template-columns:76px minmax(0,1fr) 38px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--community-line)}.library-b-saved-row>img{width:76px;aspect-ratio:1;object-fit:cover}.library-b-saved-row h2{margin:0 0 5px;overflow:hidden;color:var(--community-ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.library-b-saved-row p{margin:0;color:var(--community-muted);font-size:8px}.library-b-saved-row>button:not(.library-b-open){display:grid;place-items:center;width:38px;height:38px;color:var(--community-coral)}.library-b-saved-row>button:not(.library-b-open) svg{width:17px;fill:currentColor}.library-b-saved-row .library-b-open{grid-column:2 / -1;width:100%;min-height:40px;margin-top:2px;border:1px solid var(--community-ink);border-radius:3px;background:#fff;font-size:10px;font-weight:800}@media(min-width:760px){.library-b-timeline-item{grid-template-columns:112px minmax(0,1fr) 44px}.library-b-timeline-item>img{width:112px}.library-b-saved-row{grid-template-columns:92px minmax(0,1fr) 42px}.library-b-saved-row>img{width:92px}}.collab-room{overflow:hidden;border:1px solid var(--community-ink);background:#fff}.collab-room__top,.collab-members{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.collab-room__top{font-size:12px;font-weight:800}.collab-room__top button{width:40px;height:40px;border:0;background:transparent}.live-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--color-primary-mint);box-shadow:0 0 0 4px var(--color-primary-mint-soft)}.collab-canvas{position:relative;aspect-ratio:4/3;overflow:hidden;border-block:1px solid var(--community-line);background:var(--color-canvas)}.collab-canvas img{width:100%;height:100%;object-fit:contain}.cursor-note{position:absolute;padding:5px 7px;color:#fff;font-size:9px;box-shadow:2px 2px #0000002e}.cursor-note--one{top:22%;left:12%;background:var(--color-primary-mint)}.cursor-note--two{right:9%;bottom:20%;background:var(--community-coral)}.collab-members{border-bottom:1px solid var(--community-line)}.avatar-stack{display:flex}.avatar-stack span{display:grid;place-items:center;width:34px;height:34px;margin-right:-8px;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-accent-butter-soft);font-size:10px;font-weight:800}.collab-members strong,.collab-members small{display:block}.collab-members small{margin-top:3px;color:var(--community-muted)}.collab-room>.coral-button{margin:14px;width:calc(100% - 28px)}.profile-hero{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid var(--community-line)}.profile-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid var(--community-ink);background:var(--color-accent-butter-soft);font:800 28px Georgia,serif}.profile-hero h1{font-size:28px}.profile-hero p:last-child{margin:5px 0 0;color:var(--community-muted);font-size:12px}.profile-hero .outline-button{grid-column:1 / -1;width:100%}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0;border-bottom:1px solid var(--community-line)}.profile-stats span{text-align:center;border-right:1px solid var(--community-line)}.profile-stats span:last-child{border:0}.profile-stats strong,.profile-stats small{display:block}.profile-stats strong{font-family:Georgia,serif;font-size:22px}.profile-stats small{margin-top:4px;color:var(--community-muted);font-size:10px}.profile-tabs{margin-bottom:20px;gap:26px;border-bottom:1px solid var(--community-line)}.community-bottom-nav{position:fixed;z-index:50;inset:auto 0 0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 8px max(0px,env(safe-area-inset-bottom));border-top:1px solid var(--community-line);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.community-bottom-nav button{min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--community-muted);font-size:9px}.community-bottom-nav button.is-active{color:var(--community-coral)}.community-bottom-nav .create-nav{width:52px;height:52px;justify-self:center;border-radius:50%;color:#fff;background:var(--community-ink);box-shadow:0 4px #c9c5bb}.community-bottom-nav .create-nav svg{width:24px;height:24px}.comment-sheet,.register-sheet{position:fixed;z-index:80;inset:auto 0 0;padding:22px 18px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--community-ink);background:#fff;box-shadow:0 -16px 50px #00000029}.comment-sheet h2,.register-sheet h2{margin:0 44px 16px 0;font-family:Georgia,"Noto Serif SC",serif;font-size:24px}.sheet-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent}.comment-sheet textarea{width:100%;min-height:110px;resize:vertical;margin-bottom:12px;padding:12px;border:1px solid var(--community-line)}.register-sheet>p{color:var(--community-muted);line-height:1.6}.register-sheet input{width:100%;height:50px;margin-bottom:10px;padding:0 12px;border:1px solid var(--community-line)}.register-sheet small{display:block;margin-top:12px;color:var(--community-muted);line-height:1.5}@media(min-width:760px){.community-shell{padding:0 0 40px 92px}.community-topbar{inset:0 auto 0 0;width:92px;height:auto;flex-direction:column;padding:20px 10px;border:0;border-right:1px solid var(--community-line)}.community-brand span:last-child{display:none}.community-topbar__actions{flex-direction:column}.community-topbar__actions>button{width:52px;height:52px}.community-intro{grid-template-columns:minmax(0,1fr) auto;padding-top:64px}.community-intro h1,.community-page h1{font-size:52px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card__body{padding:14px}.community-page{padding-top:42px}.search-box kbd{display:block}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-bottom-nav{inset:auto auto 24px 12px;width:68px;height:360px;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr);border:1px solid var(--community-line);border-radius:5px;padding:4px}.community-bottom-nav button{width:58px}.comment-sheet,.register-sheet{inset:0 0 0 auto;width:min(440px,100%);padding:54px 30px;border:0;border-left:1px solid var(--community-ink)}.collab-room{max-width:760px;margin-inline:auto}.profile-hero{grid-template-columns:94px minmax(0,1fr) auto}.profile-avatar{width:94px;height:94px}.profile-hero .outline-button{grid-column:auto;width:auto}}.catalog-hero__cover{position:relative;grid-row:span 2;width:100%;max-width:160px;aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--color-canvas)}.catalog-hero__cover img{width:100%;height:100%;object-fit:cover}.catalog-hero__logo{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--color-on-primary);background:var(--community-ink);font-size:17px}.catalog-hero__info{align-self:center}.catalog-hero__info h1{margin:0}.catalog-stats{display:flex;gap:18px;margin-top:16px}.catalog-stats span{display:block;padding-right:18px;border-right:1px solid var(--community-line)}.catalog-stats span:last-child{border-right:0}.catalog-stats strong,.catalog-stats small{display:block}.catalog-stats strong{font-size:16px}.catalog-stats small{margin-top:3px;color:var(--community-muted);font-size:9px}.catalog-filter-bar{position:sticky;top:58px;z-index:30;width:min(100% - 24px,1180px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;border-block:1px solid var(--community-line);background:var(--community-paper);box-shadow:0 1px #1616160a}.catalog-filter-scroll{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none}.catalog-filter-scroll button{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;min-height:45px;padding:0 13px 0 0;margin-right:18px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--community-muted);font-size:10px}.catalog-filter-scroll button.is-active{color:var(--community-ink);border-bottom-color:var(--community-ink);font-weight:700}.catalog-filter-scroll svg{width:12px;height:12px}.catalog-search-trigger{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--community-line);border-radius:2px;background:#fff}.catalog-search-trigger svg{width:16px}.community-shell{height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media(max-width:759px){.community-intro{grid-template-columns:88px minmax(0,1fr);gap:12px;padding-top:20px;padding-bottom:16px}.catalog-hero__cover{grid-row:span 1;width:88px;max-width:88px}.catalog-hero__logo{left:7px;bottom:7px;width:26px;height:26px;font-size:13px}.catalog-hero__info h1{font-size:21px;line-height:1.2}.catalog-hero__info .intro-copy{margin-top:5px;font-size:10px;line-height:1.4}.catalog-stats{gap:10px;margin-top:9px}.catalog-stats span{padding-right:10px}.catalog-stats strong{font-size:13px}.catalog-stats small{font-size:8px}.intro-actions{grid-column:1 / -1;gap:10px}.intro-actions .coral-button,.intro-actions .join-link{min-height:36px}.catalog-filter-bar{position:fixed;inset:58px 12px auto;width:auto;margin:0;background:var(--community-paper)}.community-a-works{padding-top:62px}.feature-strip{margin-top:12px}.work-section{padding-top:20px}.community-bottom-nav{z-index:30}}.search-a-page{padding-top:12px}.search-a-page .search-a-box{grid-template-columns:40px minmax(0,1fr) 36px;gap:8px;min-height:58px;margin:0;padding:5px 7px;border:0;border-radius:14px;background:var(--community-white);box-shadow:0 5px 18px #19191914,inset 0 0 0 1px #e2e2e2}.search-a-page .search-a-box:focus-within{border:0;box-shadow:0 7px 22px #1919191f,inset 0 0 0 1.5px #252525}.search-a-page .search-a-box>svg{width:40px;height:40px;padding:10px;border-radius:11px;color:var(--color-on-primary);background:var(--community-ink)}.search-a-page .search-a-box input{height:46px;padding:0 2px;font-size:14px}.search-a-page .search-a-box input:focus,.search-a-page .search-a-box input:focus-visible{outline:0;box-shadow:none}.search-a-page .search-a-box>button{width:34px;height:34px;background:var(--color-canvas)}.search-a-page .search-a-box input:placeholder-shown+button{visibility:hidden}.community-a-tools{width:min(100% - 24px,1180px);margin:0 auto;padding:16px 0 12px}.community-a-search{min-height:48px;margin:0;border-radius:11px;background:var(--community-white)}.community-a-search input{height:44px}.community-a-search input:focus,.community-a-search input:focus-visible{outline:0;box-shadow:none}.community-a-search>button{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:var(--color-canvas)}.community-a-works{padding-top:0}.community-page:has(.market-filters),.community-page:has(.profile-hero){padding-top:0}.community-page:has(.market-filters) .market-filters{margin-top:0}.community-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}@media(min-width:760px){.community-bottom-nav{grid-template-columns:1fr;grid-template-rows:repeat(5,1fr)}}.community-a-works{padding-top:12px}@media(max-width:759px){.community-a-tools{padding-top:16px}}.search-a-heading{padding:16px 0 18px;border-bottom:1px solid var(--community-line)}.search-a-heading h1{margin:0;font-size:28px}.search-a-heading p:last-child{margin:8px 0 0;color:var(--community-muted);font-size:11px}.search-a-box{margin:16px 0 0;min-height:52px;border-color:var(--community-line);background:var(--community-white)}.search-a-box:focus-within{border-color:var(--community-ink);box-shadow:0 0 0 1px var(--community-ink)}.search-a-box input{height:50px;font-size:13px}.search-a-box>button{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:var(--color-canvas)}.search-a-box>button svg{width:14px;height:14px}.search-a-section{padding-top:24px}.search-a-section .section-heading{margin-bottom:10px}.search-a-section .section-heading h2{font-size:16px}.search-a-section .section-heading>button{min-height:36px;padding:0;border:0;background:transparent;color:var(--community-muted);font-size:10px}.search-a-section .section-heading>svg{width:17px;color:var(--community-ink)}.search-a-recent{display:flex;flex-wrap:wrap;gap:8px}.search-a-recent button{min-height:34px;padding:0 11px;border:1px solid var(--community-line);border-radius:3px;background:var(--community-white);color:var(--community-muted);font-size:10px}.search-a-rank{margin:0;padding:0;list-style:none;border-top:1px solid var(--community-line)}.search-a-rank li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:46px;border-bottom:1px solid var(--community-line);font-size:11px}.search-a-rank b{font-size:12px}.search-a-rank button{min-height:40px;padding:0;border:0;background:transparent;text-align:left;font-size:11px}.search-a-rank span{color:var(--community-muted);font-size:9px}.search-a-results{padding-bottom:30px}.search-a-results .section-heading>span{color:var(--community-muted);font-size:10px}.workbench-page{padding-top:12px;padding-bottom:28px}.workbench-canvas-preview{margin-top:0;padding:10px 10px 8px;border:1px solid var(--community-line);background:var(--color-canvas)}.workbench-canvas-ruler{display:flex;justify-content:space-between;padding:0 8px 6px;color:var(--community-muted);font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.workbench-grid-board{display:grid;place-items:center;min-height:280px;padding:14px;overflow:hidden;background:var(--color-background-warm)}.workbench-grid-art{display:grid;place-items:center;width:min(100%,264px);aspect-ratio:1;padding:12px;background:#ffffffbd;box-shadow:0 1px #1616161f}.workbench-grid-art img{width:100%;height:100%;object-fit:contain}.workbench-canvas-caption{display:flex;justify-content:space-between;gap:12px;padding-top:8px;color:var(--community-muted);font-size:10px}.workbench-canvas-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-canvas-caption strong{color:var(--community-ink);font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.workbench-canvas-tools{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid var(--community-line);background:var(--community-white)}.workbench-canvas-tools button,.workbench-tool-upload{position:relative;display:flex;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-right:1px solid var(--community-line);background:var(--community-white);color:var(--community-ink);font-size:10px}.workbench-canvas-tools button:last-child{border-right:0}.workbench-canvas-tools svg{width:20px;height:20px}.workbench-canvas-tools button.is-active{color:var(--community-coral);background:var(--color-warning-coral-soft)}.workbench-tool-upload{cursor:pointer}.workbench-tool-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.workbench-recent-section{margin:20px 0 0;padding:0 0 2px}.workbench-recent-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.workbench-recent-heading .eyebrow{margin-bottom:4px}.workbench-recent-heading h2{margin:0;color:var(--community-ink);font:500 20px/1.2 Georgia,"Noto Serif SC",serif}.workbench-recent-heading>button{display:inline-flex;align-items:center;gap:3px;min-height:36px;padding:0;border:0;background:transparent;color:var(--community-muted);font-size:10px}.workbench-recent-heading>button svg{width:13px;transform:rotate(-90deg)}.workbench-recent-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.workbench-recent-strip::-webkit-scrollbar{display:none}.workbench-recent-card{flex:0 0 118px;min-width:0;overflow:hidden;padding:0;border:1px solid var(--community-line);border-radius:4px;background:var(--community-white);text-align:left}.workbench-recent-card:hover,.workbench-recent-card:focus-visible{border-color:var(--community-ink);outline:none}.workbench-recent-card__preview{display:grid!important;place-items:center;width:100%;aspect-ratio:1.2;padding:0!important;color:var(--community-mint)!important;background:var(--color-primary-mint-soft)}.workbench-recent-card__preview svg{width:24px;height:24px}.workbench-recent-card span{display:block;overflow:hidden;padding:7px 8px 8px;text-overflow:ellipsis;white-space:nowrap;color:var(--community-ink);font-size:10px}.workbench-recent-card small{display:block;overflow:hidden;margin-top:-5px;padding:0 8px 8px;color:var(--community-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.workbench-recent-state{min-height:76px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px dashed var(--community-line);color:var(--community-muted);background:var(--color-background-warm);font-size:10px;text-align:center}.workbench-recent-state svg{width:18px;height:18px;flex:0 0 18px}.workbench-recent-state--error{color:var(--color-warning-coral)}.workbench-recent-state button{min-height:34px;padding:0 10px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:var(--community-white);font-weight:800}.workbench-settings-panel{margin-top:12px;overflow:hidden;border:1px solid var(--community-line);border-radius:5px;background:var(--community-white)}.workbench-settings-panel__header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 14px;border-bottom:1px solid var(--community-line);background:var(--community-paper)}.workbench-settings-panel__header .eyebrow{margin-bottom:4px}.workbench-settings-panel__header h2{margin:0;color:var(--community-ink);font:500 20px/1.2 Georgia,"Noto Serif SC",serif}.workbench-settings-panel__header button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:3px;background:transparent}.workbench-settings-panel__header button:hover,.workbench-settings-panel__header button:focus-visible{background:var(--color-canvas);outline:none}@media(max-width:759px){.workbench-settings-panel{position:fixed;z-index:55;inset:70px 12px 66px;margin:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--pencil-shadow-raised)}.workbench-settings-panel__header{position:sticky;top:0;z-index:2}}.workbench-setting-group{padding:16px 14px;border-bottom:1px solid var(--community-line)}.workbench-setting-group:last-child{border-bottom:0}.workbench-setting-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.workbench-setting-title h2{margin:0;color:var(--community-ink);font-size:15px}.workbench-setting-title span{color:var(--community-coral);font-size:20px}.workbench-choice-row{display:grid;gap:8px}.workbench-choice-row--three{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench-choice-row button,.workbench-choice-grid button{min-height:48px;padding:0 7px;border:1px solid var(--community-line);border-radius:4px;background:var(--community-white);color:var(--community-ink);font-size:12px;font-weight:800}.workbench-choice-row button.is-selected,.workbench-choice-grid button.is-selected{color:var(--color-on-primary);border-color:var(--color-warning-coral);background:var(--community-coral)}.workbench-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workbench-custom-size{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:12px 10px 10px;border:1px solid var(--community-line);border-radius:4px}.workbench-custom-size legend{padding:0 5px;color:var(--community-ink);font-size:12px;font-weight:800}.workbench-custom-size label{display:grid;gap:6px;color:var(--community-muted);font-size:11px;font-weight:800}.workbench-custom-size input{width:100%;height:46px;padding:0 12px;border:1px solid var(--community-line);border-radius:3px;background:var(--community-white);color:var(--community-ink);font-size:16px;font-weight:800;text-align:center}.workbench-detection-group{display:grid;gap:8px;padding:14px;background:var(--community-paper)}.workbench-check-row{position:relative;display:flex;min-height:52px;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--community-line);border-radius:4px;background:#fff;color:var(--community-ink);font-size:12px}.workbench-check-row input{width:20px;height:20px;accent-color:var(--community-mint)}.workbench-check-row span{color:var(--community-mint);font-size:20px}.workbench-palette-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.workbench-palette-heading h2{margin:0 0 8px;color:var(--community-ink);font-size:17px}.workbench-palette-heading span{color:var(--community-muted);font-size:12px;font-weight:800}.workbench-palette-heading>strong{color:var(--community-mint);font-size:17px}.workbench-palette-source{display:grid;gap:8px;margin:16px -14px 0;padding:16px 14px 0;border-top:1px solid var(--community-line)}.workbench-palette-source h3{margin:0;color:var(--community-ink);font-size:15px}.workbench-palette-source small{color:var(--community-muted);font-size:11px}.workbench-palette-source button{min-height:48px;border:1px solid var(--community-mint);border-radius:4px;background:#fff;color:var(--community-ink);font-size:12px}.workbench-palette-source button.is-selected{color:var(--color-on-primary);background:var(--community-mint)}.workbench-restore-row{display:grid;grid-template-columns:1fr auto;gap:9px 12px;align-items:center;margin-top:18px;color:var(--community-muted);font-size:14px;font-weight:800}.workbench-restore-row output{color:var(--community-mint);font-size:16px}.workbench-restore-row input{grid-column:1 / -1;width:100%;accent-color:var(--community-mint)}.workbench-page{padding-bottom:90px}@media(min-width:760px){.workbench-page{max-width:720px;margin-inline:auto}.catalog-filter-bar{top:58px}.community-intro{grid-template-columns:160px minmax(0,1fr) auto;align-items:center;column-gap:20px}.catalog-hero__cover{max-width:160px}.catalog-filter-bar{width:min(100% - 24px,1180px)}}@media(min-width:1120px){.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.community-intro{padding-top:76px}.community-intro h1{font-size:62px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.community-shell{--community-ink: #252525;--community-muted: #858585;--community-line: #e7e7e7;--community-paper: #f7f7f7;--community-white: #ffffff;--community-coral: #252525;--community-mint: #555555;background:var(--community-paper);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.community-topbar{height:58px;padding-inline:18px;background:#fffffff5;border-bottom-color:var(--community-line)}.community-brand{font-size:16px;font-weight:700}.community-mark{width:24px;height:24px;border-radius:50%;background:var(--community-ink);font-size:13px}.community-topbar__actions{gap:0}.community-topbar__actions>button{width:40px;height:40px}.community-topbar__actions .avatar-button{width:30px;height:30px;border:0;background:var(--color-canvas);color:var(--community-muted);font-size:11px}.community-intro{width:min(100% - 24px,1180px);padding:25px 0 20px}.community-intro h1,.community-page h1{font-family:Arial,PingFang SC,sans-serif;font-size:27px;line-height:1.25;font-weight:700}.community-intro h1 br{display:none}.community-intro h1 em{color:var(--community-ink);font-style:normal}.intro-copy{margin-top:9px;color:var(--community-muted);font-size:12px;line-height:1.6}.eyebrow{color:var(--community-muted);font-size:9px;letter-spacing:0}.intro-actions{gap:12px}.coral-button{min-height:40px;padding:0 14px;border:0;border-radius:3px;color:var(--color-on-primary)!important;background:var(--community-ink);box-shadow:none;font-size:12px}.join-link{min-height:40px;font-size:11px}.community-tabs{width:min(100% - 24px,1180px);gap:18px}.community-tabs button{min-height:42px;font-size:11px}.feature-strip{width:min(100% - 24px,1180px);margin-top:14px;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;padding:10px;border:1px solid var(--community-line);border-radius:3px;color:var(--community-ink);background:var(--community-white)}.feature-strip__icon{width:36px;height:36px;color:var(--community-ink);background:var(--color-canvas)}.feature-strip strong{font-size:11px}.feature-strip span{color:var(--community-muted);font-size:9px}.feature-strip button{width:36px;height:36px}.work-section,.project-preview-section,.community-page{width:min(100% - 24px,1180px)}.work-section{padding-top:24px}.section-heading{margin-bottom:12px}.section-heading h2,.section-heading h3{font-family:Arial,PingFang SC,sans-serif;font-size:18px;font-weight:700}.section-heading button,.back-link{min-height:36px;font-size:10px}.work-grid{gap:8px}.work-card{border:0;border-radius:2px;background:var(--community-white)}.work-card__image{aspect-ratio:1 / 1.16;background:var(--color-canvas)}.work-card__badge{left:6px;top:6px;padding:4px 6px;border-radius:2px;color:var(--community-muted);background:#ffffffe6;font-size:9px}.save-button{top:5px;right:5px;width:32px;height:32px;background:#ffffffe6}.save-button svg{width:15px}.work-card__body{padding:9px}.mini-avatar{width:24px;height:24px;background:var(--color-canvas);color:var(--community-muted);font-size:9px}.creator-line strong{font-size:10px;font-weight:600}.creator-line small{font-size:8px}.work-card h3{margin:8px 0 5px;font-size:12px;font-weight:600}.tag-row{color:var(--community-muted);font-size:9px}.work-actions{margin-top:7px}.work-actions button{height:36px;color:var(--community-muted);font-size:9px}.work-actions button.is-liked{color:var(--community-ink)}.project-preview-section{margin-top:24px;padding:18px 0}.project-preview-section p{color:var(--community-muted);font-size:11px}.community-page{padding-top:20px}.page-title{padding:15px 0 18px}.page-title p:last-child{color:var(--community-muted);font-size:11px}.search-box{margin:16px 0 10px;min-height:46px;border:1px solid #ddd;border-radius:2px}.search-box input{height:44px;font-size:12px}.keyword-row button{min-height:32px;padding-inline:10px;border-color:var(--community-line);border-radius:2px;color:var(--community-muted);font-size:10px}.trending-line{margin:14px 0 16px;font-size:10px}.market-filters{gap:17px}.market-filters button,.profile-tabs button{min-height:42px;font-size:10px}.template-card{border:0;border-radius:2px}.template-card>div{padding:12px}.template-card h2{margin:13px 0 4px;font-family:Arial,PingFang SC,sans-serif;font-size:15px;font-weight:600}.template-card p{font-size:10px}.outline-button{min-height:36px;padding-inline:12px;border-color:var(--community-line);border-radius:2px;font-size:10px}.collab-room{border-color:var(--community-line);border-radius:2px}.collab-room__top{font-size:11px}.collab-canvas{background:var(--color-canvas)}.collab-room>.coral-button{width:calc(100% - 24px);margin:12px}.profile-avatar{width:64px;height:64px;border:0;background:var(--color-canvas);color:var(--community-muted);font:700 22px Arial,sans-serif}.profile-hero h1{font-size:22px}.profile-hero p:last-child{color:var(--community-muted);font-size:10px}.profile-stats strong{font-family:Arial,sans-serif;font-size:19px}.community-bottom-nav{height:62px;background:#fffffff7}.community-bottom-nav button{height:52px;color:var(--community-muted);font-size:8px}.community-bottom-nav button.is-active{color:var(--community-ink)}.community-bottom-nav .create-nav{width:42px;height:42px;background:var(--community-ink);box-shadow:none}.comment-sheet,.register-sheet{padding-top:20px}@media(min-width:760px){.community-shell{padding-left:0}.community-topbar{position:sticky;inset:0 0 auto;width:100%;height:58px;flex-direction:row;padding-inline:max(18px,calc((100% - 1120px)/2));border-right:0}.community-brand span:last-child{display:inline}.community-topbar__actions{flex-direction:row}.community-intro{padding-top:38px}.community-intro h1,.community-page h1{font-size:32px}.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.community-bottom-nav{position:sticky;inset:auto;width:100%;height:56px;grid-template-columns:repeat(5,1fr);border:0;border-top:1px solid #e7e7e7;border-radius:0;margin-top:24px}.community-bottom-nav button{width:auto}}html,body,#root{width:100%;max-width:100%;min-width:320px;height:100%;margin:0;overflow-x:hidden}body{overflow:hidden;color:var(--paper);background:var(--ink-950)}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;box-shadow:var(--focus-ring)}button:disabled{cursor:not-allowed;opacity:.38}.app-shell{width:100%;max-width:100%;height:100%;display:grid;grid-template-rows:var(--toolbar-height) minmax(0,1fr) var(--status-height);background:var(--ink-900)}.topbar,.statusbar{display:flex;align-items:center;min-width:0;background:var(--ink-950)}.topbar{justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--ink-700)}.brand,.local-badge,.command-button{display:inline-flex;align-items:center}.brand{min-width:0;gap:9px}.brand-mark{width:17px;height:17px;display:grid;flex:0 0 17px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:3px}.brand-mark i{display:block;border-radius:2px}.brand-mark i:nth-child(1){background:var(--teal)}.brand-mark i:nth-child(2){background:var(--coral)}.brand-mark i:nth-child(3){background:var(--yellow)}.brand-mark i:nth-child(4){background:var(--blue)}.brand-name{font-size:16px;font-weight:800}.brand-code{color:var(--paper-muted);font-size:10px;font-weight:700}.local-badge{min-height:30px;gap:7px;padding:0 10px;border:1px solid var(--ink-600);border-radius:4px;color:var(--teal);font-size:12px;font-weight:700}.empty-workspace{position:relative;display:grid;grid-template-rows:minmax(176px,.82fr) auto minmax(52px,.42fr);place-items:center;min-width:0;min-height:0;overflow:hidden;background-color:var(--ink-800)}.bead-preview{z-index:1;align-self:end;width:min(196px,48vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:5px;padding:12px;transform:rotate(-3deg)}.preview-bead{display:block;min-width:0;min-height:0;border:1px solid var(--color-bead-edge);border-radius:50%;box-shadow:inset 0 0 0 3px var(--color-bead-highlight),2px 3px 0 var(--color-shadow-strong)}.preview-bead--none{visibility:hidden}.preview-bead--blue{background:var(--blue)}.preview-bead--teal{background:var(--teal)}.preview-bead--coral{background:var(--coral)}.preview-bead--yellow{background:var(--yellow)}.preview-bead--paper{background:var(--paper)}.empty-actions{z-index:1;width:min(680px,calc(100% - 32px));text-align:center}.section-index{display:block;margin-bottom:10px;color:var(--teal);font-size:11px;font-weight:800}.empty-actions h1{max-width:100%;margin:0;font-size:clamp(30px,4.6rem,54px);font-weight:850;line-height:1.12;overflow-wrap:anywhere}.command-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.command-button{min-width:142px;height:var(--control-height);justify-content:center;gap:8px;padding:0 16px;border-radius:var(--radius);font-size:14px;font-weight:800;cursor:pointer}.command-button--primary{border:1px solid var(--yellow);color:var(--paper);background:var(--yellow)}.command-button--secondary{border:1px solid var(--ink-600);color:var(--paper);background:var(--ink-900)}.command-button:hover{border-color:var(--teal)}.command-button--primary:hover{background:var(--paper)}.recovery-command{min-width:220px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:0 14px;border:1px solid var(--teal);border-radius:4px;color:var(--teal);background:var(--ink-950);font-size:11px;font-weight:800}.recovery-command span{max-width:150px;overflow:hidden;color:var(--paper);text-overflow:ellipsis;white-space:nowrap}.statusbar{justify-content:space-between;gap:12px;padding:0 14px;border-top:1px solid var(--ink-700);color:var(--paper-muted);font-size:11px;font-variant-numeric:tabular-nums}.statusbar-count{color:var(--paper)}.workspace-toolbar{z-index:20;min-width:0;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--ink-700);background:var(--ink-950)}.workspace-toolbar .brand{margin-right:4px}.toolbar-group,.toolbar-segment{min-width:0;display:inline-flex;align-items:center;gap:2px}.toolbar-group{padding:0 8px;border-left:1px solid var(--ink-700)}.toolbar-group--commands{margin-left:auto}.icon-button,.toolbar-segment button{width:34px;height:34px;display:inline-grid;flex:0 0 34px;place-items:center;padding:0;border:1px solid transparent;border-radius:4px;color:var(--paper-muted);background:transparent;cursor:pointer}.toolbar-color-button{width:34px;height:34px;display:inline-grid;flex:0 0 34px;place-items:center;padding:4px;border:1px solid var(--ink-600);border-radius:4px;background:var(--ink-900);cursor:pointer}.toolbar-color-button .palette-swatch{width:22px;height:22px}.icon-button svg,.toolbar-segment button svg,.workspace-toolbar .local-badge svg{width:17px;height:17px}.tooltip-anchor{position:relative;display:inline-flex;flex:0 0 auto}.tooltip-bubble{position:absolute;z-index:120;top:calc(100% + 7px);left:50%;width:max-content;max-width:190px;padding:6px 8px;transform:translate(-50%);border:1px solid var(--ink-600);border-radius:3px;color:var(--paper);background:var(--ink-950);box-shadow:0 6px 18px var(--color-shadow-strong);font-size:9px;line-height:1.3;pointer-events:none;opacity:0;visibility:hidden}.tooltip-anchor:hover .tooltip-bubble,.tooltip-anchor:focus-within .tooltip-bubble{opacity:1;visibility:visible}.icon-button:not(:disabled):hover,.toolbar-segment button:hover{color:var(--paper);border-color:var(--ink-600);background:var(--ink-800)}.toolbar-segment button[aria-pressed=true]{color:var(--color-on-primary);border-color:var(--teal);background:var(--teal)}.side-panel{width:100%;height:100%;min-width:0;min-height:0;scrollbar-color:var(--ink-600) transparent;background:var(--ink-900)}.source-panel{border-right:1px solid var(--ink-700)}.palette-panel{display:flex;flex-direction:column;border-left:1px solid var(--ink-700)}.panel-heading{height:44px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--ink-700)}.panel-heading h2{margin:0;font-size:12px;font-weight:800}.panel-section{padding:12px;border-bottom:1px solid var(--ink-700)}.panel-section--compact{padding-top:4px;padding-bottom:10px}.section-label,.palette-name-row,.range-control>span:first-child{min-height:20px;display:flex;align-items:center;justify-content:space-between;color:var(--paper-muted);font-size:11px;font-weight:700}.section-label svg{width:15px;height:15px;color:var(--teal)}.source-preview{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ink-600);border-radius:4px;color:var(--ink-600);background:var(--ink-950)}.source-preview img,.source-canvas-view img{width:100%;height:100%;display:block;object-fit:contain}.source-preview>svg{width:28px;height:28px}.source-meta{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:10px 0}.source-meta strong{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.source-meta span{flex:0 0 auto;color:var(--paper-muted);font-size:10px;font-variant-numeric:tabular-nums}.panel-command,.generate-button{width:100%;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ink-600);border-radius:4px;color:var(--paper);background:var(--ink-800);font-size:12px;font-weight:800;cursor:pointer}.panel-command svg,.generate-button svg{width:16px;height:16px}.panel-command:hover{border-color:var(--teal)}.panel-command--accent{color:var(--color-on-primary);border-color:var(--teal);background:var(--teal)}.segmented-control,.preset-grid{display:grid;gap:4px;margin-top:8px}.segmented-control{grid-template-columns:repeat(3,1fr)}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control button,.preset-grid button{min-width:0;height:34px;padding:0 5px;border:1px solid var(--ink-600);border-radius:3px;color:var(--paper-muted);background:var(--ink-950);font-size:10px;cursor:pointer}.segmented-control button[aria-pressed=true],.preset-grid button[aria-pressed=true]{color:var(--color-on-primary);border-color:var(--teal);background:var(--teal);font-weight:800}.number-grid,.advanced-grid,.manual-palette-layout__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.number-grid label,.advanced-grid label,.manual-palette-layout__grid label,.column-mapping label,.palette-dialog>label{min-width:0;display:grid;gap:5px;color:var(--paper-muted);font-size:10px;font-weight:700}.number-grid input,.advanced-grid input,.manual-palette-layout__grid input,.column-mapping select,.palette-dialog>label input,.palette-table-wrap input{width:100%;min-width:0;height:34px;padding:0 8px;border:1px solid var(--ink-600);border-radius:3px;color:var(--paper);background:var(--ink-950);font-size:11px;font-variant-numeric:tabular-nums}.panel-warning,.panel-error{margin:9px 0 0;color:var(--yellow);font-size:10px;line-height:1.5}.panel-error{margin:10px 14px;color:var(--coral)}.toggle-row{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 14px;color:var(--paper-muted);font-size:11px;cursor:pointer}.toggle-row input{width:16px;height:16px;accent-color:var(--teal)}.toggle-row>svg{width:18px;height:18px;flex:0 0 18px}.palette-name-row{margin-top:0}.palette-sources{display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--ink-700)}.palette-sources h3{margin:0;color:var(--paper);font-size:11px}.palette-sources>div{display:grid;gap:5px}.palette-sources>div>span{color:var(--paper-muted);font-size:10px;font-weight:700}.palette-sources button{min-width:0;min-height:34px;padding:6px 8px;overflow-wrap:anywhere;border:1px solid var(--ink-600);border-radius:3px;color:var(--paper);background:var(--ink-950);font-size:10px;cursor:pointer}.palette-sources button[aria-pressed=true]{color:var(--color-on-primary);border-color:var(--teal);background:var(--teal)}.palette-name-row strong,.range-control strong{color:var(--teal);font-variant-numeric:tabular-nums}.range-control{display:grid;gap:8px}.range-control input{width:100%;accent-color:var(--teal)}.range-ends{display:flex;justify-content:space-between;color:var(--paper-muted);font-size:9px}.range-ends i{font-style:normal}.advanced-toggle{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0;border:0;color:var(--paper-muted);background:transparent;font-size:10px;cursor:pointer}.advanced-toggle svg{width:14px;height:14px;transform:rotate(0)}.advanced-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.palette-list-section{min-height:120px;flex:1 1 auto;overflow:hidden}.palette-list{max-height:100%;display:grid;gap:3px;margin-top:8px;overflow-y:auto}.palette-list>button{width:100%;min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;border:1px solid transparent;border-radius:3px;color:var(--paper);text-align:left;background:transparent;cursor:pointer}.palette-list>button:hover{background:var(--ink-800)}.palette-list>button[aria-selected=true]{border-color:var(--teal);background:var(--ink-800)}.color-swatch,.palette-swatch{width:26px;height:26px;display:block;border:1px solid var(--color-bead-edge);border-radius:3px}.palette-list>button span:nth-child(2){min-width:0;display:grid}.palette-list strong{font-size:11px}.palette-list small{overflow:hidden;color:var(--paper-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.palette-list b{color:var(--paper-muted);font-size:10px;font-variant-numeric:tabular-nums}.empty-panel-copy{margin:12px 0;color:var(--paper-muted);font-size:10px;line-height:1.6}.generate-button{width:calc(100% - 28px);flex:0 0 42px;margin:12px 14px;color:var(--paper);border-color:var(--yellow);background:var(--yellow)}.canvas-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--canvas)}.pattern-surface{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:var(--canvas)}.pattern-surface__canvas{min-width:0;min-height:0;position:relative;overflow:hidden}.pattern-legend{max-height:min(190px,28dvh);min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-top:1px solid var(--color-border-strong);background:var(--color-surface)}.pattern-legend__header{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--color-border)}.pattern-legend__header h2{margin:0;font-size:13px}.pattern-legend__list{min-height:0;max-height:154px;margin:0;padding:10px 12px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px 12px;overflow-y:auto;overscroll-behavior:contain;list-style:none}.pattern-legend__item{min-width:0;display:grid;grid-template-columns:18px minmax(28px,.8fr) minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:6px;font-size:11px}.pattern-legend__item>strong,.pattern-legend__item>span:not(.pattern-legend__swatch),.pattern-legend__item>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-legend__item>b{justify-self:stretch;text-align:right}.pattern-legend__swatch{width:18px;height:18px;position:relative;border:1px solid var(--color-bead-edge)}.pattern-canvas{width:100%;height:100%;display:block;touch-action:none}.pattern-canvas:focus-visible{outline:2px solid var(--teal);outline-offset:-3px;box-shadow:inset 0 0 0 4px var(--color-primary-mint-soft)}.pattern-canvas--brush,.pattern-canvas--fill,.pattern-canvas--empty{cursor:crosshair}.pattern-canvas--picker{cursor:copy}.pattern-canvas--pan{cursor:grab}.pattern-legend__swatch[data-transparent=true]{display:inline-block;overflow:hidden;background:var(--paper)}.pattern-legend__swatch[data-transparent=true]:before,.pattern-legend__swatch[data-transparent=true]:after{content:"";position:absolute;top:50%;left:-25%;width:150%;height:1px;background:var(--ink-600)}.pattern-legend__swatch[data-transparent=true]:before{transform:rotate(45deg)}.pattern-legend__swatch[data-transparent=true]:after{transform:rotate(-45deg)}.source-canvas-view{width:100%;height:100%;padding:28px;background:var(--ink-950)}.canvas-empty-state{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.canvas-empty-state span{max-width:260px;padding:10px 12px;border-left:2px solid var(--teal);color:var(--paper-muted);background:var(--color-surface);font-size:11px;line-height:1.5}.workspace-statusbar{min-width:0}.workspace-statusbar span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-notice{position:fixed;z-index:80;right:14px;bottom:46px;max-width:min(420px,calc(100vw - 28px));margin:0;padding:10px 12px;border:1px solid var(--coral);border-radius:4px;color:var(--paper);background:var(--ink-950);font-size:11px;line-height:1.5;display:flex;align-items:center;gap:10px}.workspace-notice span{min-width:0;flex:1}.workspace-notice button{min-height:44px;flex:0 0 auto;padding:0 12px;border:1px solid currentColor;border-radius:3px;background:transparent}.workspace-notice.is-dismissing{animation:workspace-notice-fade .5s ease forwards;pointer-events:none}@keyframes workspace-notice-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.workspace-notice.is-dismissing{animation-duration:1ms;transform:none}}.fatal-error{width:100%;min-height:100%;display:grid;align-content:center;justify-items:center;padding:24px;text-align:center;background:var(--ink-800)}.fatal-error h1{margin:0;color:var(--paper);font-size:28px}.fatal-error p,.fatal-error>span[role=status]{max-width:460px;margin:10px 0 0;color:var(--paper-muted);font-size:12px;line-height:1.6}.fatal-error button{min-width:160px;height:42px;margin-top:18px;border:1px solid var(--yellow);border-radius:4px;color:var(--paper);background:var(--yellow);font-weight:800}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:var(--color-overlay)}.dialog-loading{position:fixed;z-index:100;inset:0;display:grid;place-items:center;color:var(--paper);background:var(--color-overlay);font-size:12px}.palette-dialog{width:min(780px,100%);max-height:min(760px,calc(100dvh - 36px));display:grid;gap:12px;padding:16px;overflow-y:auto;border:1px solid var(--ink-600);border-radius:6px;background:var(--ink-900);box-shadow:0 18px 60px var(--color-shadow-strong)}.dialog-header,.dialog-actions,.import-tabs{display:flex;align-items:center}.dialog-header{justify-content:space-between}.dialog-header h2{margin:0;font-size:16px}.dialog-header button,.palette-table-wrap button{min-width:34px;height:34px;border:1px solid transparent;border-radius:3px;color:var(--paper-muted);background:transparent;cursor:pointer}.dialog-header svg{width:18px;height:18px}.import-tabs{gap:4px;padding-bottom:10px;border-bottom:1px solid var(--ink-700)}.import-tabs button{height:34px;padding:0 12px;border:1px solid var(--ink-600);border-radius:3px;color:var(--paper-muted);background:var(--ink-950);font-size:11px;cursor:pointer}.import-tabs button[aria-selected=true]{color:var(--color-on-primary);border-color:var(--teal);background:var(--teal)}.file-command{min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--ink-600);border-radius:4px;color:var(--paper-muted);font-size:11px;cursor:pointer}.file-command:hover{color:var(--paper);border-color:var(--teal)}.file-command input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.column-mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manual-palette-layout{margin:0;padding:12px;border:1px solid var(--yellow);border-radius:4px}.manual-palette-layout legend{padding:0 6px;color:var(--yellow);font-size:11px;font-weight:800}.manual-palette-layout p{margin:0;color:var(--paper-muted);font-size:10px;line-height:1.5}.manual-palette-layout>button{min-height:36px;margin-top:10px;padding:0 12px;border:1px solid var(--yellow);border-radius:3px;color:var(--paper);background:var(--yellow);font-weight:800}.palette-table-wrap{max-height:300px;overflow:auto;border:1px solid var(--ink-700)}.palette-table-wrap table{width:100%;border-collapse:collapse}.palette-table-wrap th,.palette-table-wrap td{padding:6px;border-bottom:1px solid var(--ink-700);text-align:left;font-size:10px}.palette-table-wrap th{position:sticky;z-index:1;top:0;color:var(--paper-muted);background:var(--ink-800)}.palette-issues{margin:0;padding-left:20px;color:var(--coral);font-size:10px}.dialog-actions{justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid var(--ink-700)}.dialog-actions button{min-width:92px;height:38px;border:1px solid var(--ink-600);border-radius:4px;color:var(--paper);background:var(--ink-800);font-weight:800}.dialog-actions button:last-child{color:var(--paper);border-color:var(--yellow);background:var(--yellow)}.export-dialog{width:min(640px,100%);max-height:min(720px,calc(100dvh - 36px));display:grid;gap:0;overflow:hidden;border:1px solid var(--ink-600);border-radius:6px;background:var(--ink-900);box-shadow:0 18px 60px var(--color-shadow-strong)}.export-dialog .dialog-header{min-height:68px;padding:12px 16px;border-bottom:1px solid var(--ink-700)}.dialog-index{display:block;margin-bottom:4px;color:var(--teal);font-size:9px;font-weight:800}.export-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 16px;border-bottom:1px solid var(--ink-700)}.export-tabs button{height:44px;border:0;border-bottom:2px solid transparent;color:var(--paper-muted);background:transparent;font-size:11px;font-weight:800}.export-tabs button[aria-selected=true]{color:var(--paper);border-bottom-color:var(--teal)}.export-body{min-height:230px;padding:18px;overflow-y:auto}.export-options{display:grid;gap:10px}.export-options--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-options>label:not(.toggle-row){display:grid;gap:6px;color:var(--paper-muted);font-size:10px;font-weight:700}.export-options input[type=number],.export-options select{width:100%;height:38px;padding:0 9px;border:1px solid var(--ink-600);border-radius:3px;color:var(--paper);background:var(--ink-950)}.export-options .toggle-row{min-height:40px;padding:0;border-bottom:1px solid var(--ink-700)}.project-export-copy{min-height:190px;display:grid;align-content:center;justify-items:center;text-align:center}.project-export-copy strong{color:var(--yellow);font-size:26px}.project-export-copy p{max-width:420px;margin:8px 0 0;color:var(--paper-muted);font-size:11px;line-height:1.6}.project-export-copy p[role=alert]{color:var(--coral)}.export-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--ink-700);font-size:10px}.export-progress progress{width:100%;accent-color:var(--teal)}.export-progress b{min-width:34px;color:var(--teal);text-align:right;font-variant-numeric:tabular-nums}.export-error{margin:0;padding:10px 16px;color:var(--coral);border-top:1px solid var(--ink-700);font-size:11px}.export-dialog .dialog-actions{margin:0 16px;padding:12px 0 16px}.export-dialog .dialog-actions button:last-child{display:inline-flex;align-items:center;justify-content:center;gap:7px}.export-dialog .dialog-actions svg{width:16px;height:16px}@media(max-width:520px){.export-dialog{width:100%;max-height:88dvh;border-right:0;border-bottom:0;border-left:0;border-radius:6px 6px 0 0}.export-options--grid{grid-template-columns:1fr}}.workspace-shell{width:100%;height:100%;display:grid;grid-template-rows:var(--toolbar-height) minmax(0,1fr) var(--status-height);overflow:hidden;color:var(--paper);background:var(--ink-950)}.workspace-grid{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(220px,var(--sidebar-left)) minmax(360px,1fr) minmax(0,var(--sidebar-right));grid-template-areas:"source canvas palette";overflow:hidden}.workspace-sheet-backdrop{display:none}.workspace-sheet-backdrop.workspace-settings-sheet,.workspace-settings-sheet>.workspace-sheet,.workspace-settings-sheet .workspace-sheet__body,.workspace-settings-shell{display:contents}.workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header{display:none}.source-panel{grid-area:source}.canvas-stage{grid-area:canvas;background:var(--canvas)}.canvas-empty-state{pointer-events:auto}.desktop-generate-command{min-width:132px;min-height:44px;padding:0 16px;border:1px solid var(--teal);border-radius:var(--radius);color:var(--color-on-primary);background:var(--teal);font-weight:800}.palette-panel{grid-area:palette}.side-panel{min-height:0;overflow:hidden;background:var(--ink-900)}.source-panel{overflow-y:auto;overscroll-behavior:contain}.palette-color-picker{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.palette-color-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}.workspace-sheet-backdrop.is-open:not(.workspace-settings-sheet){position:fixed;z-index:70;inset:0;display:grid;align-items:end;background:var(--color-overlay)}.workspace-sheet{min-width:0;min-height:0;display:grid;grid-template-rows:52px minmax(0,1fr);background:var(--ink-900)}.workspace-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--ink-700)}.workspace-sheet__header h2{margin:0;font-size:16px}.workspace-sheet__header button{width:44px;height:44px;border-radius:var(--radius)}.workspace-sheet__body{min-height:0}.workspace-sheet-backdrop[inert]{pointer-events:none}.workspace-colors-sheet.is-open{position:fixed;z-index:70;inset:var(--toolbar-height) 0 var(--status-height);display:grid;align-items:stretch;justify-items:end;background:var(--color-overlay-soft)}.workspace-colors-sheet>.workspace-sheet{width:min(300px,100%);height:100%;border-left:1px solid var(--ink-700);box-shadow:-12px 0 28px var(--color-shadow)}.workspace-colors-sheet .workspace-sheet__body{min-height:0;overflow:hidden}.workspace-colors-sheet .palette-color-picker{height:100%}.workspace-dialog{min-width:0;min-height:0}.long-press-save-dialog{width:min(920px,100%);max-height:min(900px,92dvh);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--ink-600);border-radius:6px;background:var(--ink-900);box-shadow:0 18px 60px var(--color-shadow-strong)}.long-press-save-dialog__header{min-width:0;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--ink-700)}.long-press-save-dialog__header>div{min-width:0}.long-press-save-dialog__header h2{margin:0;font-size:16px}.long-press-save-dialog__header p{margin:3px 0 0;overflow:hidden;color:var(--paper-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.long-press-save-dialog__header button{width:44px;height:44px;display:inline-grid;flex:0 0 44px;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--radius);color:var(--paper-muted);background:transparent}.long-press-save-dialog__header svg{width:19px;height:19px}.long-press-save-dialog__body{min-width:0;min-height:0;display:grid;align-content:start;justify-items:center;gap:10px;padding:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--ink-950)}.long-press-save-dialog__hint{margin:0;color:var(--paper-muted);font-size:12px;text-align:center}.long-press-save-dialog__image-stage{width:100%;min-width:0;display:grid;justify-items:center}.long-press-save-dialog__image{max-width:100%;height:auto;display:block;object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.long-press-save-dialog__image-frame{max-width:100%;position:relative;overflow:hidden}.long-press-save-dialog__image--wechat{max-width:none;position:absolute;inset:0 auto auto 0;transform-origin:top left}.visual-crop-dialog{width:min(760px,100%);max-height:min(860px,92dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--ink-600);border-radius:6px;background:var(--ink-900);box-shadow:0 18px 60px var(--color-shadow-strong)}.visual-crop-dialog__header{min-width:0;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--ink-700)}.visual-crop-dialog__header h2{margin:0;font-size:16px}.visual-crop-dialog__header button{width:44px;height:44px;display:inline-grid;flex:0 0 44px;place-items:center;padding:0;border:1px solid transparent;border-radius:var(--radius);color:var(--paper-muted);background:transparent}.visual-crop-dialog__header svg{width:19px;height:19px}.visual-crop-dialog__body{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;padding:14px;overflow-x:hidden;overflow-y:auto}.visual-crop-frame{position:relative;width:min(100%,560px);min-width:0;max-height:100%;aspect-ratio:var(--board-aspect);align-self:center;justify-self:center;overflow:hidden;border:1px solid var(--ink-600);border-radius:3px;background:var(--ink-950);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.visual-crop-frame:active{cursor:grabbing}.visual-crop-frame>img{position:absolute;max-width:none;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.visual-crop-grid{position:absolute;inset:0;pointer-events:none}.board-size-fields{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:12px;border:1px dashed var(--color-border-strong);border-radius:6px;background:var(--color-surface-muted)}.board-size-fields legend{grid-column:1 / -1;width:auto;margin:0;padding:0 4px;color:var(--color-text-ink);font-size:12px;font-weight:800}.board-size-fields label{min-width:0;display:grid;gap:5px;color:var(--color-text-muted);font-size:11px;font-weight:700}.board-size-fields input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid var(--color-border-strong);border-radius:5px;color:var(--color-text-ink);background:var(--color-surface);text-align:center;font-variant-numeric:tabular-nums}.board-size-fields label>span[role=alert]{color:var(--color-warning-coral);font-size:10px;line-height:1.3}.visual-crop-grid:before,.visual-crop-grid:after{position:absolute;content:"";background:var(--color-bead-highlight)}.visual-crop-grid:before{top:0;bottom:0;left:50%;width:1px}.visual-crop-grid:after{top:50%;right:0;left:0;height:1px}.visual-crop-zoom{min-width:0;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;color:var(--paper-muted);font-size:11px;font-weight:700}.visual-crop-zoom output{color:var(--teal);font-variant-numeric:tabular-nums}.visual-crop-zoom input{width:100%;min-width:0;min-height:44px;accent-color:var(--teal)}.visual-crop-advanced{min-width:0;border-top:1px solid var(--ink-700)}.visual-crop-advanced summary{min-height:44px;display:flex;align-items:center;color:var(--paper-muted);font-size:11px;font-weight:800;cursor:pointer}.visual-crop-advanced .advanced-grid{margin-top:0}.visual-crop-field-error{color:var(--coral);font-size:9px;line-height:1.25}.visual-crop-dialog__actions{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;border-top:1px solid var(--ink-700);background:var(--ink-900)}.visual-crop-dialog__actions button{min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 9px;border:1px solid var(--ink-600);border-radius:var(--radius);color:var(--paper);background:var(--ink-800);font-size:11px;font-weight:800;overflow-wrap:anywhere}.visual-crop-dialog__actions button:last-child{color:var(--color-on-primary);border-color:var(--teal);background:var(--teal)}.visual-crop-dialog__actions svg{width:16px;height:16px;flex:0 0 16px}.palette-dialog-embed>.palette-dialog{width:100%;max-height:none;padding:0;overflow:visible;border:0;box-shadow:none}.mobile-action-bar,.mobile-command{display:none}@media(max-width:899px){html,body,#root{min-width:320px;overflow:hidden}.pattern-surface{--pattern-canvas-min-height: 96px;grid-template-rows:minmax(var(--pattern-canvas-min-height),1fr) auto}.pattern-legend{max-height:min(160px,28dvh,max(0px,calc(100dvh - var(--mobile-toolbar-height) - var(--mobile-status-height) - var(--mobile-action-height) - env(safe-area-inset-bottom,0px) - var(--pattern-canvas-min-height))))}.pattern-legend__list{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.workspace-dialog-backdrop:has(.visual-crop-dialog),.workspace-dialog-backdrop:has(.long-press-save-dialog){padding:0}.long-press-save-dialog{width:100dvw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.long-press-save-dialog__body{padding:10px}.visual-crop-dialog{width:100dvw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.visual-crop-dialog__body{grid-template-rows:minmax(0,1fr) auto auto;padding:10px}.visual-crop-frame{width:min(100%,520px)}.visual-crop-dialog__actions{padding:8px}.workspace-shell{grid-template-rows:var(--mobile-toolbar-height) minmax(0,1fr) var(--mobile-status-height) calc(var(--mobile-action-height) + env(safe-area-inset-bottom,0px))}.workspace-shell.workspace-shell--empty{grid-template-rows:var(--mobile-toolbar-height) minmax(0,1fr) var(--mobile-status-height)}.workspace-toolbar{height:var(--mobile-toolbar-height);display:flex;justify-content:space-between;overflow:hidden;padding:0 6px}.workspace-toolbar .brand,.workspace-toolbar .desktop-command{display:none}.workspace-toolbar .mobile-command{display:inline-grid}.workspace-toolbar button{width:44px;height:44px;flex-basis:44px}.workspace-notice{flex-wrap:wrap}.workspace-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}.canvas-stage{min-width:0;min-height:0;padding:0}.canvas-empty-state{gap:8px;padding:16px;pointer-events:auto;text-align:center}.desktop-generate-command{display:none}.canvas-empty-state button{min-height:44px}.workspace-sheet-backdrop.workspace-settings-sheet{display:none}.workspace-sheet-backdrop.workspace-settings-sheet.is-open{position:fixed;z-index:70;inset:var(--mobile-toolbar-height) 0 calc(var(--mobile-action-height) + var(--mobile-status-height) + env(safe-area-inset-bottom,0px));display:grid;align-items:stretch;background:var(--color-overlay)}.workspace-settings-sheet>.workspace-sheet{display:grid;width:100%;height:100%}.workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header{display:flex}.workspace-settings-sheet .workspace-sheet__body{min-height:0;display:block;overflow-y:auto;overscroll-behavior:contain}.workspace-settings-shell{display:block}.workspace-settings-shell .side-panel{height:auto;overflow:visible;border:0}.workspace-settings-sheet button,.workspace-settings-sheet input:not([type=checkbox]):not([type=range]),.workspace-settings-sheet select,.workspace-colors-sheet button,.workspace-colors-sheet input,.workspace-dialog button,.export-dialog button,.workspace-dialog input,.workspace-dialog select{min-height:44px}.export-dialog .dialog-header>button{width:44px;height:44px}.workspace-colors-sheet.is-open{inset:var(--mobile-toolbar-height) 0 calc(var(--mobile-action-height) + var(--mobile-status-height) + env(safe-area-inset-bottom,0px))}.workspace-colors-sheet>.workspace-sheet{width:100%;border-left:0;box-shadow:none}.mobile-action-bar{min-width:0;height:calc(var(--mobile-action-height) + env(safe-area-inset-bottom,0px));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center;gap:6px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ink-700);background:var(--ink-900)}.mobile-action-bar[data-state=ready]{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;padding-inline:6px}.mobile-action-bar[data-state=ready]>button{min-width:44px;flex-direction:column;gap:1px;font-size:10px}.mobile-action-bar button{min-width:0;min-height:44px;overflow-wrap:anywhere}.mobile-action-bar>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;font-size:12px}.mobile-action-bar>button svg{width:18px;height:18px;flex:0 0 18px}.mobile-action-bar>button .palette-swatch{flex:0 0 26px}.mobile-action-bar__primary{color:var(--color-on-primary);background:var(--teal)}.mobile-action-bar__progress{min-width:0;display:grid;gap:4px}.mobile-action-bar__progress progress{width:100%;accent-color:var(--teal)}.mobile-tool-segment{min-width:0;display:grid;grid-column:span 3;grid-template-columns:repeat(3,minmax(44px,1fr))}.mobile-tool-segment button{min-width:44px;padding:0}.workspace-statusbar{height:var(--mobile-status-height);gap:6px;padding:0 8px}.workspace-statusbar .statusbar-phase,.workspace-statusbar .statusbar-count{display:none}.workspace-statusbar .statusbar-summary{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.workspace-statusbar .statusbar-sync,.workspace-statusbar .statusbar-zoom{flex:0 0 auto}.workspace-statusbar .statusbar-zoom{min-width:3.25em;color:var(--scrapbook-ink);font-weight:800;text-align:right;white-space:nowrap}.mobile-workspace-title{min-width:0;flex:1;overflow:hidden;color:var(--paper);font-size:15px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-save-sheet.is-open{inset:var(--mobile-toolbar-height) 0 calc(var(--mobile-action-height) + var(--mobile-status-height) + env(safe-area-inset-bottom,0px))}.mobile-save-sheet>.workspace-sheet{width:100%}.mobile-save-formats{display:grid;gap:8px;padding:12px}.mobile-save-formats button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;min-height:64px;padding:8px 12px;border:1px solid var(--ink-700);border-radius:var(--radius);color:var(--paper);text-align:left}.mobile-save-formats button svg{width:24px;height:24px}.mobile-save-formats button span{display:grid;gap:2px}.mobile-save-formats small{color:var(--ink-300)}.mobile-pinch-hint{position:absolute;left:50%;bottom:16px;z-index:2;transform:translate(-50%);margin:0;padding:8px 12px;border-radius:var(--radius);color:var(--paper);background:var(--color-overlay);font-size:12px;pointer-events:none;white-space:nowrap}}.product-publish-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:end center;padding:16px;background:var(--color-overlay)}.product-publish-sheet{width:min(100%,520px);max-height:min(92dvh,760px);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--pencil-shadow-raised)}.product-publish-sheet__header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid var(--color-border)}.product-publish-sheet__header p{margin:0 0 4px;color:var(--color-primary-mint);font-size:11px;font-weight:700}.product-publish-sheet__header h2{margin:0;color:var(--color-text-ink);font-size:20px}.product-publish-sheet__header button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-ink);background:transparent}.product-publish-form{display:grid;gap:13px;padding:18px}.product-publish-form>label:not(.product-file-input){display:grid;gap:5px;color:var(--color-text-ink);font-size:12px;font-weight:700}.product-publish-form input,.product-publish-form textarea,.product-publish-form select{min-width:0;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-ink);background:var(--color-surface);font:inherit}.product-publish-form input,.product-publish-form select{height:42px;padding:0 10px}.product-publish-form textarea{min-height:72px;padding:9px 10px;resize:vertical}.product-file-input{position:relative;display:flex;align-items:center;gap:9px;min-height:44px;padding:0 11px;border:1px dashed var(--color-border-strong);border-radius:var(--radius);color:var(--color-primary-mint);font-size:12px;cursor:pointer}.product-current-asset{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--color-border);border-radius:4px;object-fit:cover;image-rendering:auto}.product-file-input span{overflow:hidden;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap}.product-file-input input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.product-visibility-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.product-visibility-controls legend{grid-column:1 / -1;margin-bottom:-2px;color:var(--color-text-ink);font-size:12px;font-weight:700}.product-visibility-controls label{display:grid;gap:5px;color:var(--color-text-muted);font-size:11px}.product-visibility-controls select{width:100%;padding:0 6px;font-size:11px}.product-publish-error{margin:0;padding:9px 10px;border:1px solid var(--color-warning-coral);border-radius:var(--radius);color:var(--color-warning-coral);background:var(--color-warning-coral-soft);font-size:12px}.product-publish-success{display:grid;justify-items:center;gap:8px;padding:42px 20px 26px;text-align:center}.product-publish-success>svg{width:32px;height:32px;color:var(--color-primary-mint)}.product-publish-success h3,.product-publish-success p{margin:0}.product-publish-success p{color:var(--color-text-muted);font-size:12px}.product-publish-success .coral-button{margin-top:12px}.finished-product-heading-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:end}.discover-product-card{overflow:hidden;border:1px solid var(--community-line, var(--color-border));border-radius:var(--radius-card);background:var(--color-surface)}.discover-product-card__media{aspect-ratio:1 / 1;overflow:hidden;background:var(--color-canvas)}.discover-product-card__media img{display:block;width:100%;height:100%;object-fit:cover}.discover-product-card__missing{display:grid;place-items:center;height:100%;gap:5px;color:var(--color-text-muted);font-size:11px}.discover-product-card__missing svg{width:24px}.discover-product-card__body{display:grid;gap:10px;padding:12px}.discover-product-card__copy h2{margin:0;color:var(--color-text-ink);font-size:14px}.discover-product-card__copy p{margin:5px 0 0;color:var(--color-text-muted);font-size:11px;line-height:1.5}.discover-media-switcher{display:flex;flex-wrap:wrap;gap:5px;overflow-x:hidden}.discover-media-switcher button{min-height:32px;padding:0 9px;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);background:var(--color-surface);font-size:11px;white-space:nowrap}.discover-media-switcher button[aria-selected=true]{border-color:var(--color-primary-mint);color:var(--color-on-primary);background:var(--color-primary-mint)}@media(max-width:430px){.product-publish-backdrop{padding:0}.product-publish-sheet{width:100%;max-height:100dvh;border-radius:var(--radius-card) var(--radius-card) 0 0}.product-visibility-controls{grid-template-columns:1fr}}.community-a-search{grid-template-columns:40px minmax(0,1fr) 34px;gap:8px;min-height:58px;margin:0;padding:5px 7px;border:0;border-radius:15px;background:var(--community-white);box-shadow:0 6px 18px #23232317,inset 0 0 0 1px #e2e2e2;transition:box-shadow .18s ease,transform .18s ease}.community-a-search:focus-within{border:0;box-shadow:0 8px 22px #23232321,inset 0 0 0 1.5px #262626;transform:translateY(-1px)}.community-a-search>svg{width:40px;height:40px;padding:10px;border-radius:11px;color:var(--color-on-primary);background:var(--community-ink)}.community-a-search input,.community-a-search input:focus,.community-a-search input:focus-visible{height:46px;padding:0 2px;outline:0;box-shadow:none;font-size:14px}.community-a-search input::placeholder{color:var(--community-muted)}.community-a-search>button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--color-canvas)}.community-a-search>button svg{width:14px;height:14px}.community-a-search input:placeholder-shown+button{visibility:hidden}.community-shell{height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:759px){.community-intro{grid-template-columns:88px minmax(0,1fr);gap:12px;padding-top:20px;padding-bottom:16px}.catalog-hero__cover{grid-row:span 1;width:88px;max-width:88px}.catalog-hero__info h1{font-size:21px;line-height:1.2}.catalog-hero__info .intro-copy{margin-top:5px;font-size:10px;line-height:1.4}.catalog-stats{gap:10px;margin-top:9px}.catalog-stats span{padding-right:10px}.catalog-stats strong{font-size:13px}.catalog-stats small{font-size:8px}.intro-actions{grid-column:1 / -1;gap:10px}.intro-actions .coral-button,.intro-actions .join-link{min-height:36px}.catalog-filter-bar{position:fixed;inset:58px 12px auto;width:auto;margin:0;background:var(--community-paper)}.community-a-works{padding-top:62px}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:620px){.topbar{padding:0 12px}.brand-code,.local-badge span{display:none}.local-badge{width:34px;justify-content:center;padding:0}.empty-workspace{grid-template-rows:minmax(150px,.7fr) auto minmax(36px,.25fr)}.empty-actions h1{font-size:32px}.command-row{display:grid;grid-template-columns:1fr;width:min(280px,100%);margin-right:auto;margin-left:auto}.command-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-page,.projects-page,.shell-loading{width:100%;min-height:100%;color:var(--paper);background:var(--ink-950)}.account-page,.shell-loading{display:grid;place-items:center;padding:24px;overflow-y:auto}.shell-loading,.page-status,.form-status,.projects-empty,.shell-overlay-status{align-items:center;gap:8px}.shell-loading,.page-status,.form-status,.projects-empty{display:flex}.shell-loading svg,.page-status svg,.form-status svg,.projects-empty svg,.primary-command svg,.icon-text-command svg,.projects-header button svg,.project-card button svg{width:18px;height:18px;flex:0 0 18px}.account-panel{width:min(420px,100%);padding:28px;border:1px solid var(--ink-700);border-radius:var(--radius-card);background:var(--ink-900);box-shadow:0 16px 44px var(--color-shadow)}.account-panel h1{margin:14px 0 0;font-size:26px}.account-subtitle,.projects-header span,.project-card p{color:var(--paper-muted)}.account-brand{width:46px;height:46px;display:grid;grid-template-columns:repeat(2,18px);gap:5px}.account-brand i,.project-card__preview span{display:block;border-radius:50%}.account-brand i:nth-child(1),.project-card__preview span:nth-child(1){background:var(--teal)}.account-brand i:nth-child(2),.project-card__preview span:nth-child(2){background:var(--coral)}.account-brand i:nth-child(3),.project-card__preview span:nth-child(3){background:var(--yellow)}.account-brand i:nth-child(4),.project-card__preview span:nth-child(4){background:var(--blue)}.account-form{display:grid;gap:14px;margin-top:24px}.account-form label{display:grid;gap:6px;color:var(--paper-muted);font-size:12px;font-weight:700}.account-form input{width:100%;height:44px;padding:0 12px;border:1px solid var(--ink-600);border-radius:var(--radius);color:var(--paper);background:var(--ink-950)}.primary-command,.icon-text-command,.projects-header button,.project-card button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--ink-600);border-radius:var(--radius);color:var(--paper);background:var(--ink-900);font-weight:800;cursor:pointer}.primary-command{color:var(--color-on-primary);border-color:var(--teal);background:var(--teal)}.icon-text-command{padding:0 8px;border-color:transparent;background:transparent}.form-status{margin:0;font-size:12px}.form-status--error,.page-status--error,.shell-overlay-status--error{color:var(--coral)}.form-status--success{color:var(--teal)}.account-identity{display:flex;justify-content:space-between;margin-top:20px;padding:14px 0;border-top:1px solid var(--ink-700);border-bottom:1px solid var(--ink-700)}.projects-page{height:100%;overflow-y:auto}.projects-header,.projects-content{width:min(1120px,calc(100% - 32px));margin:0 auto}.projects-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink-700)}.projects-header h1,.projects-header p{margin:0}.projects-header h1{font-size:24px}.projects-eyebrow{color:var(--teal);font-size:11px;font-weight:900}.projects-header nav{display:flex;gap:8px}.projects-content{padding:24px 0 48px}.projects-actions{display:flex;justify-content:flex-end;margin-bottom:18px}.page-status{min-height:80px;justify-content:center}.legacy-import-banner{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--color-accent-butter);border-radius:var(--radius-card);background:var(--color-accent-butter-soft)}.legacy-import-banner>div{min-width:0;display:grid;gap:3px}.legacy-import-banner strong,.legacy-import-banner span{overflow-wrap:anywhere}.legacy-import-banner span{color:var(--color-text-muted);font-size:12px}.legacy-import-banner button{flex:0 0 auto}.legacy-import-error{min-height:auto;margin:0 0 18px;justify-content:flex-start}.projects-empty{min-height:220px;flex-direction:column;justify-content:center;color:var(--paper-muted)}.projects-empty svg{width:36px;height:36px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.project-card{min-width:0;overflow:hidden;border:1px solid var(--ink-700);border-radius:var(--radius-card);background:var(--ink-900)}.project-card__preview{aspect-ratio:4 / 3;display:grid;grid-template-columns:repeat(2,36px);place-content:center;gap:8px;background:var(--ink-800)}.project-card__preview span{width:36px;height:36px}.project-card__body{padding:14px}.project-card h2{margin:0;font-size:16px}.project-card p{min-height:34px;margin:6px 0 12px;font-size:11px}.project-card button{width:100%}.shell-overlay-status{position:fixed;z-index:90;right:18px;bottom:18px;display:inline-flex;padding:10px 14px;border:1px solid var(--ink-700);border-radius:var(--radius);background:var(--ink-900)}.shell-overlay-status svg,.statusbar-phase svg,.statusbar-sync svg{width:15px;height:15px;flex:0 0 15px}.statusbar-phase,.statusbar-sync{min-width:0;display:inline-flex;align-items:center;gap:5px}.statusbar-phase>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-dialog{width:min(440px,100%);padding:20px;border:1px solid var(--ink-600);border-radius:var(--radius-card);color:var(--paper);background:var(--ink-900);box-shadow:0 18px 60px var(--color-shadow-strong)}.logout-dialog h2{margin:0;font-size:18px}.logout-dialog p{margin:10px 0 18px;color:var(--paper-muted);line-height:1.6;overflow-wrap:anywhere}.logout-dialog .dialog-actions button{min-height:44px}@media(max-width:620px){.account-page{padding:12px}.account-panel{padding:20px}.projects-header{align-items:flex-start;flex-direction:column;padding:18px 0}.projects-header nav{width:100%}.projects-header button{min-width:0;flex:1;padding-inline:8px}.projects-actions .primary-command{width:100%}.legacy-import-banner{align-items:stretch;flex-direction:column}.legacy-import-banner button{width:100%}.project-grid{grid-template-columns:1fr}}.long-press-save-dialog{border:2px solid var(--scrapbook-edge);border-radius:12px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:var(--scrapbook-dialog-shadow)}.long-press-save-dialog__header{min-height:82px;padding:12px 14px;border-bottom:2px solid var(--scrapbook-edge);background:var(--scrapbook-blue)}.long-press-save-dialog__heading{min-width:0;display:flex;align-items:center;gap:11px}.long-press-save-dialog__heading>div{min-width:0}.long-press-save-dialog__sticker{width:46px;height:46px;display:grid;flex:0 0 46px;place-items:center;border:2px solid var(--scrapbook-identity-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-mint);box-shadow:3px 3px 0 var(--scrapbook-identity-edge);transform:rotate(-3deg)}.long-press-save-dialog__sticker svg{width:24px;height:24px}.long-press-save-dialog__header h2{color:var(--scrapbook-ink);font-size:22px;line-height:1.15}.long-press-save-dialog__header p{margin-top:5px;color:var(--scrapbook-muted);font-size:12px;font-weight:650}.long-press-save-dialog__header button{border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge)}.long-press-save-dialog__header button:active{box-shadow:none;transform:translateY(2px)}.long-press-save-dialog__body{gap:12px;padding:14px;background-color:var(--scrapbook-paper-alt);background-image:radial-gradient(circle at 2px 2px,rgb(226 190 177 / 24%) 1px,transparent 1.2px);background-size:14px 14px}.long-press-save-dialog__hint{min-height:44px;display:inline-flex;align-items:center;margin:0;padding:8px 13px;border:2px solid var(--scrapbook-identity-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-mint-soft);font-size:14px;font-weight:750;line-height:1.35}.long-press-save-dialog__image-stage{width:min(100%,880px);padding:8px;border:2px dashed var(--scrapbook-edge);border-radius:10px;background:var(--scrapbook-paper);box-shadow:inset 0 0 0 3px #fff7edb8}.long-press-save-dialog__image,.long-press-save-dialog__image-frame{border-radius:4px}.mobile-save-sheet>.workspace-sheet{--save-sheet-ink: #242627;--save-sheet-muted: #737572;--save-sheet-line: #dcded9;--save-sheet-canvas: #f3f4f2;--save-sheet-mint: #3d8f75;--save-sheet-mint-soft: #e9f7f2;position:relative;overflow:hidden;border:1px solid var(--save-sheet-line);border-bottom:0;border-radius:12px 12px 0 0;color:var(--save-sheet-ink);background:#fff;box-shadow:0 -16px 44px #24262729}.mobile-save-sheet .workspace-sheet__header{min-height:62px;padding:8px 12px 8px 18px;border-bottom:1px solid var(--save-sheet-line);background:#fff}.mobile-save-sheet .workspace-sheet__header h2{color:var(--save-sheet-ink);font-size:18px;font-weight:800}.mobile-save-sheet .workspace-sheet__header button{width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;color:var(--save-sheet-ink);background:transparent;box-shadow:none}.mobile-save-sheet .workspace-sheet__header button:hover,.mobile-save-sheet .workspace-sheet__header button:focus-visible{border-color:var(--save-sheet-line);background:var(--save-sheet-canvas)}.mobile-save-sheet .workspace-sheet__body{background:var(--save-sheet-canvas)}.mobile-save-sheet .mobile-save-formats{gap:8px;padding:12px 14px max(16px,env(safe-area-inset-bottom))}.mobile-save-sheet .mobile-save-formats button{min-height:70px;grid-template-columns:44px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--save-sheet-line);border-radius:8px;color:var(--save-sheet-ink);background:#fff;box-shadow:none;transition:border-color .15s ease,background .15s ease,transform .12s ease}.mobile-save-sheet .mobile-save-formats button:hover,.mobile-save-sheet .mobile-save-formats button:focus-visible{border-color:var(--save-sheet-ink);background:#fff}.mobile-save-formats__icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #cde9df;border-radius:7px;color:var(--save-sheet-mint);background:var(--save-sheet-mint-soft);transform:none}.mobile-save-sheet .mobile-save-formats button svg{width:21px;height:21px;color:currentColor}.mobile-save-formats__copy{min-width:0;display:grid;gap:4px}.mobile-save-formats__copy strong{font-size:14px}.mobile-save-sheet .mobile-save-formats small{overflow-wrap:anywhere;color:var(--save-sheet-muted);font-size:11px;line-height:1.35}.mobile-save-sheet .mobile-save-formats .mobile-save-formats__chevron{width:18px;height:18px;color:var(--save-sheet-muted)}.mobile-save-sheet .mobile-save-formats button:active{box-shadow:none;transform:scale(.985)}@media(prefers-reduced-motion:reduce){.mobile-save-sheet .mobile-save-formats button{transition:none}}.export-dialog{width:min(620px,calc(100% - 24px));max-height:min(760px,calc(100dvh - 28px));border:2px solid var(--scrapbook-edge);border-radius:12px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:var(--scrapbook-dialog-shadow)}.export-dialog .dialog-header{min-height:84px;padding:13px 16px;border-bottom:2px solid var(--scrapbook-edge);background:var(--scrapbook-blue)}.export-dialog .dialog-header h2{color:var(--scrapbook-ink);font-size:24px;line-height:1.15}.export-dialog .dialog-index{width:fit-content;margin-bottom:5px;padding:3px 7px;border:1px solid var(--scrapbook-identity-edge);border-radius:5px;color:var(--scrapbook-ink);background:var(--scrapbook-mint);font-size:11px;font-weight:800}.export-dialog .dialog-header button{width:46px;height:46px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge)}.export-dialog .export-tabs{gap:7px;padding:10px 12px 12px;border-bottom:2px dashed var(--scrapbook-edge);background:var(--scrapbook-paper-alt)}.export-dialog .export-tabs button{min-width:0;min-height:52px;height:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-muted);background:var(--scrapbook-paper);box-shadow:0 2px 0 var(--scrapbook-edge);font-size:13px}.export-dialog .export-tabs button svg{width:18px;height:18px;flex:0 0 18px}.export-dialog .export-tabs button[aria-selected=true]{border-color:var(--scrapbook-identity-edge);color:var(--scrapbook-ink);background:var(--scrapbook-mint);box-shadow:0 3px 0 var(--scrapbook-identity-edge)}.export-dialog .export-body{min-height:250px;padding:16px;background:var(--scrapbook-paper)}.export-dialog .export-options{gap:10px}.export-dialog .export-options>label:not(.toggle-row){gap:7px;color:var(--scrapbook-ink);font-size:13px;font-weight:800}.export-dialog .export-options input[type=number],.export-dialog .export-options select{min-height:48px;padding-inline:12px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper-alt);box-shadow:inset 1px 1px #e2beb152;font-size:15px;font-weight:700}.export-dialog .export-options input:focus,.export-dialog .export-options select:focus{border-color:var(--scrapbook-mint);outline:3px solid var(--color-focus-ring);outline-offset:1px}.export-dialog .export-options .toggle-row{min-height:54px;display:flex;align-items:center;gap:11px;padding:8px 12px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper-alt);font-size:14px;font-weight:700}.export-dialog .export-options .toggle-row input{width:22px;height:22px;flex:0 0 22px;accent-color:var(--scrapbook-command-edge)}.export-dialog .project-export-copy{min-height:220px;padding:20px;border:2px dashed var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper-alt)}.export-dialog .project-export-copy strong{color:var(--scrapbook-command-edge);font-size:26px}.export-dialog .project-export-copy p{color:var(--scrapbook-muted);font-size:13px}.export-dialog .dialog-actions{gap:10px;margin:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-top:2px dashed var(--scrapbook-edge);background:var(--scrapbook-paper-alt)}.export-dialog .dialog-actions button{min-width:112px;min-height:50px;height:auto;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge);font-size:15px}.export-dialog .dialog-actions button:last-child{border-color:var(--scrapbook-command-edge);color:var(--scrapbook-ink);background:var(--scrapbook-coral);box-shadow:0 3px 0 var(--scrapbook-command-shadow)}.export-dialog .dialog-actions button:not(:disabled):active,.export-dialog .dialog-header button:active{box-shadow:none;transform:translateY(2px)}.export-dialog .export-progress,.export-dialog .export-error{border-color:var(--scrapbook-edge);color:var(--scrapbook-ink);background:var(--scrapbook-paper-alt)}@media(max-width:899px){.long-press-save-dialog{border-radius:0;box-shadow:none}.long-press-save-dialog__body{padding:12px}}@media(max-width:520px){.export-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border:2px solid var(--scrapbook-edge);border-radius:12px}.export-dialog .dialog-header{min-height:76px}.export-dialog .dialog-header h2{font-size:22px}.export-dialog .export-tabs{gap:5px;padding-inline:8px}.export-dialog .export-tabs button{min-height:56px;flex-direction:column;gap:3px;font-size:12px}.export-dialog .export-body{min-height:0;padding:12px}.export-dialog .dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.export-dialog .dialog-actions button{min-width:0}}@media(max-width:360px){.long-press-save-dialog__sticker{width:42px;height:42px;flex-basis:42px}.long-press-save-dialog__header h2{font-size:20px}.mobile-save-sheet .mobile-save-formats button{grid-template-columns:46px minmax(0,1fr) 16px;gap:9px;padding-inline:9px}.mobile-save-formats__icon{width:44px;height:44px}}@media(max-width:899px){.workspace-toolbar{border-bottom:2px solid var(--scrapbook-edge);background:var(--scrapbook-yellow);box-shadow:0 3px #bf998e38}.workspace-toolbar .mobile-command,.workspace-toolbar .mobile-workspace-title,.workspace-toolbar button{color:var(--scrapbook-ink)}.workspace-statusbar{border-top:2px solid var(--scrapbook-edge);border-bottom:0;color:var(--scrapbook-ink);background:var(--scrapbook-blue)}.mobile-action-bar{gap:6px;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--scrapbook-edge);background:var(--scrapbook-paper);box-shadow:0 -4px #bf998e24}.mobile-action-bar[data-state=ready]>button{border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge);font-size:10px;font-weight:800;line-height:1.15;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out}.mobile-action-bar[data-state=ready]>button:first-of-type{border-color:var(--scrapbook-command-edge);background:var(--scrapbook-coral);box-shadow:0 3px 0 var(--scrapbook-command-shadow)}.mobile-action-bar[data-state=ready]>button:nth-of-type(2){border-color:var(--scrapbook-import-edge);background:var(--scrapbook-import-paper);box-shadow:0 3px 0 var(--scrapbook-import-edge)}.mobile-action-bar[data-state=ready]>button:last-of-type{border-color:var(--scrapbook-blue);background:var(--color-accent-blue-soft);box-shadow:0 3px 0 var(--scrapbook-blue)}.mobile-action-bar[data-state=ready]>button:not(:disabled):hover,.mobile-action-bar[data-state=ready]>button:not(:disabled):focus-visible{border-color:var(--scrapbook-mint)}.mobile-action-bar[data-state=ready]>button:not(:disabled):active{box-shadow:0 1px 0 var(--scrapbook-edge);transform:translateY(2px)}.mobile-action-bar[data-state=ready]>button:focus-visible,.mobile-tool-segment button:focus-visible{outline:3px solid var(--scrapbook-sticker-star);outline-offset:1px}.mobile-tool-segment{overflow:hidden;border:2px solid var(--scrapbook-identity-edge);border-radius:8px;background:var(--scrapbook-mint-soft);box-shadow:0 3px 0 var(--scrapbook-identity-edge)}.mobile-tool-segment button{color:var(--scrapbook-ink);background:transparent;border-right:1px solid var(--scrapbook-identity-edge)}.mobile-tool-segment button:last-child{border-right:0}.mobile-tool-segment button[aria-pressed=true]{color:var(--scrapbook-ink);background:var(--scrapbook-mint)}}@media(prefers-reduced-motion:reduce){.mobile-action-bar[data-state=ready]>button{transition:none}}@media(max-width:899px){.workspace-settings-sheet.is-open{inset:var(--mobile-toolbar-height) 0 calc(var(--mobile-action-height) + var(--mobile-status-height) + env(safe-area-inset-bottom,0px));display:grid;align-items:stretch;padding:8px 8px 0;background:var(--color-overlay-soft)}.workspace-settings-sheet>.workspace-sheet{width:100%;height:100%;overflow:hidden;border:2px solid var(--scrapbook-edge);border-bottom:0;border-radius:12px 12px 0 0;background:var(--scrapbook-paper);box-shadow:0 -5px 0 var(--scrapbook-mint)}.workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header{min-height:64px;padding:10px 14px;border-bottom:2px solid var(--scrapbook-edge);background:var(--scrapbook-yellow)}.workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header h2{color:var(--scrapbook-ink);font-size:22px;font-weight:800}.workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header button{width:44px;height:44px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge)}.workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header button:active{box-shadow:0 1px 0 var(--scrapbook-edge);transform:translateY(2px)}.workspace-settings-sheet .workspace-sheet__body{background:var(--scrapbook-paper-alt)}.workspace-settings-shell,.workspace-settings-shell .source-panel{background:transparent}.workspace-settings-shell .source-panel{border:0;scrollbar-color:var(--scrapbook-edge) transparent}.workspace-settings-shell .panel-heading{height:auto;padding:16px 16px 8px;border-bottom:0;background:transparent}.workspace-settings-shell .panel-heading h2{color:var(--scrapbook-ink);font-size:18px}.workspace-settings-shell .panel-section{padding:14px 16px 16px;border-bottom:2px dashed var(--scrapbook-edge)}.workspace-settings-shell .section-label{min-height:26px;color:var(--scrapbook-ink);font-size:14px;font-weight:800}.workspace-settings-shell .section-label svg{width:18px;height:18px;color:var(--scrapbook-command-edge)}.workspace-settings-shell .source-preview{aspect-ratio:4 / 3;margin-top:4px;border:2px solid var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper);box-shadow:4px 4px 0 var(--scrapbook-mint)}.workspace-settings-shell .source-meta{margin:12px 0 10px}.workspace-settings-shell .source-meta strong{color:var(--scrapbook-ink);font-size:14px}.workspace-settings-shell .source-meta span{color:var(--scrapbook-muted);font-size:12px}.workspace-settings-shell .panel-command{min-height:48px;border:2px solid var(--scrapbook-identity-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-mint-soft);box-shadow:0 3px 0 var(--scrapbook-identity-edge);font-size:14px}.workspace-settings-shell .panel-command:not(:disabled):active{box-shadow:0 1px 0 var(--scrapbook-identity-edge);transform:translateY(2px)}.workspace-settings-shell .segmented-control,.workspace-settings-shell .preset-grid{gap:7px;margin-top:9px}.workspace-settings-shell .segmented-control button,.workspace-settings-shell .preset-grid button{min-height:48px;height:auto;padding:8px 6px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge);font-size:13px;font-weight:700}.workspace-settings-shell .segmented-control button[aria-pressed=true],.workspace-settings-shell .preset-grid button[aria-pressed=true]{border-color:var(--scrapbook-command-edge);color:var(--scrapbook-ink);background:var(--scrapbook-coral);box-shadow:0 3px 0 var(--scrapbook-command-shadow)}.workspace-settings-shell .board-size-fields{border:2px dashed var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper)}.workspace-settings-shell .board-size-fields input{min-height:44px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper)}.workspace-settings-shell .toggle-row{min-height:56px;margin:0 16px 16px;padding:10px 12px;border:2px solid var(--scrapbook-identity-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-identity-paper);font-size:13px;font-weight:700}.workspace-settings-shell .toggle-row input{width:20px;height:20px;accent-color:var(--scrapbook-success)}}@media(max-width:899px){.workspace-colors-sheet.is-open{inset:var(--mobile-toolbar-height) 0 calc(var(--mobile-action-height) + var(--mobile-status-height) + env(safe-area-inset-bottom,0px));display:grid;align-items:stretch;padding:8px 8px 0;background:var(--color-overlay-soft)}.workspace-colors-sheet>.workspace-sheet{width:100%;height:100%;grid-template-rows:64px minmax(0,1fr);overflow:hidden;border:2px solid var(--scrapbook-edge);border-bottom:0;border-radius:8px 8px 0 0;background:var(--scrapbook-paper);box-shadow:0 -5px 0 var(--scrapbook-blue)}.workspace-colors-sheet .workspace-sheet__header{padding:10px 14px;border-bottom:2px solid var(--scrapbook-edge);background:var(--scrapbook-blue)}.workspace-colors-sheet .workspace-sheet__header h2{color:var(--scrapbook-ink);font-size:22px;font-weight:800}.workspace-colors-sheet .workspace-sheet__header button{width:44px;height:44px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge)}.workspace-colors-sheet .workspace-sheet__header button:active{box-shadow:0 1px 0 var(--scrapbook-edge);transform:translateY(2px)}.workspace-colors-sheet .workspace-sheet__body,.workspace-colors-sheet .palette-color-picker{min-height:0;background:var(--scrapbook-paper-alt)}.workspace-colors-sheet .palette-color-picker{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.palette-color-search{display:grid;gap:7px;padding:14px 14px 8px;color:var(--scrapbook-ink);font-size:14px;font-weight:800}.palette-color-search>span{display:inline-flex;align-items:center;gap:7px}.palette-color-search svg{width:18px;height:18px;color:var(--scrapbook-command-edge)}.palette-color-search input{width:100%;min-height:48px;padding:0 14px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:inset 0 -2px 0 var(--scrapbook-paper-alt);font-size:15px}.palette-color-search input:focus{border-color:var(--scrapbook-mint);outline:3px solid var(--color-focus-ring);outline-offset:1px}.workspace-colors-sheet .palette-color-picker>.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:4px 14px 12px}.workspace-colors-sheet .palette-color-picker>.segmented-control button{min-height:48px;height:auto;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge);font-size:14px;font-weight:800}.workspace-colors-sheet .palette-color-picker>.segmented-control button[aria-pressed=true]{border-color:var(--scrapbook-identity-edge);color:var(--scrapbook-ink);background:var(--scrapbook-mint);box-shadow:0 3px 0 var(--scrapbook-identity-edge)}.palette-color-scroll{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;padding:8px 10px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--scrapbook-edge) transparent;border-top:2px dashed var(--scrapbook-edge)}.palette-color-option{min-width:0;min-height:80px;display:grid;grid-template-columns:30px minmax(0,1fr);align-content:start;align-items:center;gap:4px 6px;padding:7px;overflow:hidden;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 2px 0 var(--scrapbook-edge);text-align:left}.workspace-colors-sheet .palette-color-scroll .palette-color-option{min-height:80px;height:auto;align-content:start}.palette-color-option .palette-swatch{width:30px;height:30px;grid-column:1;grid-row:1;border:2px solid var(--color-bead-edge);border-radius:6px}.palette-color-option__code{min-width:0;grid-column:2;grid-row:1;overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.palette-color-option__name,.palette-color-option__count{min-width:0;grid-column:1 / -1;overflow:hidden;color:var(--scrapbook-muted);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.palette-color-option__count{width:fit-content;padding:2px 5px;border-radius:5px;color:var(--scrapbook-ink);background:var(--scrapbook-sticker-swatch-paper)}.palette-color-option[aria-pressed=true]{border-color:var(--scrapbook-command-edge);background:var(--scrapbook-mint-soft);box-shadow:0 3px 0 var(--scrapbook-command-shadow)}.palette-color-option:focus-visible{outline:3px solid var(--scrapbook-sticker-star);outline-offset:1px}}@media(min-width:520px)and (max-width:899px){.palette-color-scroll{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:339px){.palette-color-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}}.canvas-stage.canvas-stage--empty .pattern-canvas{visibility:hidden}.canvas-stage--empty{background-color:var(--scrapbook-paper-alt);background-image:radial-gradient(circle at 2px 2px,rgb(226 190 177 / 22%) 1px,transparent 1.2px);background-size:14px 14px}.canvas-stage--empty .canvas-empty-state{padding:22px}.canvas-empty-state__content{position:relative;width:min(360px,calc(100% - 20px));display:flex;align-items:center;gap:16px;padding:24px 22px;border:2px solid var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper);box-shadow:5px 6px 0 var(--scrapbook-mint)}.canvas-empty-state__content--action{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.canvas-empty-state__content--action:hover{border-color:var(--scrapbook-coral);box-shadow:5px 7px 0 var(--scrapbook-mint);transform:translateY(-1px) rotate(-.2deg)}.canvas-empty-state__content--action:focus-visible{outline:3px solid var(--scrapbook-sticker-star);outline-offset:4px}.canvas-empty-state__content--action:active{box-shadow:3px 3px 0 var(--scrapbook-mint);transform:translateY(2px)}.canvas-empty-state__content:before{content:"";position:absolute;top:-10px;right:22%;width:72px;height:18px;border:1px solid var(--scrapbook-dialog-tape-edge);background:var(--scrapbook-dialog-tape);transform:rotate(3deg);pointer-events:none}.canvas-empty-state__sticker{position:relative;width:58px;height:58px;display:grid;flex:0 0 58px;place-items:center;border:2px solid var(--scrapbook-sticker-edge);border-radius:50%;color:var(--scrapbook-sticker-kicker);background:var(--scrapbook-sticker-paper);box-shadow:3px 3px 0 var(--scrapbook-yellow);transform:rotate(-5deg)}.canvas-empty-state__sparkle{position:absolute;right:-8px;top:-8px;color:var(--scrapbook-sticker-star)}.canvas-empty-state__copy{min-width:0;display:grid;gap:6px;text-align:left}.canvas-empty-state__copy>strong{color:var(--scrapbook-ink);font-size:20px;line-height:1.25;text-wrap:balance}.canvas-empty-state__copy>span{max-width:none;padding:0;border:0;color:var(--scrapbook-muted);background:transparent;font-size:14px;line-height:1.45}@media(max-width:620px){.canvas-stage--empty .canvas-empty-state{padding:18px}.canvas-empty-state__content{width:min(350px,calc(100% - 4px));gap:12px;padding:22px 16px}.canvas-empty-state__sticker{width:52px;height:52px;flex-basis:52px}.canvas-empty-state__copy>strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.canvas-empty-state__content--action{transition:none}}.login-page .account-panel{overflow:hidden;padding-top:18px}.login-sticker-banner{position:relative;min-height:152px;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;margin:-2px -2px 22px;padding:18px 20px;overflow:hidden;border:2px solid var(--scrapbook-sticker-edge);border-radius:8px;color:var(--scrapbook-ink);background-color:var(--scrapbook-sticker-paper);box-shadow:inset 0 -8px #ffffff61}.login-sticker-banner:before,.login-sticker-banner:after{position:absolute;content:"";pointer-events:none}.login-sticker-banner:before{top:-30px;right:24px;width:104px;height:104px;border:10px solid var(--scrapbook-blue);border-radius:50%;transform:rotate(18deg);opacity:.72}.login-sticker-banner:after{right:46px;bottom:11px;width:88px;height:14px;border-top:4px solid var(--scrapbook-yellow);border-radius:50%;transform:rotate(-7deg)}.login-sticker-banner__scribbles{position:relative;z-index:1;width:100px;height:108px;display:grid;place-items:center;color:var(--scrapbook-paper);background:var(--scrapbook-sticker-coral);border:3px solid var(--scrapbook-sticker-coral-edge);border-radius:48% 52% 45% 55%;transform:rotate(-5deg);box-shadow:5px 5px 0 var(--scrapbook-mint)}.login-sticker-banner__scribbles svg{position:absolute;width:30px;height:30px;stroke-width:2.8}.login-sticker-banner__scribbles svg:nth-child(1){top:14px;left:14px}.login-sticker-banner__scribbles svg:nth-child(2){right:10px;bottom:14px;color:var(--scrapbook-yellow)}.login-sticker-banner__scribbles svg:nth-child(3){top:35px;left:36px;color:var(--scrapbook-paper)}.login-sticker-banner__copy{position:relative;z-index:1;min-width:0;display:grid;gap:5px}.login-sticker-banner__kicker{color:var(--scrapbook-sticker-kicker);font-size:11px;font-weight:900;letter-spacing:0}.login-sticker-banner__copy strong{max-width:220px;font-size:clamp(21px,5vw,28px);line-height:1.18;overflow-wrap:anywhere}.login-sticker-banner__swatch{display:inline-flex;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:4px 8px;border:1px solid var(--scrapbook-sticker-swatch-edge);border-radius:5px;color:var(--scrapbook-sticker-swatch-ink);background:var(--scrapbook-sticker-swatch-paper);font-size:11px;font-weight:700}.login-sticker-banner__swatch svg{width:14px;height:14px;flex:0 0 14px}.login-sticker-banner__star{position:absolute;z-index:1;right:18px;top:54px;color:var(--scrapbook-sticker-star);font-size:32px;transform:rotate(16deg)}.login-page .account-brand{display:none}.login-page .account-panel h1{margin-top:0;font-size:clamp(28px,8vw,38px)}@media(max-width:420px){.login-sticker-banner{grid-template-columns:82px minmax(0,1fr);min-height:132px;padding:14px}.login-sticker-banner__scribbles{width:74px;height:86px;box-shadow:4px 4px 0 var(--scrapbook-mint)}.login-sticker-banner__scribbles svg{width:23px;height:23px}.login-sticker-banner__scribbles svg:nth-child(1){top:11px;left:10px}.login-sticker-banner__scribbles svg:nth-child(2){right:8px;bottom:10px}.login-sticker-banner__scribbles svg:nth-child(3){top:30px;left:27px}.login-sticker-banner__copy strong{font-size:20px}.login-sticker-banner__swatch{font-size:10px}.login-sticker-banner__star{right:8px;top:47px;font-size:24px}}body,.app-shell,.workspace-shell,.account-page,.projects-page,.shell-loading,.fatal-error{background-color:var(--color-background-warm);background-image:radial-gradient(circle at 1px 1px,var(--color-paper-fiber) .8px,transparent .9px);background-size:7px 7px}.topbar,.workspace-toolbar{border-color:var(--color-border-strong);background:var(--color-accent-butter-soft);box-shadow:0 2px 0 var(--color-pencil-faint)}.statusbar,.workspace-statusbar{border-color:var(--color-border-strong);background:var(--color-accent-blue-soft)}.side-panel,.source-panel,.palette-panel{border-color:var(--color-border);background:var(--color-surface)}.panel-heading{border-color:var(--color-border);background:var(--color-primary-mint-soft)}.panel-heading h2,.dialog-header h2,.workspace-sheet__header h2{color:var(--color-text-ink)}.panel-section,.palette-sources,.toggle-row,.export-options .toggle-row,.import-tabs,.dialog-actions,.export-progress,.export-error{border-color:var(--color-border)}.source-preview,.source-canvas-view{border-color:var(--color-border-strong);background-color:var(--color-surface-muted);background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1.3px);background-size:12px 12px}.canvas-stage{background-color:var(--color-canvas);background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1.2px);background-size:16px 16px}.canvas-empty-state span{border-color:var(--color-primary-mint);border-radius:0 var(--radius) var(--radius) 0;background:var(--color-surface);box-shadow:var(--pencil-shadow)}.account-form input,.number-grid input,.advanced-grid input,.manual-palette-layout__grid input,.column-mapping select,.palette-dialog>label input,.palette-table-wrap input,.export-options input[type=number],.export-options select{border-color:var(--color-border-strong);color:var(--color-text-ink);background:var(--color-surface);box-shadow:inset 1px 1px 0 var(--color-pencil-faint)}input[type=range]{accent-color:var(--color-primary-mint)}input[type=checkbox]{accent-color:var(--color-accent-green)}.command-button,.recovery-command,.panel-command,.generate-button,.segmented-control button,.preset-grid button,.palette-sources button,.palette-list>button,.workspace-notice button,.fatal-error button,.import-tabs button,.manual-palette-layout>button,.dialog-actions button,.primary-command,.icon-text-command,.projects-header button,.project-card button,.legacy-import-banner button{border-color:var(--color-border-strong);color:var(--color-text-ink);background-color:var(--color-surface);box-shadow:var(--pencil-shadow)}.command-button--primary,.panel-command--accent,.segmented-control button[aria-pressed=true],.preset-grid button[aria-pressed=true],.palette-sources button[aria-pressed=true],.generate-button,.fatal-error button,.manual-palette-layout>button,.dialog-actions button:last-child,.primary-command{border-color:var(--color-primary-mint);color:var(--color-on-primary);background:var(--color-primary-mint)}.command-button--primary,.generate-button,.fatal-error button,.dialog-actions button:last-child{border-color:var(--color-accent-butter);color:var(--color-text-ink);background:var(--color-accent-butter-soft)}.icon-text-command{border-color:transparent;background:transparent;box-shadow:none}.command-button:not(:disabled):hover,.panel-command:not(:disabled):hover,.generate-button:not(:disabled):hover,.projects-header button:not(:disabled):hover,.project-card button:not(:disabled):hover,.primary-command:not(:disabled):hover,.dialog-actions button:not(:disabled):hover{border-color:var(--color-primary-mint);box-shadow:1px 1px 0 var(--color-shadow);transform:translate(1px,1px)}.icon-button:not(:disabled):hover,.toolbar-segment button:not(:disabled):hover{border-color:var(--color-border-strong);color:var(--color-text-ink);background:var(--color-primary-mint-soft)}.toolbar-segment button[aria-pressed=true]{border-color:var(--color-primary-mint);color:var(--color-on-primary);background:var(--color-primary-mint);box-shadow:inset 0 -2px #263a312e}.toolbar-color-button,.tooltip-bubble{border-color:var(--color-border-strong);color:var(--color-text-ink);background:var(--color-surface)}.tooltip-bubble{box-shadow:var(--pencil-shadow-raised)}.brand-mark i,.account-brand i,.preview-bead,.project-card__preview span,.decorative-bead-cluster i{border:1px solid var(--color-bead-edge);box-shadow:inset 2px 2px 0 var(--color-bead-highlight),2px 2px 0 var(--color-shadow)}.brand-mark i:nth-child(4),.account-brand i:nth-child(4),.project-card__preview span:nth-child(4){background:var(--green)}.palette-dialog,.export-dialog,.visual-crop-dialog,.long-press-save-dialog,.workspace-dialog,.workspace-sheet,.logout-dialog{border-color:var(--color-border-strong);border-radius:var(--radius-card);color:var(--color-text-ink);background:var(--color-surface);box-shadow:4px 5px 0 var(--color-shadow-strong)}.dialog-backdrop,.workspace-sheet-backdrop,.workspace-dialog-backdrop{background:var(--color-overlay)}.export-tabs,.export-dialog .dialog-header,.workspace-sheet__header,.workspace-dialog__header,.workspace-dialog__footer{border-color:var(--color-border);background:var(--color-accent-blue-soft)}.export-tabs button[aria-selected=true]{border-bottom-color:var(--color-primary-mint);color:var(--color-text-ink)}.palette-table-wrap,.manual-palette-layout{border-color:var(--color-border-strong)}.palette-table-wrap th{background:var(--color-primary-mint-soft)}.file-command{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.workspace-notice,.shell-overlay-status,.page-status,.form-status{border-color:var(--color-border);color:var(--color-text-ink);background:var(--color-surface);box-shadow:var(--pencil-shadow)}.page-status,.form-status{border:1px dashed var(--color-border);border-radius:var(--radius);padding:8px 10px}.page-status--error,.form-status--error,.shell-overlay-status--error,.export-error,.panel-error{border-color:var(--color-warning-coral);color:var(--color-warning-coral);background:var(--color-warning-coral-soft)}.form-status--success{border-color:var(--color-primary-mint);color:var(--color-primary-mint);background:var(--color-primary-mint-soft)}.dialog-loading,.shell-loading{color:var(--color-text-ink)}.account-page{position:relative;isolation:isolate}.account-panel{position:relative;z-index:1;border:2px solid var(--color-border-strong);background-color:var(--color-surface);background-image:radial-gradient(circle at 1px 1px,var(--color-paper-fiber) .7px,transparent .8px);background-size:7px 7px;box-shadow:var(--pencil-shadow-raised)}.account-panel:after{position:absolute;right:22px;bottom:15px;width:42px;height:7px;background:var(--color-accent-butter);border-radius:50%;content:"";opacity:.65;pointer-events:none;transform:rotate(-4deg)}.account-panel h1,.projects-header h1{position:relative;width:fit-content;max-width:100%;color:var(--color-text-ink);overflow-wrap:anywhere}.account-panel h1:after,.projects-header h1:after{position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:50%;background:var(--color-accent-butter-soft);content:"";transform:rotate(-1deg)}.account-brand{transform:rotate(-3deg)}.account-identity{border-color:var(--color-border);background:var(--color-primary-mint-soft)}.projects-header{position:relative;isolation:isolate;overflow:hidden;border-color:var(--color-border-strong)}.projects-header__copy,.projects-header nav{position:relative;z-index:1;min-width:0}.projects-eyebrow{color:var(--color-primary-mint);letter-spacing:0}.projects-content{position:relative}.legacy-import-banner{border:2px dashed var(--color-accent-butter);background:var(--color-accent-butter-soft);box-shadow:var(--pencil-shadow)}.projects-empty{min-width:0;color:var(--color-text-muted);background-image:radial-gradient(circle,var(--color-primary-mint-soft) 2px,transparent 2.5px);background-position:center;background-size:18px 18px}.projects-empty strong,.projects-empty svg{padding:3px;background:var(--color-background-warm)}.project-card{border:2px solid var(--color-border);background:var(--color-surface);box-shadow:var(--pencil-shadow-raised)}.project-card:nth-child(3n+2){border-color:var(--color-accent-blue)}.project-card:nth-child(3n+3){border-color:var(--color-accent-butter)}.project-card__preview{border-bottom:1px dashed var(--color-border-strong);background-color:var(--color-surface-muted);background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1.4px);background-size:12px 12px}.project-card__preview span{position:relative}.project-card__preview span:after,.decorative-bead-cluster i:after{position:absolute;inset:36%;border-radius:50%;background:#ffffffc7;box-shadow:inset 1px 1px 0 var(--color-bead-edge);content:""}.project-card h2{overflow-wrap:anywhere}.bead-doodle-scene{position:absolute;z-index:0;inset:0;contain:strict;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.decorative-bead-cluster{position:absolute;width:92px;height:70px;display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(2,20px);place-content:center;gap:7px;opacity:.72;transform:rotate(-8deg)}.decorative-bead-cluster i{position:relative;width:20px;height:20px;display:block;border-radius:50%}.decorative-bead-cluster i:nth-child(2),.decorative-bead-cluster i:nth-child(5){transform:translateY(5px)}.decorative-bead-cluster--mint{top:8%;left:max(12px,calc(50% - 390px))}.decorative-bead-cluster--coral{right:max(12px,calc(50% - 390px));bottom:9%;transform:rotate(9deg)}.decorative-bead-cluster--mint i:nth-child(odd),.decorative-bead-cluster--coral i:nth-child(2n){background:var(--color-primary-mint)}.decorative-bead-cluster--mint i:nth-child(2n){background:var(--color-accent-butter)}.decorative-bead-cluster--coral i:nth-child(odd){background:var(--color-warning-coral)}.bead-doodle-scene__loop,.bead-doodle-scene__dash{position:absolute;display:block;opacity:.42}.bead-doodle-scene__loop{top:19%;right:12%;width:70px;height:34px;border:3px solid var(--color-accent-blue);border-right-color:transparent;border-radius:50%;transform:rotate(16deg)}.bead-doodle-scene__dash{bottom:18%;left:11%;width:58px;height:18px;border-top:3px dashed var(--color-accent-green);border-radius:50%;transform:rotate(-12deg)}.projects-header>.bead-doodle-scene{opacity:.62}.projects-header .decorative-bead-cluster--mint{top:4px;left:34%}.projects-header .decorative-bead-cluster--coral{right:29%;bottom:-12px}.projects-header .bead-doodle-scene__loop{top:6px;right:13%}.projects-header .bead-doodle-scene__dash{bottom:1px;left:12%}@media(max-width:620px){.decorative-bead-cluster{width:66px;height:54px;grid-template-columns:repeat(3,15px);grid-template-rows:repeat(2,15px);gap:5px;opacity:.5}.decorative-bead-cluster i{width:15px;height:15px}.decorative-bead-cluster--mint{top:5px;left:2px}.decorative-bead-cluster--coral{right:2px;bottom:5px}.bead-doodle-scene__loop{right:-10px;width:50px}.bead-doodle-scene__dash{left:-6px;width:42px}.account-panel{width:min(420px,100%);padding:20px}.projects-header .decorative-bead-cluster--mint{top:2px;right:4px;left:auto}.projects-header .decorative-bead-cluster--coral{display:none}.projects-header .bead-doodle-scene__loop,.projects-header .bead-doodle-scene__dash{opacity:.5}.projects-header nav{min-width:0}.projects-header button{overflow-wrap:anywhere}.project-card{box-shadow:2px 3px 0 var(--color-shadow)}}.projects-header{width:100%;min-height:168px;padding:26px max(24px,calc((100% - 1120px)/2));border-bottom:2px solid var(--color-border-strong);background-color:var(--color-accent-blue-soft)}.projects-header__copy h1{font-size:clamp(28px,4vw,42px);line-height:1.05;padding-bottom:5px;box-shadow:inset 0 -3px 0 var(--color-accent-butter-soft);overflow:hidden}.projects-header__copy h1:after{display:none}.projects-header__copy>span{display:inline-block;margin-top:10px;padding:3px 10px;border:1px dashed var(--color-primary-mint);border-radius:6px;color:var(--color-text-ink);background:var(--color-surface);font-size:13px;font-weight:800}.project-doodle-icons{position:absolute;inset:0}.project-doodle-icons svg{position:absolute;width:34px;height:34px;fill:#ffffff6b;stroke-width:2.6;filter:drop-shadow(1px 2px 0 rgb(38 58 49 / 12%))}.project-doodle-icons svg:nth-child(1){top:22px;left:6%;color:var(--color-warning-coral);transform:rotate(-14deg)}.project-doodle-icons svg:nth-child(2){right:31%;bottom:18px;color:var(--color-accent-butter);transform:rotate(12deg)}.project-doodle-icons svg:nth-child(3){top:18px;right:7%;width:54px;height:54px;color:var(--color-accent-blue);transform:rotate(7deg)}.project-doodle-icons svg:nth-child(4){right:19%;bottom:12px;color:var(--color-accent-green);transform:rotate(-9deg)}.project-doodle-icons svg:nth-child(5){top:20px;left:31%;color:var(--color-primary-mint);transform:rotate(11deg)}.projects-content{padding-top:20px}.projects-actions{align-items:center;justify-content:space-between;gap:12px}.project-layout-switch{min-width:0;display:inline-grid;grid-template-columns:repeat(3,minmax(0,auto));padding:3px;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-surface);box-shadow:var(--pencil-shadow)}.project-layout-switch button{min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid transparent;border-radius:5px;color:var(--color-text-muted);background:transparent;font-size:12px;font-weight:800;cursor:pointer}.project-layout-switch button svg{width:16px;height:16px;flex:0 0 16px}.project-layout-switch button[aria-pressed=true]{border-color:var(--color-primary-mint);color:var(--color-on-primary);background:var(--color-primary-mint);box-shadow:inset 0 -2px #263a3129}.project-card__preview{position:relative;aspect-ratio:16 / 10;display:grid;grid-template:100% / 100%;place-items:center;overflow:hidden}.project-card__preview img{width:100%;height:100%;display:block;object-fit:cover}.project-card__preview img[data-asset-kind=source]{width:84%;height:84%;object-fit:contain;object-position:center;transform:none}.project-card__placeholder{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,36px);place-content:center;gap:8px}.project-card__placeholder span{width:36px;height:36px}.project-grid[data-layout=gallery]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.project-grid[data-layout=gallery] .project-card__body{border-top:4px solid var(--color-primary-mint-soft)}.project-grid[data-layout=scrapbook]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:8px}.project-grid[data-layout=scrapbook] .project-card:nth-child(4n+1){border-color:var(--color-warning-coral);transform:rotate(-.35deg)}.project-grid[data-layout=scrapbook] .project-card:nth-child(4n+2){border-color:var(--color-accent-blue);transform:rotate(.3deg)}.project-grid[data-layout=scrapbook] .project-card:nth-child(4n+3){border-color:var(--color-accent-butter);transform:rotate(-.2deg)}.project-grid[data-layout=scrapbook] .project-card:nth-child(4n+4){border-color:var(--color-accent-green);transform:rotate(.25deg)}.project-grid[data-layout=scrapbook] .project-card__preview{aspect-ratio:1 / 1}.project-grid[data-layout=list]{grid-template-columns:1fr;gap:10px}.project-grid[data-layout=list] .project-card{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.project-grid[data-layout=list] .project-card__preview{height:100%;min-height:150px;aspect-ratio:auto;border-right:1px dashed var(--color-border-strong);border-bottom:0}.project-grid[data-layout=list] .project-card__body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:4px 18px}.project-grid[data-layout=list] .project-card h2,.project-grid[data-layout=list] .project-card p{grid-column:1}.project-grid[data-layout=list] .project-card button{grid-column:2;grid-row:1 / 3;width:116px}@media(max-width:760px){.projects-header{min-height:210px;padding:22px 18px}.projects-header nav{width:100%}.projects-actions{align-items:stretch;flex-direction:column-reverse}.projects-actions .primary-command,.project-layout-switch{width:100%}.project-layout-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.project-layout-switch button{padding-inline:5px}.project-grid[data-layout=gallery],.project-grid[data-layout=scrapbook]{grid-template-columns:1fr;padding:0}.project-grid[data-layout=scrapbook] .project-card{transform:none}.project-grid[data-layout=scrapbook] .project-card__preview{aspect-ratio:16 / 10}.project-grid[data-layout=list] .project-card{grid-template-columns:minmax(104px,34%) minmax(0,1fr)}.project-grid[data-layout=list] .project-card__preview{min-height:148px}.project-grid[data-layout=list] .project-card__body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;padding:10px}.project-grid[data-layout=list] .project-card p{min-height:0;margin:0}.project-grid[data-layout=list] .project-card button{width:100%;min-height:38px}.project-doodle-icons svg:nth-child(1),.project-doodle-icons svg:nth-child(5){display:none}.project-doodle-icons svg:nth-child(2){right:38%;bottom:4px}.project-doodle-icons svg:nth-child(3){top:10px;right:4px;opacity:.6}.project-doodle-icons svg:nth-child(4){right:7%;bottom:12px;opacity:.65}}:root{--scrapbook-paper: #fffdf7;--scrapbook-paper-alt: #fff7ed;--scrapbook-ink: #493b44;--scrapbook-muted: #8b7884;--scrapbook-mint: #9edecb;--scrapbook-coral: #ff9e9b;--scrapbook-yellow: #ffd978;--scrapbook-blue: #a9d8f5;--scrapbook-edge: #e8d8d0;--scrapbook-shadow: 0 8px 0 rgb(191 153 142 / 18%), 0 16px 28px rgb(143 107 101 / 12%);--scrapbook-sticker-edge: #f0c7b7;--scrapbook-sticker-paper: #ffe9df;--scrapbook-sticker-coral: #ff8f92;--scrapbook-sticker-coral-edge: #e3787b;--scrapbook-sticker-kicker: #c85f68;--scrapbook-sticker-swatch-edge: #e0b46c;--scrapbook-sticker-swatch-ink: #765553;--scrapbook-sticker-swatch-paper: #fff6ce;--scrapbook-sticker-star: #f3b72f;--scrapbook-input-paper: #fff;--scrapbook-command-edge: #e48d85;--scrapbook-command-ink: #51383b;--scrapbook-command-shadow: #df7f78;--scrapbook-command-hover: #f3fff9;--scrapbook-eyebrow: #e58a83;--scrapbook-layout-active: #e7fff4;--scrapbook-preview-paper: #f8eee8;--scrapbook-project-button: #e8fff4;--scrapbook-project-button-edge: #a8ddca;--scrapbook-import-edge: #e8c96d;--scrapbook-import-paper: #fff9db;--scrapbook-error: #d96e69;--scrapbook-success: #4aaf8d;--scrapbook-identity-edge: #b8dfcf;--scrapbook-identity-paper: #effff8;--scrapbook-nav-paper: rgb(255 253 247 / 96%);--scrapbook-nav-shadow: 0 8px 22px rgb(143 107 101 / 22%);--scrapbook-dialog-shadow: 5px 6px 0 var(--scrapbook-mint);--scrapbook-dialog-tape: rgb(255 217 120 / 82%);--scrapbook-dialog-tape-edge: rgb(211 174 119 / 60%)}body{color:var(--scrapbook-ink);background-color:var(--scrapbook-paper-alt);background-image:radial-gradient(circle at 2px 2px,rgb(226 190 177 / 22%) 1px,transparent 1.2px);background-size:12px 12px}.app-shell,.workspace-shell,.account-page,.projects-page,.shell-loading,.fatal-error{color:var(--scrapbook-ink);background-color:transparent;background-image:none}.account-page,.projects-page{position:relative;isolation:isolate}.account-panel{position:relative;z-index:1;width:min(460px,100%);padding:32px;border:2px solid var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper);box-shadow:var(--scrapbook-shadow)}.account-panel h1,.projects-header h1{color:var(--scrapbook-ink)}.login-page .account-subtitle{display:none}.projects-header>.bead-doodle-scene{display:none}.account-subtitle,.projects-header span,.project-card p{color:var(--scrapbook-muted)}.account-brand{filter:drop-shadow(2px 3px 0 rgb(168 123 115 / 16%))}.account-form input{border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-input-paper)}.account-form input:focus{border-color:var(--scrapbook-mint)}.primary-command{border:2px solid var(--scrapbook-command-edge);border-radius:8px;color:var(--scrapbook-command-ink);background:var(--scrapbook-coral);box-shadow:0 4px 0 var(--scrapbook-command-shadow)}.primary-command:hover{transform:translateY(-1px)}.icon-text-command,.projects-header button,.project-card button{border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper)}.projects-header button:hover,.project-card button:hover,.icon-text-command:hover{border-color:var(--scrapbook-mint);background:var(--scrapbook-command-hover)}.projects-header,.projects-content{position:relative;z-index:1}.projects-header{width:min(1120px,calc(100% - 32px));min-height:88px;margin:0 auto;padding:14px 0;border-bottom:2px dashed var(--scrapbook-edge);background:transparent}.projects-header h1{font-size:clamp(24px,4vw,34px);letter-spacing:0}.projects-eyebrow{color:var(--scrapbook-eyebrow);font-size:12px;letter-spacing:0}.projects-header__copy>span{display:none}.projects-actions{justify-content:space-between;align-items:center;gap:14px}.project-layout-switch{display:inline-flex;flex-wrap:wrap;gap:6px;padding:5px;border:2px solid var(--scrapbook-edge);border-radius:8px;background:#fffdf7cc}.project-layout-switch button{min-height:40px;border-color:transparent;box-shadow:none}.project-layout-switch button[aria-pressed=true]{border-color:var(--scrapbook-mint);color:var(--scrapbook-ink);background:var(--scrapbook-layout-active)}.project-grid[data-layout=scrapbook]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px 22px;padding:10px 4px 22px}.project-grid[data-layout=scrapbook] .project-card{border:2px solid var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper);box-shadow:var(--scrapbook-shadow)}.project-grid[data-layout=scrapbook] .project-card__preview{aspect-ratio:5 / 4;border-bottom:2px solid var(--scrapbook-edge);background:var(--scrapbook-preview-paper)}.project-grid[data-layout=scrapbook] .project-card__preview img[data-asset-kind=preview]{object-fit:cover;object-position:center;transform:translate(25px) scale(5);transform-origin:center}.project-grid[data-layout=scrapbook] .project-card__body{padding:16px}.project-grid[data-layout=scrapbook] .project-card h2{font-size:18px}.project-grid[data-layout=scrapbook] .project-card button{background:var(--scrapbook-project-button);border-color:var(--scrapbook-project-button-edge)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+1) .project-card:before,.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+2) .project-card:before,.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+3) .project-card:before{content:"";position:absolute;z-index:2;top:-10px;left:24px;width:58px;height:19px;border:1px solid rgb(211 174 119 / 60%);background:#ffd978d1;transform:rotate(-5deg)}.project-grid[data-layout=scrapbook] .project-card{position:relative}.legacy-import-banner{border:2px dashed var(--scrapbook-import-edge);border-radius:8px;background:var(--scrapbook-import-paper)}.page-status--error,.form-status--error{color:var(--scrapbook-error)}.form-status--success{color:var(--scrapbook-success)}@media(max-width:620px){.account-page{padding:16px}.account-panel{padding:24px 20px}.projects-header{min-height:0;padding:14px 0}.projects-header nav{display:grid;grid-template-columns:1fr 1fr}.projects-actions{align-items:stretch;flex-direction:column}.project-layout-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.project-layout-switch button{padding-inline:4px;font-size:12px}.project-grid[data-layout=scrapbook]{grid-template-columns:1fr;gap:14px;padding-inline:2px}.project-grid[data-layout=scrapbook] .project-card__preview{aspect-ratio:16 / 9}.project-grid[data-layout=scrapbook] .project-card__body{padding:10px 12px 12px}.project-grid[data-layout=scrapbook] .project-card h2{font-size:16px;line-height:1.2}.project-grid[data-layout=scrapbook] .project-card p{min-height:0;margin:4px 0 8px;line-height:1.25}.project-grid[data-layout=scrapbook] .project-card button{min-height:40px}}@media(max-width:390px){.project-layout-switch button{min-height:44px;flex-direction:column;gap:2px;font-size:10px}.project-grid[data-layout=list] .project-card{grid-template-columns:1fr}.project-grid[data-layout=list] .project-card__preview{min-height:0;aspect-ratio:16 / 9;border-right:0;border-bottom:1px dashed var(--color-border-strong)}}.settings-page{align-content:center;justify-items:center;padding-block:24px}.settings-page .account-panel{width:min(520px,100%);margin:0;padding:clamp(22px,5vw,34px);background:var(--scrapbook-paper)}.settings-page .account-panel h1{margin-top:18px;font-size:clamp(28px,7vw,38px);line-height:1.12;letter-spacing:0}.settings-page .account-panel h1:after{content:"";display:block;width:72px;height:6px;margin-top:10px;border-radius:99px;background:var(--scrapbook-yellow);transform:rotate(-2deg)}.settings-page .account-identity{min-height:58px;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:0 16px;border:2px dashed var(--scrapbook-identity-edge);border-radius:12px;color:var(--scrapbook-muted);background:var(--scrapbook-identity-paper)}.settings-page .account-identity strong{color:var(--scrapbook-ink);font-size:20px}.settings-page .account-form{gap:16px;margin-top:22px}.settings-page .account-form label{gap:8px;color:var(--scrapbook-ink);font-size:14px}.settings-page .account-form input{height:52px;padding-inline:16px;border-radius:12px;font-size:16px;box-shadow:inset 0 2px #e8d8d059}.settings-page .account-form .primary-command{min-height:54px;margin-top:4px;font-size:17px}.login-page .account-panel h1:after{display:none}.login-page .account-panel h1,.projects-header__copy,.projects-header{display:none}.projects-header>nav{display:none!important}.projects-bottom-nav{position:fixed!important;z-index:100;right:auto;bottom:max(14px,env(safe-area-inset-bottom))!important;left:50%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(1120px,calc(100% - 32px));padding:8px;border:2px solid var(--scrapbook-edge);border-radius:14px;background:var(--scrapbook-nav-paper);box-shadow:var(--scrapbook-nav-shadow);transform:translate(-50%)}.projects-bottom-nav button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--scrapbook-edge);border-radius:10px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);font-size:16px;font-weight:800}.project-layout-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid[data-layout=list] .project-card__preview{min-height:180px}.project-grid[data-layout=list] .project-card__preview img[data-asset-kind=preview]{object-fit:cover;object-position:center;transform:translate(22px) scale(2.8);transform-origin:center}.projects-page{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}.projects-page .projects-header{flex:0 0 auto}.projects-page .projects-content{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;padding-bottom:calc(92px + env(safe-area-inset-bottom));overflow:hidden}.projects-page .projects-actions,.projects-page .page-status,.projects-page .projects-empty{flex:0 0 auto}.projects-page .project-grid{min-height:0;flex:1 1 auto;grid-auto-rows:max-content;align-content:start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}.projects-page .project-card{min-height:max-content}.swipe-project-row{position:relative;min-width:0;overflow:hidden;isolation:isolate}.swipe-project-row__track{position:relative;z-index:1;height:100%;min-width:0;transition:transform .18s ease;will-change:transform;touch-action:pan-y}.swipe-project-row__track>.project-card{width:100%;height:100%;min-width:0}.project-grid[data-layout=scrapbook] .swipe-project-row__track>.project-card{display:flex;flex-direction:column}.project-grid[data-layout=scrapbook] .swipe-project-row__track{border-radius:8px;background:var(--scrapbook-paper)}.project-grid[data-layout=scrapbook] .project-card__body{min-height:0;display:flex;flex:1 1 auto;flex-direction:column}.project-grid[data-layout=scrapbook] .project-card__body>button{margin-top:auto}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+1) .project-card{border-color:var(--color-warning-coral)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+2) .project-card{border-color:var(--color-accent-blue)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+3) .project-card{border-color:var(--color-accent-butter)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+4) .project-card{border-color:var(--color-accent-green)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+1) .project-card{transform:rotate(-.35deg)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+2) .project-card{transform:rotate(.3deg)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+3) .project-card{transform:rotate(-.2deg)}.project-grid[data-layout=scrapbook] .swipe-project-row:nth-child(4n+4) .project-card{transform:rotate(.25deg)}.swipe-project-row__delete{position:absolute;inset:0 0 0 auto;z-index:0;width:92px;min-width:44px;min-height:44px;border:0;border-radius:0;color:var(--scrapbook-paper);background:var(--scrapbook-error);font-size:15px;font-weight:800}.swipe-project-row__delete:disabled{cursor:wait;opacity:.62}.delete-project-dialog__confirm{color:var(--scrapbook-paper)!important;background:var(--scrapbook-error)!important;border-color:var(--scrapbook-error)!important}.delete-project-dialog .page-status--error{margin:12px 0 0}.workspace-dialog.delete-project-dialog{position:relative;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:26px 24px 20px;overflow-y:auto;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:var(--scrapbook-dialog-shadow)}.workspace-dialog.delete-project-dialog:before{content:"";position:absolute;z-index:2;top:-1px;left:50%;width:84px;height:18px;border:1px solid var(--scrapbook-dialog-tape-edge);background:var(--scrapbook-dialog-tape);transform:translate(-50%) rotate(-2deg);pointer-events:none}.delete-project-dialog__intro{display:flex;align-items:flex-start;gap:16px}.delete-project-dialog__sticker{width:56px;height:56px;display:grid;flex:0 0 56px;place-items:center;border:2px solid var(--scrapbook-sticker-edge);border-radius:50%;color:var(--scrapbook-sticker-kicker);background:var(--scrapbook-sticker-paper);box-shadow:3px 3px 0 var(--scrapbook-yellow);transform:rotate(-4deg)}.delete-project-dialog__copy{min-width:0}.delete-project-dialog__eyebrow{display:block;margin-bottom:3px;color:var(--scrapbook-sticker-kicker);font-size:13px;font-weight:800}.delete-project-dialog h2{margin:0;color:var(--scrapbook-ink);font-size:28px;line-height:1.15;text-wrap:balance}.delete-project-dialog__copy p{margin:12px 0 5px;color:var(--scrapbook-ink);font-size:16px;line-height:1.55;text-wrap:pretty}.delete-project-dialog__copy strong{overflow-wrap:anywhere;color:var(--scrapbook-sticker-kicker)}.delete-project-dialog__note{display:block;color:var(--scrapbook-muted);font-size:13px;line-height:1.45}.delete-project-dialog .dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:16px;border-top:2px dashed var(--scrapbook-edge)}.delete-project-dialog .dialog-actions button{min-width:0;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge);font-size:16px;font-weight:800}.delete-project-dialog .dialog-actions button:not(:disabled):active{box-shadow:none;transform:translateY(2px)}.delete-project-dialog .delete-project-dialog__confirm{box-shadow:0 3px 0 var(--scrapbook-command-shadow)}.delete-project-dialog__spinner{animation:delete-project-dialog-spin .9s linear infinite}@keyframes delete-project-dialog-spin{to{transform:rotate(360deg)}}@media(max-width:420px){.workspace-dialog.delete-project-dialog{width:calc(100vw - 24px);padding:24px 18px 16px}.delete-project-dialog__intro{gap:12px}.delete-project-dialog__sticker{width:48px;height:48px;flex-basis:48px}.delete-project-dialog h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.delete-project-dialog__spinner{animation:none}}.projects-header nav{position:fixed!important;z-index:20;left:50%;top:auto!important;right:auto;bottom:max(14px,env(safe-area-inset-bottom))!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(600px,calc(100% - 28px));gap:10px;padding:8px;border:2px solid var(--scrapbook-edge);border-radius:14px;background:#fffdf7f0;box-shadow:0 8px 22px #8f6b6538;transform:translate(-50%);will-change:transform}.projects-header nav button{min-height:48px}.legacy-import-banner,.legacy-import-error{display:none!important}@media(max-width:620px){.settings-page{align-content:center;padding:24px 14px 36px}.settings-page .account-panel{padding:22px 18px 24px}.settings-page .account-panel h1{font-size:30px}}.canvas-stage.canvas-stage--empty{background-color:var(--scrapbook-paper-alt);background-image:radial-gradient(circle at 2px 2px,rgb(226 190 177 / 22%) 1px,transparent 1.2px);background-size:14px 14px}.canvas-stage.canvas-stage--empty .canvas-empty-state__copy>span{max-width:none;padding:0;border:0;color:var(--scrapbook-muted);background:transparent;font-size:14px;line-height:1.45}@media(max-width:899px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{font-size:16px}}@media(min-width:900px){.workspace-toolbar{border-bottom:2px solid var(--scrapbook-edge);color:var(--scrapbook-ink);background:var(--scrapbook-yellow);box-shadow:0 3px #bf998e38}.workspace-toolbar .brand,.workspace-toolbar .icon-button,.workspace-toolbar .toolbar-segment button,.workspace-toolbar .local-badge{color:var(--scrapbook-ink)}.workspace-toolbar .toolbar-group,.workspace-toolbar .toolbar-segment{border-color:#bf998e57}.workspace-toolbar .icon-button,.workspace-toolbar .toolbar-segment button{border-radius:8px}.workspace-toolbar .icon-button:not(:disabled):hover,.workspace-toolbar .toolbar-segment button:not(:disabled):hover{border-color:var(--scrapbook-identity-edge);color:var(--scrapbook-ink);background:var(--scrapbook-mint-soft)}.workspace-toolbar .toolbar-segment button[aria-pressed=true]{border-color:var(--scrapbook-identity-edge);color:var(--scrapbook-ink);background:var(--scrapbook-mint);box-shadow:0 3px 0 var(--scrapbook-identity-edge)}.workspace-toolbar .toolbar-color-button{border:2px solid var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge)}.workspace-statusbar{border-top:2px solid var(--scrapbook-edge);border-bottom:0;color:var(--scrapbook-ink);background:var(--scrapbook-blue)}.workspace-grid>.side-panel{background:var(--scrapbook-paper)}.workspace-grid .panel-heading{border-bottom:2px solid var(--scrapbook-edge);color:var(--scrapbook-ink);background:var(--scrapbook-mint)}.workspace-grid .panel-section{border-color:var(--scrapbook-edge)}.workspace-grid .source-preview,.workspace-grid .source-canvas-view{border:2px solid var(--scrapbook-edge);border-radius:8px;background-color:var(--scrapbook-paper-alt);box-shadow:3px 3px 0 var(--scrapbook-mint)}.workspace-grid .panel-command,.workspace-grid .generate-button,.workspace-grid .segmented-control button,.workspace-grid .preset-grid button{border:2px solid var(--scrapbook-edge);border-radius:8px;color:var(--scrapbook-ink);background:var(--scrapbook-paper);box-shadow:0 3px 0 var(--scrapbook-edge)}.workspace-grid .panel-command--accent,.workspace-grid .segmented-control button[aria-pressed=true],.workspace-grid .preset-grid button[aria-pressed=true]{border-color:var(--scrapbook-identity-edge);color:var(--scrapbook-ink);background:var(--scrapbook-mint);box-shadow:0 3px 0 var(--scrapbook-identity-edge)}.workspace-grid .panel-command:not(:disabled):active,.workspace-grid .generate-button:not(:disabled):active,.workspace-grid .segmented-control button:not(:disabled):active,.workspace-grid .preset-grid button:not(:disabled):active{box-shadow:0 1px 0 var(--scrapbook-edge);transform:translateY(2px)}}.ai-template-dialog{width:min(960px,calc(100vw - 32px));max-height:min(92dvh,900px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.ai-template-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--color-border)}.ai-template-dialog__header>div,.ai-template-dialog__header>div>div{display:flex;align-items:center;gap:12px;min-width:0}.ai-template-dialog__header h2{margin:0;font-size:19px}.ai-template-dialog__header p{margin:3px 0 0;color:var(--color-text-muted);font-size:13px}.ai-template-dialog__header>button{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.ai-template-dialog__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:var(--color-primary-mint);background:var(--color-primary-mint-soft)}.ai-template-dialog__preview{min-height:0;padding:20px;overflow:auto;display:grid;place-items:center;background:var(--color-canvas)}.ai-template-dialog__preview img{display:block;max-width:100%;max-height:68dvh;width:auto;height:auto;object-fit:contain;box-shadow:0 12px 30px var(--color-shadow-strong);background:#fff}.ai-template-dialog__footer{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--color-border)}.ai-template-dialog__footer button{display:inline-flex;align-items:center;gap:8px}.profile-page{padding-bottom:26px}.profile-page .profile-hero{grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:20px 0 14px;border-bottom:0}.profile-page .profile-avatar{width:64px;height:64px;border:1px solid var(--community-ink);background:var(--community-ink);color:#fff;font:500 23px Georgia,"Noto Serif SC",serif}.profile-identity{min-width:0}.profile-page .profile-identity .eyebrow{margin-bottom:5px;font-size:8px}.profile-page .profile-identity h1{overflow:hidden;font-size:23px;text-overflow:ellipsis;white-space:nowrap}.profile-page .profile-identity p:last-child{margin-top:5px;color:var(--community-muted);font-size:10px}.profile-page .profile-edit-button{grid-column:auto;width:auto;min-height:38px;padding:0 10px;border-color:var(--community-ink);color:var(--community-ink);font-size:10px}.profile-page .profile-edit-button svg{width:14px}.profile-page .profile-stats{padding:13px 0 15px;border-top:1px solid var(--community-line)}.profile-page .profile-stats strong{font-family:Georgia,"Noto Serif SC",serif;font-size:20px;font-weight:500}.profile-page .profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;overflow:visible}.profile-page .profile-tabs button{width:100%;min-height:48px;font-size:10px}.profile-content__heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:16px 0 10px}.profile-content__heading h2{margin:0;color:var(--community-ink);font-size:15px;font-weight:800}.profile-content__heading span{color:var(--community-muted);font-size:9px}.generated-records-content .profile-content__heading{align-items:center;padding-top:18px}.generated-records-content .profile-content__heading>div{min-width:0}.generated-records-content .profile-content__heading p{margin:5px 0 0;color:var(--community-muted);font-size:9px;line-height:1.45;text-wrap:pretty}.generated-records-content .profile-content__heading>button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 8px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:9px;font-weight:800}.generated-records-content .profile-content__heading>button svg{width:14px}.generated-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-bottom:10px}.generated-record-card{min-width:0;overflow:hidden;border:1px solid var(--community-line);border-radius:4px;background:#fff}.generated-record-card__image{position:relative;aspect-ratio:1 / .92;overflow:hidden;background:var(--color-canvas)}.generated-record-card__image img{display:block;width:100%;height:100%;object-fit:cover}.generated-record-card__image--private{display:grid;place-items:center;color:var(--community-muted);background:var(--color-canvas)}.generated-record-card__image--private>svg{width:38px;height:38px;stroke-width:1.25;opacity:.55}.generated-record-card__image>span{position:absolute;left:7px;top:7px;padding:4px 6px;border-radius:2px;color:var(--community-muted);background:#ffffffed;font-size:8px;font-weight:800}.generated-record-card__image>span.is-making{color:#fff;background:var(--community-coral)}.generated-record-card__body{padding:10px}.generated-record-card h3{margin:0 0 5px;overflow:hidden;color:var(--community-ink);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.generated-record-card__body>p{margin:0 0 9px;color:var(--community-muted);font-size:8px}.generated-record-card dl{display:grid;gap:5px;margin:0;padding-top:8px;border-top:1px solid var(--community-line)}.generated-record-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.generated-record-card dt{flex:0 0 auto;color:var(--community-muted);font-size:8px}.generated-record-card dd{min-width:0;margin:0;overflow:hidden;color:var(--community-ink);font-size:8px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.generated-record-card__body>button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:33px;margin-top:10px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:9px;font-weight:800}.generated-record-card__body>button:active{color:#fff;background:var(--community-ink)}.generated-record-card__body>button svg{width:13px;transform:rotate(-90deg)}.generated-record-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.generated-record-actions button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:33px;padding:0 4px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:8px;font-weight:800}.generated-record-actions button:last-child{border-color:var(--community-line);color:var(--community-mint)}.generated-record-actions button svg{width:12px;transform:rotate(-90deg)}.generated-record-actions .pattern-record-delete{color:var(--community-coral)}.generated-record-actions .pattern-record-delete svg{transform:none}.pattern-record-state,.pattern-record-empty{display:grid;justify-items:center;gap:9px;margin-top:16px;padding:34px 16px 38px;border:1px dashed var(--community-line);background:var(--color-background-warm);color:var(--community-muted);text-align:center}.pattern-record-state>svg,.pattern-record-empty>svg{width:22px;height:22px;color:var(--community-coral)}.pattern-record-state strong,.pattern-record-empty h3{color:var(--community-ink);font-size:12px}.pattern-record-state--error{color:var(--community-coral)}.pattern-record-state--error strong{max-width:260px;color:var(--community-ink);line-height:1.45}.pattern-record-state button,.pattern-record-empty button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:0 12px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:9px;font-weight:800}.pattern-record-state button svg,.pattern-record-empty button svg{width:14px}.pattern-record-empty h3{margin:0}.pattern-record-empty p{max-width:270px;margin:0;color:var(--community-muted);font-size:9px;line-height:1.55}.finished-product-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 8px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:9px;font-weight:800;cursor:pointer}.finished-product-upload svg{width:14px}.finished-product-upload input,.finished-product-empty input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.finished-product-empty{display:grid;justify-items:center;margin-top:16px;padding:34px 16px 38px;border:1px dashed var(--community-line);background:var(--color-background-warm);text-align:center}.finished-product-empty>div{display:grid;place-items:center;width:48px;height:48px;margin-bottom:10px;border:1px solid var(--community-line);border-radius:50%;color:var(--community-coral);background:#fff}.finished-product-empty>div svg{width:20px}.finished-product-empty h3{margin:0;color:var(--community-ink);font-size:13px}.finished-product-empty p{max-width:270px;margin:7px 0 15px;color:var(--community-muted);font-size:9px;line-height:1.55;text-wrap:pretty}.finished-product-empty .outline-button{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:0 12px;font-size:9px}.finished-product-empty .outline-button svg{width:14px}.finished-product-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:16px;padding:10px;border:1px solid var(--community-line);background:#fff}.finished-product-card__image{position:relative;overflow:hidden;aspect-ratio:1;background:var(--color-canvas)}.finished-product-card__image img{display:block;width:100%;height:100%;object-fit:cover}.finished-product-card__image span{position:absolute;left:7px;top:7px;padding:4px 6px;color:#fff;background:var(--community-coral);font-size:8px;font-weight:800}.finished-product-card.is-published .finished-product-card__image span{background:var(--community-mint)}.finished-product-card__body{display:flex;flex-direction:column;min-width:0;padding:4px 0}.finished-product-card__body input{min-width:0;height:38px;padding:0 8px;border:1px solid var(--community-line);outline-color:var(--community-coral);color:var(--community-ink);font-size:11px}.finished-product-card__body p{margin:9px 0;color:var(--community-muted);font-size:9px;line-height:1.5}.finished-product-card__body .coral-button{min-height:38px;margin-top:auto;font-size:9px}.finished-product-card__body .coral-button:disabled{cursor:default;opacity:.55}.finished-product-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:150px;color:var(--community-muted);font-size:11px}.finished-product-state svg{width:17px}.finished-product-state--error{flex-wrap:wrap;color:var(--community-coral)}.finished-product-state--error button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid var(--community-ink);background:#fff;color:var(--community-ink);font-size:10px}.finished-product-list{display:grid;gap:12px;margin-top:16px}.finished-product-list .finished-product-card{margin-top:0}.finished-product-card__body h3{margin:0;color:var(--community-ink);font-size:14px}.finished-product-visibility{display:grid;gap:4px;margin:10px 0 14px}.finished-product-visibility>div{display:flex;justify-content:space-between;gap:10px;color:var(--community-muted);font-size:9px}.finished-product-visibility dt{font-weight:700}.finished-product-visibility dd{margin:0;color:var(--community-ink)}.finished-product-card__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.finished-product-card__actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 8px;border:1px solid var(--community-ink);background:#fff;color:var(--community-ink);font-size:9px;font-weight:800}.finished-product-card__actions button svg{width:13px}.finished-product-card__actions .pattern-record-delete{color:var(--community-coral);border-color:var(--community-coral)}@media(max-width:520px){.finished-product-card{grid-template-columns:112px minmax(0,1fr)}.finished-product-card__actions button{flex:1 1 auto}}@media(min-width:760px){.generated-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.message-center-page{min-height:calc(100dvh - 122px);padding-top:0;padding-bottom:26px}.message-center-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:20px 0 14px}.message-center-heading .eyebrow{margin-bottom:5px}.message-center-heading h1{margin:0;color:var(--community-ink);font-size:26px}.message-center-heading>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 10px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:10px;font-weight:800}.message-center-heading>button svg{width:15px}.message-center-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--community-line)}.message-center-tabs button{position:relative;min-height:48px;border:0;border-bottom:2px solid transparent;color:var(--community-muted);background:transparent;font-size:11px;font-weight:800}.message-center-tabs button.is-active{border-bottom-color:var(--community-ink);color:var(--community-ink)}.message-center-tabs button span{display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:4px;border-radius:50%;color:#fff;background:var(--community-coral);font-size:8px}.message-search{display:grid;grid-template-columns:18px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:44px;margin:14px 0 10px;padding-left:11px;border:1px solid var(--community-line);border-radius:3px;color:var(--community-muted);background:#fff}.message-search>svg{width:16px}.message-search input{min-width:0;height:42px;border:0;outline:0;color:var(--community-ink);background:transparent;font-size:11px}.message-search button{display:grid;place-items:center;width:34px;height:34px;border:0;color:var(--community-muted);background:transparent}.message-search button svg{width:14px}.message-section-label{display:flex;align-items:center;justify-content:space-between;min-height:38px;border-bottom:1px solid var(--community-line);color:var(--community-ink);font-size:10px;font-weight:800}.message-section-label small{color:var(--community-muted);font-size:9px;font-weight:500}.message-section-label button{min-height:34px;border:0;color:var(--community-mint);background:transparent;font-size:9px;font-weight:800}.chat-row{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:72px;padding:10px 0;border:0;border-bottom:1px solid var(--community-line);text-align:left;background:transparent}.message-avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--community-ink);border-radius:50%;color:var(--community-ink);font:700 15px Georgia,"Noto Serif SC",serif}.message-avatar.is-coral{background:var(--color-warning-coral-soft)}.message-avatar.is-blue{background:var(--color-accent-blue-soft)}.message-avatar.is-mint{background:var(--color-primary-mint-soft)}.message-avatar.is-yellow{background:var(--color-accent-butter-soft)}.chat-row__copy{min-width:0}.chat-row__copy strong,.chat-row__copy small{display:block}.chat-row__copy strong{margin-bottom:5px;overflow:hidden;color:var(--community-ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.chat-row__copy small{overflow:hidden;color:var(--community-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.chat-row__meta{align-self:stretch;display:flex;flex-direction:column;align-items:end;justify-content:space-between;min-width:28px;padding:1px 0}.chat-row__meta time{color:var(--community-muted);font-size:8px}.chat-row__meta b{display:grid;place-items:center;min-width:17px;height:17px;border-radius:50%;color:#fff;background:var(--community-coral);font-size:8px}.friend-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--community-line)}.friend-row>div{min-width:0}.friend-row h2{margin:0 0 4px;color:var(--community-ink);font-size:12px}.friend-row p{overflow:hidden;margin:0 0 4px;color:var(--community-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.friend-row small{color:var(--community-mint);font-size:8px}.friend-row>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;padding:0 8px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:8px;font-weight:800}.friend-row>button svg{width:13px}.notification-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 9px;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid var(--community-line)}.notification-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--community-coral);background:var(--color-warning-coral-soft)}.notification-row>span svg{width:15px}.notification-row b{display:block;margin-bottom:4px;color:var(--community-mint);font-size:8px}.notification-row p{margin:0;color:var(--community-ink);font-size:11px;line-height:1.5;text-wrap:pretty}.notification-row time{display:block;margin-top:5px;color:var(--community-muted);font-size:8px}.notification-row>i{display:none;width:6px;height:6px;margin-top:3px;border-radius:50%;background:var(--community-coral)}.notification-row.is-unread>i{display:block}.message-demo-note{margin:22px 0 0;color:var(--community-muted);font-size:8px;line-height:1.55;text-align:center}.message-empty{display:grid;justify-items:center;padding:46px 18px;border-bottom:1px solid var(--community-line);color:var(--community-muted);text-align:center}.message-empty svg{width:22px;height:22px;margin-bottom:9px;color:var(--community-coral)}.message-empty h2{margin:0;color:var(--community-ink);font-size:13px}.message-empty p{margin:7px 0 0;font-size:10px}.conversation-view{display:flex;flex-direction:column;min-height:calc(100dvh - 144px)}.conversation-header{display:grid;grid-template-columns:40px 40px minmax(0,1fr) 40px;gap:8px;align-items:center;min-height:68px;border-bottom:1px solid var(--community-line)}.conversation-header>button{display:grid;place-items:center;width:40px;height:40px;border:0;color:var(--community-ink);background:transparent}.conversation-header>button svg{width:19px}.conversation-header .message-avatar{width:38px;height:38px;font-size:13px}.conversation-header h1{margin:0;color:var(--community-ink);font-size:13px}.conversation-header p{margin:3px 0 0;color:var(--community-mint);font-size:8px}.conversation-date{display:flex;align-items:center;gap:10px;margin:16px 0 10px;color:var(--community-muted);font-size:8px}.conversation-date:before,.conversation-date:after{content:"";height:1px;flex:1;background:var(--community-line)}.message-stream{display:grid;align-content:start;gap:10px;flex:1}.message-bubble{width:fit-content;max-width:min(82%,360px);padding:9px 10px 6px;border:1px solid var(--community-line);border-radius:5px;background:#fff}.message-bubble--sent{justify-self:end;border-color:var(--community-ink);background:var(--color-warning-coral-soft)}.message-bubble p{margin:0;color:var(--community-ink);font-size:11px;line-height:1.55;text-wrap:pretty}.message-bubble time{display:block;margin-top:4px;color:var(--community-muted);font-size:8px;text-align:right}.message-composer{position:sticky;bottom:62px;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;align-items:center;margin-top:20px;padding:9px 0 12px;border-top:1px solid var(--community-line);background:var(--community-paper)}.message-composer>button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--community-ink);border-radius:50%;color:var(--community-ink);background:#fff}.message-composer>button svg{width:17px}.message-composer input{min-width:0;height:38px;padding:0 11px;border:1px solid var(--community-line);border-radius:3px;outline-color:var(--community-coral);color:var(--community-ink);background:#fff;font-size:11px}.message-composer .message-send-button{border-radius:3px;color:#fff;background:var(--community-ink)}.message-composer .message-send-button:disabled{border-color:var(--community-line);color:var(--community-muted);background:var(--color-canvas)}.message-send-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--community-coral);color:var(--community-ink);background:var(--color-warning-coral-soft);font-size:12px}.message-send-error button{padding:6px 9px;border:1px solid var(--community-ink);border-radius:3px;color:var(--community-ink);background:#fff;font-size:12px}.notification-count{position:absolute;top:6px;right:5px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:1px solid var(--community-paper);border-radius:50%;color:#fff;background:var(--community-coral);font-size:9px;line-height:1}@media(min-width:760px){.message-center-page{max-width:760px;margin-inline:auto}.message-center-heading{padding-top:38px}.conversation-view{min-height:calc(100dvh - 110px)}.message-composer{bottom:0}}@media(min-width:760px){.profile-page .profile-hero{grid-template-columns:88px minmax(0,1fr) auto;gap:16px;padding-top:30px}.profile-page .profile-avatar{width:88px;height:88px;font-size:30px}.profile-page .profile-identity h1{font-size:32px}.profile-page .profile-content{max-width:900px}}@media(max-width:899px){.workspace-dialog-backdrop:has(.ai-template-dialog){padding:0}.ai-template-dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.ai-template-dialog__header{padding:12px}.ai-template-dialog__preview{padding:10px}.ai-template-dialog__footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.ai-template-dialog__footer button{width:100%;justify-content:center;min-height:46px}}.login-page{min-height:100dvh;align-content:center;padding:24px;background:linear-gradient(90deg,transparent 0 49.8%,rgb(73 59 68 / 5%) 49.8% 50.2%,transparent 50.2%),radial-gradient(circle at 2px 2px,rgb(73 59 68 / 7%) 1px,transparent 1.2px),var(--scrapbook-paper-alt);background-size:100% 100%,16px 16px,auto}.login-page>.bead-doodle-scene{opacity:.34}.login-page .decorative-bead-cluster--mint{top:8%;left:4%}.login-page .decorative-bead-cluster--coral{right:5%;bottom:7%}.login-page .bead-doodle-scene__loop,.login-page .bead-doodle-scene__dash{display:none}.login-page .login-panel{width:min(960px,100%);min-height:620px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);overflow:hidden;padding:0;border:1px solid var(--scrapbook-edge);border-radius:8px;background:var(--scrapbook-paper);box-shadow:0 18px 50px #493b4424,7px 7px #9edecb85}.login-page .login-panel:after{display:none}.login-panel__art{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--scrapbook-edge);background:#f4f0e8}.login-panel__art:after{position:absolute;inset:0;content:"";pointer-events:none;box-shadow:inset 0 0 0 18px #fffdf7d6}.login-panel__art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;image-rendering:pixelated}.login-panel__art-label,.login-panel__art-stamp{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:6px;border:1px solid rgb(73 59 68 / 72%);color:var(--scrapbook-ink);background:#fffdf7f0;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:700}.login-panel__art-label{top:34px;left:34px;padding:7px 9px}.login-panel__art-stamp{right:34px;bottom:34px;padding:8px 10px;transform:rotate(-2deg)}.login-panel__art-stamp svg{width:14px;height:14px}.login-panel__content{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:52px 48px 42px}.login-brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:var(--scrapbook-ink);font-size:20px;font-weight:850}.login-brand__mark{width:32px;height:32px;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);place-content:center;gap:2px;border:1px solid var(--scrapbook-ink);border-radius:50%;background:var(--scrapbook-ink)}.login-brand__mark i{display:block;border-radius:50%;background:var(--scrapbook-paper)}.login-brand__mark i:nth-child(2){background:var(--scrapbook-mint)}.login-brand__mark i:nth-child(3){background:var(--scrapbook-yellow)}.login-brand__mark i:nth-child(4){background:var(--scrapbook-coral)}.login-panel__eyebrow{margin:46px 0 8px;color:var(--scrapbook-muted);font-family:JetBrains Mono,Consolas,monospace;font-size:11px;font-weight:750}.login-page .login-panel h1{display:block;width:auto;margin:0;color:var(--scrapbook-ink);font-size:32px;line-height:1.24;font-weight:760;text-wrap:pretty}.login-panel__intro{margin:10px 0 0;color:var(--scrapbook-muted);font-size:14px;line-height:1.7}.login-page .login-form{gap:16px;margin-top:30px}.login-page .login-form label{gap:8px;color:var(--scrapbook-ink);font-size:13px;font-weight:700}.login-page .login-form input{height:50px;padding:0 14px;border:1px solid var(--scrapbook-edge);border-radius:6px;color:var(--scrapbook-ink);background:#fff;font-size:16px;outline:none;box-shadow:none;transition:border-color .14s ease,box-shadow .14s ease}.login-page .login-form input:hover{border-color:#cbb7af}.login-page .login-form input:focus-visible{border-color:var(--scrapbook-success);box-shadow:0 0 0 3px #9edecb61}.login-password-field{position:relative;display:block}.login-page .login-password-field input{padding-right:52px}.login-password-toggle{position:absolute;top:3px;right:3px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;color:var(--scrapbook-muted);background:transparent;cursor:pointer}.login-password-toggle:hover,.login-password-toggle:focus-visible{color:var(--scrapbook-ink);background:var(--scrapbook-paper-alt);outline:none}.login-password-toggle:focus-visible{box-shadow:inset 0 0 0 2px var(--scrapbook-mint)}.login-password-toggle svg{width:19px;height:19px}.login-page .form-status{min-height:24px;margin:-2px 0 0;padding:7px 9px;border-radius:5px;background:var(--scrapbook-paper-alt);font-size:12px}.login-page .form-status--error{border:1px solid rgb(217 110 105 / 32%);background:#fff2f0}.login-page .login-submit{width:100%;min-height:50px;margin-top:2px;justify-content:space-between;padding:0 18px;border:1px solid var(--scrapbook-ink);border-radius:6px;color:var(--scrapbook-paper);background:var(--scrapbook-ink);box-shadow:none;font-size:15px;transition:background-color .14s ease,transform .14s ease}.login-page .login-submit:not(:disabled):hover{border-color:var(--scrapbook-ink);background:#31282e;box-shadow:none;transform:translateY(-1px)}.login-page .login-submit:focus-visible{outline:3px solid rgb(158 222 203 / 72%);outline-offset:2px}.login-page .login-submit:disabled{cursor:wait;opacity:.68}.login-submit__spinner{animation:login-spinner .8s linear infinite}.login-panel__footnote{max-width:330px;margin:22px 0 0;color:var(--scrapbook-muted);font-size:11px;line-height:1.65}@keyframes login-spinner{to{transform:rotate(360deg)}}@media(max-width:760px){.login-page{align-content:start;padding:0;background:var(--scrapbook-paper)}.login-page>.bead-doodle-scene{display:none}.login-page .login-panel{width:100%;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:205px minmax(0,1fr);border:0;border-radius:0;box-shadow:none}.login-panel__art{border-right:0;border-bottom:1px solid var(--scrapbook-edge)}.login-panel__art:after{box-shadow:inset 0 0 0 12px #fffdf7d6}.login-panel__art img{object-position:center 42%}.login-panel__art-label{top:22px;left:22px}.login-panel__art-stamp{right:22px;bottom:20px}.login-panel__content{justify-content:flex-start;padding:28px 22px max(28px,env(safe-area-inset-bottom))}.login-brand{font-size:18px}.login-brand__mark{width:30px;height:30px}.login-panel__eyebrow{margin-top:28px}.login-page .login-panel h1{font-size:28px}.login-page .login-form{margin-top:24px}.login-panel__footnote{margin-top:18px}}@media(max-width:360px){.login-page .login-panel{grid-template-rows:172px minmax(0,1fr)}.login-panel__art-stamp{display:none}.login-panel__content{padding-inline:18px}.login-panel__eyebrow{margin-top:22px}.login-page .login-panel h1{font-size:25px}}@media(prefers-reduced-motion:reduce){.login-submit__spinner{animation-duration:1.6s}.login-page .login-form input,.login-page .login-submit{transition:none}}.settings-page--profile{--community-ink: #242627;--community-muted: #737572;--community-line: #dcded9;--community-success: #278966;--community-coral: #e98f82;display:block;min-height:100dvh;padding:0;overflow-y:auto;color:var(--community-ink);background:#f7f7f7}.settings-topbar{position:sticky;z-index:5;top:0;width:100%;box-sizing:border-box;min-height:62px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--community-line);background:#fffffff5}.settings-topbar button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--community-ink);background:transparent;cursor:pointer}.settings-topbar button:hover,.settings-topbar button:focus-visible{background:#f1f1f1;outline:none}.settings-topbar button:focus-visible{box-shadow:inset 0 0 0 2px var(--community-ink)}.settings-topbar button svg{width:21px;height:21px}.settings-topbar strong{text-align:center;font-size:15px}.settings-profile{width:min(640px,100%);margin:0 auto;padding:22px 18px 44px}.settings-section{padding:18px;border:1px solid var(--community-line);border-radius:10px;background:#fff}.settings-section+.settings-section{margin-top:20px}.settings-section__title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--community-line)}.settings-section__title p{margin:0 0 5px;color:var(--community-muted);font-family:JetBrains Mono,Consolas,monospace;font-size:10px;font-weight:700}.settings-section__title h2{margin:0;color:var(--community-ink);font-size:18px}.settings-identity-row{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:14px}.settings-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--community-ink);font-size:20px;font-weight:800}.settings-identity-row>span:nth-child(2){min-width:0;display:grid;gap:3px}.settings-identity-row strong{overflow-wrap:anywhere;font-size:16px}.settings-identity-row small{color:var(--community-muted);font-size:12px}.settings-identity-row>svg{width:20px;height:20px;color:var(--community-success, #278966)}.settings-page--profile .settings-form{display:grid;gap:16px;margin:0}.settings-field{display:grid;gap:8px}.settings-field__label{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-page--profile .settings-field label{color:var(--community-ink);font-size:13px;font-weight:700}.settings-field__label small,.settings-page--profile .settings-field>small{color:var(--community-muted);font-size:11px;font-weight:500}.settings-password-input{position:relative}.settings-page--profile .settings-form input{width:100%;height:50px;padding:0 52px 0 14px;border:1px solid var(--community-line);border-radius:7px;color:var(--community-ink);background:#fff;font-size:16px;outline:none;box-shadow:none}.settings-page--profile .settings-form input:hover{border-color:#aaa}.settings-page--profile .settings-form input:focus-visible{border-color:var(--community-ink);box-shadow:0 0 0 3px #9edecb61}.settings-password-toggle{position:absolute;top:3px;right:3px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;color:var(--community-muted);background:transparent;cursor:pointer}.settings-password-toggle:hover{color:var(--community-ink);background:#f1f1f1}.settings-password-toggle:focus-visible{color:var(--community-ink);outline:2px solid var(--community-ink);outline-offset:-2px}.settings-password-toggle svg{width:18px;height:18px}.settings-page--profile .form-status{margin:0;padding:10px 12px;border:1px solid var(--community-line);border-radius:7px;background:#fff}.settings-page--profile .form-status--error{border-color:var(--community-coral);background:var(--color-warning-coral-soft)}.settings-page--profile .form-status--success{border-color:var(--color-primary-mint);background:var(--color-primary-mint-soft)}.settings-save{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:2px;padding:0 18px;border:1px solid var(--community-ink);border-radius:7px;color:#fff;background:var(--community-ink);font-size:14px;font-weight:700;cursor:pointer}.settings-save:not(:disabled):hover{background:#111}.settings-save:not(:disabled):active{transform:scale(.985)}.settings-save:focus-visible{outline:3px solid rgb(158 222 203 / 64%);outline-offset:2px}.settings-save:disabled{color:#92958f;border-color:var(--community-line);background:#eceeeb;cursor:not-allowed}.settings-save svg{width:18px;height:18px}.settings-save__spinner{animation:login-spinner .8s linear infinite}@media(min-width:760px){.settings-page--profile{padding-bottom:60px}.settings-topbar{min-height:70px}.settings-profile{padding-top:30px}}@media(max-width:420px){.settings-profile{padding:18px 14px 36px}.settings-section{padding:16px}.settings-section+.settings-section{margin-top:16px}}@media(prefers-reduced-motion:reduce){.settings-save{transition:none}.settings-save__spinner{animation-duration:1.6s}}@media(max-width:899px){.workspace-shell{color:#171717;background:#f3f4f2}.workspace-toolbar{position:relative;justify-content:flex-end;gap:2px;padding:0 8px;border:0;border-bottom:1px solid #d8d9d6;background:#fffffff5;box-shadow:none}.workspace-toolbar .mobile-workspace-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#171717;font-size:16px;font-weight:800;pointer-events:none}.workspace-toolbar .tooltip-anchor:has(.mobile-back-command){position:absolute;left:4px;top:4px;z-index:1}.workspace-toolbar .mobile-back-command{position:static}.workspace-toolbar .mobile-logout-command{display:none!important}.workspace-toolbar .mobile-command,.workspace-toolbar button{color:#171717}.workspace-toolbar .mobile-command.icon-button{border:0;border-radius:4px;background:transparent;box-shadow:none}.workspace-toolbar .mobile-command.icon-button:first-of-type{margin-right:auto}.workspace-toolbar .mobile-command.icon-button:not(:disabled):hover,.workspace-toolbar .mobile-command.icon-button:not(:disabled):focus-visible{background:#eef5f2}.canvas-stage{background-color:#eceeeb;background-image:linear-gradient(rgb(23 23 23 / 4%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 23 23 / 4%) 1px,transparent 1px);background-size:20px 20px}.workspace-statusbar{border:0;border-top:1px solid #d8d9d6;border-bottom:1px solid #d8d9d6;color:#535753;background:#f8f9f7}.mobile-action-bar{gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid #cfd2ce;background:#fff;box-shadow:0 -6px 18px #17171712}.mobile-action-bar>button,.mobile-action-bar[data-state=ready]>button{min-width:44px;border:0;border-radius:4px;color:#242624;background:transparent;box-shadow:none;font-size:10px;font-weight:700;transition:background-color .14s ease,color .14s ease}.mobile-action-bar[data-state=ready]>button:first-of-type,.mobile-action-bar[data-state=ready]>button:nth-of-type(2),.mobile-action-bar[data-state=ready]>button:last-of-type{border:0;background:transparent;box-shadow:none}.mobile-action-bar>button:not(:disabled):hover,.mobile-action-bar>button:not(:disabled):focus-visible{color:#111;background:#edf5f2;outline:2px solid #9edecb;outline-offset:-2px}.mobile-action-bar__primary{color:#fff!important;background:#171717!important}.mobile-tool-segment{overflow:hidden;border:1px solid #d5d8d4;border-radius:4px;background:#f5f6f4;box-shadow:none}.mobile-tool-segment button{border:0;border-right:1px solid #d5d8d4;color:#3e423e;background:transparent}.mobile-tool-segment button:last-child{border-right:0}.mobile-tool-segment button[aria-pressed=true]{color:#10251e;background:#9edecb}.mobile-tool-segment button:focus-visible{outline:2px solid #171717;outline-offset:-2px}.canvas-stage--empty{background-color:#eef2ef;background-image:linear-gradient(rgb(23 23 23 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 23 23 / 3%) 1px,transparent 1px);background-size:24px 24px}.canvas-stage--empty .canvas-empty-state{padding:20px}.canvas-empty-state__content{width:min(350px,calc(100% - 8px));gap:14px;padding:18px 16px;border:1px solid #cfd5d0;border-radius:6px;background:#fff;box-shadow:0 10px 26px #17171714}.canvas-empty-state__content:before{display:none}.canvas-empty-state__sticker{width:50px;height:50px;flex-basis:50px;border:1px solid #9edecb;color:#171717;background:#e7f5ef;box-shadow:none;transform:none}.canvas-empty-state__sparkle{color:#2c9a78}.canvas-empty-state__copy{gap:5px}.canvas-empty-state__copy>strong{color:#171717;font-size:17px}.canvas-empty-state__copy>span{color:#707570;font-size:12px}.community-shell:has(.community-editor-stage){padding-top:58px;padding-bottom:62px;overflow:hidden}.community-editor-stage{width:100%;height:calc(100dvh - 120px);min-height:0;overflow:hidden;background:#eef2ef}.community-editor-stage__inner,.community-editor-stage__inner>.workspace-shell,.community-editor-stage__inner>.page-status+.workspace-shell{width:100%;height:100%;min-height:0}.community-editor-stage .workspace-shell{position:relative;grid-template-rows:44px minmax(0,1fr) var(--mobile-status-height) calc(var(--mobile-action-height) + env(safe-area-inset-bottom,0px))}.community-editor-stage .workspace-shell.workspace-shell--empty{grid-template-rows:44px minmax(0,1fr) var(--mobile-status-height)}.community-editor-stage .workspace-toolbar{position:relative;z-index:12;width:100%;height:44px;justify-content:flex-end;padding:0 8px 0 14px;border:0;border-bottom:1px solid #d8dcd8;border-radius:0;background:#fff;box-shadow:none}.community-editor-stage .workspace-toolbar:before{content:"图纸编辑";margin-right:auto;color:#343734;font-size:12px;font-weight:800}.community-editor-stage .workspace-toolbar .mobile-workspace-title,.community-editor-stage .workspace-toolbar .tooltip-anchor:has(.mobile-back-command),.community-editor-stage .workspace-toolbar .mobile-logout-command{display:none!important}.community-editor-stage .workspace-toolbar .mobile-command.icon-button{width:40px;height:40px;flex-basis:40px;border-radius:3px}.community-editor-stage .pattern-legend{max-height:150px}.community-editor-stage .pattern-legend__list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.community-editor-stage .workspace-notice{left:12px;right:12px;bottom:calc(62px + var(--mobile-action-height) + var(--mobile-status-height) + env(safe-area-inset-bottom,0px) + 8px);max-width:none;padding:9px 12px;border:1px solid #cfd5d0;border-radius:4px;color:#343734;background:#fffffff7;box-shadow:0 6px 18px #1717171a;font-size:11px}.community-editor-stage .workspace-settings-sheet.is-open,.community-editor-stage .workspace-colors-sheet.is-open{inset:102px 0 calc(62px + var(--mobile-action-height) + var(--mobile-status-height) + env(safe-area-inset-bottom,0px))}}@media(min-width:900px){.community-editor-stage{width:min(100% - 32px,1180px);height:calc(100dvh - 140px);min-height:620px;margin:16px auto 0;overflow:hidden;border:1px solid var(--community-line);background:#eef2ef}.community-editor-stage__inner,.community-editor-stage .workspace-shell{height:100%}}@media(max-width:899px){.community-editor-stage .workspace-shell,.community-editor-stage .workspace-shell.workspace-shell--empty{position:relative;grid-template-rows:44px minmax(0,1fr);isolation:isolate}.community-editor-stage .workspace-grid{min-height:0;overflow:visible}.community-editor-stage .canvas-stage{overflow:visible;background-color:#f2f3ef}.community-editor-stage .pattern-surface{position:relative;display:block;height:100%;overflow:visible;background-color:#f2f3ef}.community-editor-stage .pattern-surface__canvas,.community-editor-stage .source-canvas-view{position:absolute;inset:0 0 78px;width:auto;height:auto}.community-editor-stage .canvas-empty-state{padding-bottom:102px}.community-editor-stage .workspace-statusbar{position:absolute;z-index:18;top:52px;right:12px;left:12px;width:auto;height:34px;padding:0 10px;border:1px solid #cfd5d0;border-radius:7px;color:#4c514d;background:#ffffffe5;box-shadow:0 5px 16px #17171717;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.community-editor-stage .pattern-legend{position:absolute;z-index:20;right:12px;bottom:78px;left:12px;height:44px;max-height:220px;border:1px solid #cfd5d0;border-radius:8px;background:#fffffff5;box-shadow:0 8px 24px #17171724;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-editor-stage .pattern-legend[data-expanded=true]{height:min(220px,34dvh)}.community-editor-stage .pattern-legend__header{min-height:42px;padding:0;border-bottom:1px solid #e0e4df}.community-editor-stage .pattern-legend__toggle{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:0;color:#262926;background:transparent;text-align:left}.community-editor-stage .pattern-legend__summary,.community-editor-stage .pattern-legend__count{display:inline-flex;align-items:center;gap:8px}.community-editor-stage .pattern-legend__summary small{color:#747a75;font-size:10px}.community-editor-stage .pattern-legend__count b{font-size:12px}.community-editor-stage .pattern-legend__count svg{width:16px;height:16px;transition:transform .16s ease}.community-editor-stage .pattern-legend[data-expanded=true] .pattern-legend__count svg{transform:rotate(180deg)}.community-editor-stage .pattern-legend__list{min-height:0;max-height:174px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px 12px;overflow-y:auto;overscroll-behavior:contain}.community-editor-stage .pattern-legend__item{min-height:34px;grid-template-columns:18px minmax(24px,.8fr) minmax(0,1fr);gap:4px;padding:4px 5px;border:1px solid #e0e4df;border-radius:5px;background:#fffdf8;font-size:10px}.community-editor-stage .pattern-legend__item>span:not(.pattern-legend__swatch),.community-editor-stage .pattern-legend__item>b{grid-column:2 / -1;font-size:9px}.community-editor-stage .pattern-legend__item>b{justify-self:start;color:#6b726d}.community-editor-stage .pattern-legend__swatch{width:18px;height:18px;grid-row:1 / span 2;border-radius:3px}.community-editor-stage .mobile-action-bar{position:absolute;z-index:22;right:10px;bottom:8px;left:10px;width:auto;height:calc(var(--mobile-action-height) + env(safe-area-inset-bottom,0px));border:1px solid #cfd5d0;border-radius:8px;background:#fffffff5;box-shadow:0 8px 24px #17171729;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-editor-stage .workspace-notice{inset:198px 12px auto;max-width:none;padding:9px 12px;border:1px solid #cfd5d0;border-radius:6px;color:#343734;background:#fffffff7;box-shadow:0 6px 18px #1717171a;font-size:11px}.community-editor-stage .workspace-settings-sheet.is-open,.community-editor-stage .workspace-colors-sheet.is-open{inset:102px 0 62px}}@media(max-width:359px){.community-editor-stage .pattern-legend__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.community-editor-stage .pattern-legend__count svg{transition:none}}@media(max-width:899px){.community-editor-stage .workspace-settings-sheet.is-open{padding:8px 8px 0;background:#1616162e}.community-editor-stage .workspace-settings-sheet>.workspace-sheet{border:1px solid var(--community-line);border-bottom:0;border-radius:6px 6px 0 0;background:var(--community-paper);box-shadow:0 -4px #9edfd0}.community-editor-stage .workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header{min-height:56px;padding:6px 10px 6px 14px;border-bottom:1px solid var(--community-line);background:var(--community-white)}.community-editor-stage .workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header h2{color:var(--community-ink);font-size:17px;font-weight:800}.community-editor-stage .workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header button{width:42px;height:42px;border:1px solid var(--community-line);border-radius:4px;color:var(--community-ink);background:var(--community-white);box-shadow:none}.community-editor-stage .workspace-settings-sheet>.workspace-sheet>.workspace-sheet__header button:active{color:var(--community-white);background:var(--community-ink);box-shadow:none;transform:none}.community-editor-stage .workspace-settings-sheet .workspace-sheet__body{background:var(--community-paper)}.community-editor-stage .workspace-settings-shell .source-panel{scrollbar-color:var(--community-muted) transparent}.community-editor-stage .workspace-settings-shell .panel-heading{padding:15px 14px 8px}.community-editor-stage .workspace-settings-shell .panel-heading h2{color:var(--community-ink);font-size:16px}.community-editor-stage .workspace-settings-shell .panel-section{padding:13px 14px 15px;border-bottom:1px solid var(--community-line)}.community-editor-stage .workspace-settings-shell .section-label{color:var(--community-ink);font-size:13px;font-weight:800}.community-editor-stage .workspace-settings-shell .section-label svg{color:var(--community-mint)}.community-editor-stage .workspace-settings-shell .source-preview{margin-top:5px;border:1px solid var(--community-line);border-radius:4px;background:var(--community-white);box-shadow:3px 3px #bde9df}.community-editor-stage .workspace-settings-shell .source-meta strong{color:var(--community-ink)}.community-editor-stage .workspace-settings-shell .source-meta span{color:var(--community-muted)}.community-editor-stage .workspace-settings-shell .panel-command{min-height:46px;border:1px solid var(--community-ink);border-radius:4px;color:var(--community-ink);background:var(--community-white);box-shadow:3px 3px #9edfd0;font-size:13px}.community-editor-stage .workspace-settings-shell .panel-command:not(:disabled):active{box-shadow:1px 1px #9edfd0;transform:translate(2px,2px)}.community-editor-stage .workspace-settings-shell .segmented-control button,.community-editor-stage .workspace-settings-shell .preset-grid button{min-height:46px;border:1px solid var(--community-line);border-radius:4px;color:var(--community-ink);background:var(--community-white);box-shadow:none;font-size:12px}.community-editor-stage .workspace-settings-shell .segmented-control button[aria-pressed=true],.community-editor-stage .workspace-settings-shell .preset-grid button[aria-pressed=true]{border-color:var(--community-mint);color:var(--community-ink);background:#dff3ee;box-shadow:inset 0 -3px #9edfd0}.community-editor-stage .workspace-settings-shell .board-size-fields{border:1px solid var(--community-line);border-radius:4px;background:var(--community-white)}.community-editor-stage .workspace-settings-shell .board-size-fields input{border:1px solid var(--community-line);border-radius:4px;color:var(--community-ink);background:var(--community-white)}.community-editor-stage .workspace-settings-shell .toggle-row{min-height:54px;margin:0 14px 14px;padding:9px 11px;border:1px solid var(--community-line);border-radius:4px;color:var(--community-ink);background:var(--community-white);font-size:12px}.community-editor-stage .workspace-settings-shell .toggle-row input{accent-color:var(--community-mint)}.community-editor-stage .workspace-settings-sheet button:focus-visible,.community-editor-stage .workspace-settings-sheet input:focus-visible{outline:2px solid var(--community-mint);outline-offset:2px}}.message-avatar--bot{color:#173d32;border-color:#1f2933;background:#8be0c3}.message-avatar--bot svg{width:17px;height:17px}.message-avatar--bot small{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;min-width:18px;height:14px;border:2px solid var(--community-paper);border-radius:3px;color:#173d32;background:#8be0c3;font:800 7px/1 sans-serif}.chat-row--bot{margin-top:12px;padding-inline:12px;border:1px solid #1f2933;border-radius:6px;color:#fff;background:#1f2933}.friend-row{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 40px;align-items:center;gap:11px;min-height:68px;padding:10px 0;border:0;border-bottom:1px solid var(--community-line);text-align:left;background:transparent}.friend-row>svg{width:17px;justify-self:center}.message-inline-error{margin:8px 0;color:#a33b37;font-size:11px}.message-date-separator{margin:14px 0 8px;color:var(--community-muted);font-size:9px;text-align:center}.message-bubble--streaming{min-width:78px}.message-quick-prompts{display:flex;gap:8px;overflow-x:auto;padding-top:8px;scrollbar-width:none}.message-quick-prompts button{min-height:34px;padding:0 10px;border:1px solid #58b99a;border-radius:4px;color:#173d32;background:#8be0c31f;font-size:10px}.message-composer{grid-template-columns:minmax(0,1fr) 38px auto}.message-composer textarea{min-width:0;max-height:104px;min-height:38px;padding:9px 11px;resize:none;overflow-y:auto;border:1px solid var(--community-line);border-radius:3px;outline-color:var(--community-coral);color:var(--community-ink);background:#fff;font:inherit;font-size:11px;line-height:18px}.message-regenerate-button{border-color:#58b99a!important;color:#173d32!important}@media(max-width:630px){.conversation-view{min-width:0;padding-bottom:62px}.message-stream{min-width:0}.message-bubble{max-width:min(84%,430px);overflow-wrap:anywhere}.message-composer{bottom:62px;grid-template-columns:minmax(0,1fr) 38px auto}.message-regenerate-button{width:34px!important;height:34px!important}}.conversation-view{height:100%;min-height:0;display:grid;grid-template-rows:76px minmax(0,1fr) auto;background:var(--community-paper)}.conversation-header{position:relative;z-index:2;grid-template-columns:40px 44px minmax(0,1fr) 40px;min-height:76px;padding:8px 14px;gap:9px;background:#f7f6f2fa}.conversation-header .message-avatar{width:44px!important;height:44px!important;font-size:13px}.conversation-header__copy{min-width:0}.conversation-header h1{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.conversation-header p{display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--community-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.conversation-header p i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--community-mint)}.conversation-header__more{display:grid;place-items:center;width:40px;height:40px;color:var(--community-ink)}.conversation-header__more svg{width:19px}.message-stream{min-height:0;display:block;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px 22px}.message-date-separator{margin:4px 0 16px}.message-row{display:flex;align-items:flex-end;gap:8px;margin:0 0 14px}.message-row--sent{flex-direction:row-reverse}.message-row .message-avatar{width:28px!important;height:28px!important;font-size:10px}.message-row .message-avatar--bot svg{width:15px;height:15px}.message-row .message-avatar--bot small{right:-5px;bottom:-4px;min-width:15px;height:12px;font-size:6px}.message-bubble{max-width:min(78%,430px);margin:0;padding:10px 11px 7px;border-radius:7px}.message-row--sent .message-bubble{margin-left:auto}.message-composer{position:relative;bottom:auto;z-index:2;margin:0;padding:9px 14px calc(10px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 42px auto;background:#f7f6f2fa}.message-composer>button{width:42px;height:42px}.message-composer .message-send-button{border-radius:50%}.message-quick-prompts{position:relative;z-index:2;padding:8px 14px 0;border-top:1px solid var(--community-line);background:#f7f6f2fa}.message-send-error{position:absolute;right:14px;bottom:88px;left:14px;z-index:3;margin:0}@media(max-width:630px){.conversation-view{min-width:0;height:100%;padding-bottom:0}.message-stream{min-width:0}.message-bubble{max-width:min(84%,430px);overflow-wrap:anywhere}.message-composer{bottom:auto;grid-template-columns:minmax(0,1fr) 42px auto}}.community-shell--conversation{height:100dvh;min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr);padding:0;overflow:hidden}.community-shell--conversation .community-topbar{position:relative;inset:auto;width:100%;height:58px}.community-shell--conversation .conversation-view{position:relative;width:100%;height:100%;min-height:0}.message-composer-dock{position:relative;z-index:2;border-top:1px solid var(--community-line);background:#f7f6f2fa}.message-composer-dock .message-quick-prompts{border-top:0}.message-composer-dock .message-send-error{position:static;margin:8px 14px 0}