:root{--ink:#171713;--paper:#f2efe5;--card:#fffdf7;--line:#d9d2c2;--accent-soft:#ffe1dc}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit}.siteHeader{background:var(--paper);border-bottom:1px solid #d9d2c2e6}.siteNavFrame{justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 32px);min-height:58px;margin:0 auto;display:flex}.siteBrand{letter-spacing:-.04em;flex:none;font-size:22px;font-weight:900;text-decoration:none}.siteNavLinks{align-items:center;gap:6px;display:flex}.siteNavLinks>a,.siteMenuButton{border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:9px 11px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.siteNavLinks>a:hover,.siteNavLinks>a[aria-current=page]{background:#ffffffad}.siteNavLinks>a[aria-current=page]{box-shadow:inset 0 0 0 1px #17171314}.siteNavLinks>a:focus-visible,.siteBrand:focus-visible,.siteMenuButton:focus-visible{outline-offset:3px;outline:3px solid #8b423f}.siteAccountLink{border:1px solid var(--line);background:var(--card);margin-left:4px}.siteAccountLink[data-account-state=signed_in]:before{content:"";background:#28745b;border-radius:999px;width:7px;height:7px;margin-right:7px}.siteMenuButton{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;display:none}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 72px}.hero{max-width:760px;margin-bottom:32px}.eyebrow,.label{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.eyebrow{color:#8b423f;margin:0 0 12px}h1{letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(36px,6vw,72px);line-height:.95}.lede{color:#514d43;max-width:720px;margin:20px 0 0;font-size:18px;line-height:1.55}.toolbar{grid-template-columns:1fr 1.4fr;gap:20px;margin-bottom:16px;display:grid}.toolbar>div,.canvasCard,.benchmarks article,.syncPanel,.trackerStats article,.authPanel{background:var(--card);border:1px solid var(--line);border-radius:18px}.toolbar>div{padding:16px}.segmented,.palette{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.segmented button,.palette button,.undoButton,.projectLoader button,.authForm button,.secondaryButton{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:9px 11px}.segmented button.active,.palette button.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--accent-soft)}.swatchButton{align-items:center;gap:7px;display:inline-flex}.swatch{border:1px solid #0000002e;border-radius:4px;width:13px;height:13px}.canvasCard{overflow:hidden}.canvasHeader{border-bottom:1px solid var(--line);color:#5b564c;justify-content:space-between;gap:16px;padding:14px 18px;font-size:13px;display:flex}.patternCanvas{touch-action:none;cursor:grab;width:100%;height:min(62vh,660px);min-height:420px;display:block}.patternCanvas:active{cursor:grabbing}.benchmarks{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.benchmarks article{flex-direction:column;gap:4px;padding:14px 16px;display:flex}.benchmarks span{text-transform:uppercase;letter-spacing:.09em;color:#6e685d;font-size:11px}.benchmarks strong{font-size:20px}.trackerHero{margin-bottom:20px}.authPanel{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding:14px 16px;display:flex}.authPanel>div:first-child{min-width:0}.authMessage{color:#686156;overflow-wrap:anywhere;margin:5px 0 0;font-size:13px}.authForm{flex:0 520px;gap:8px;display:flex}.authForm input{border:1px solid var(--line);width:100%;min-width:190px;color:var(--ink);background:#fff;border-radius:10px;padding:9px 11px}.secondaryButton{flex:none}.syncPanel{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding:14px 16px;display:flex}.syncStatus{grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-width:0;display:grid}.syncStatus>span:last-child{color:#686156;overflow-wrap:anywhere;font-size:13px}.statusDot{background:#8a8378;border-radius:999px;width:9px;height:9px}.status-saved{background:#28745b}.status-unsaved{background:#b06c22}.status-saving{background:#356e9d}.status-conflict,.status-error{background:#a43f3f}.projectLoader{flex:0 520px;gap:8px;display:flex}.projectLoader input{border:1px solid var(--line);width:100%;min-width:190px;color:var(--ink);background:#fff;border-radius:10px;padding:9px 11px}.trackerStats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.trackerStats article{justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;display:flex}.trackerStats span{color:#6e685d;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.trackerStats strong{font-size:20px}.trackerToolbar{grid-template-columns:minmax(0,1.4fr) minmax(210px,.7fr) auto;align-items:stretch}.trackerToolbar>div{min-width:0}.trackerToolHint{color:#6e685d;margin:9px 0 0;font-size:12px;line-height:1.45}.trackerTools button{min-width:72px}.trackerToolbarActions{gap:8px;display:grid;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.trackerToolbarActions button{border:1px solid var(--line);cursor:pointer;min-height:44px;font:inherit;background:#fff;border-radius:10px;padding:9px 14px;font-weight:700}.undoButton{align-self:stretch;padding-inline:18px;font-weight:700}.trackerCanvasCard{border-radius:18px}.trackerCanvasCard.tracker-tool-hand .patternCanvas{cursor:grab}.trackerCanvasCard.tracker-tool-hand .patternCanvas:active{cursor:grabbing}.trackerCanvasCard.tracker-tool-mark .patternCanvas{cursor:crosshair}.trackerCanvasCard.tracker-tool-unmark .patternCanvas{cursor:cell}.libraryHero{margin-bottom:20px}.libraryStatus,.libraryEmpty,.privateLibraryNotice,.projectSection{background:var(--card);border:1px solid var(--line);border-radius:18px}.libraryStatus{align-items:baseline;gap:10px;margin-bottom:18px;padding:14px 16px;display:flex}.libraryStatus span{color:#686156;font-size:13px}.libraryEmpty,.privateLibraryNotice{text-align:center;padding:28px}.libraryEmpty h2,.privateLibraryNotice h2{margin:8px 0}.libraryEmpty p,.privateLibraryNotice p{color:#686156;max-width:620px;margin:0 auto;line-height:1.5}.emptyMotif{border:1px solid var(--line);background:var(--accent-soft);border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto;font-size:24px;font-weight:800;display:grid}.emptyHint{color:#81796d;margin-top:14px;font-size:12px;display:inline-block}.librarySections{gap:16px;display:grid}.projectSection{padding:18px}.sectionHeading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.sectionHeading h2{letter-spacing:-.02em;margin:0;font-size:22px}.sectionHeading span{background:#ede8dc;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.sectionEmpty{color:#777064;margin:0;font-size:13px}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.projectCard{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:96px 1fr;min-width:0;display:grid;overflow:hidden}.projectPreview{border-right:1px solid var(--line);background:linear-gradient(145deg,#efe9dc,#f8deda);place-items:center;min-height:126px;display:grid}.projectPreview span{background:#ffffffa6;border:1px solid #17171338;border-radius:12px;place-items:center;width:46px;height:46px;font-size:20px;font-weight:900;display:grid}.projectCardBody{gap:10px;min-width:0;padding:14px;display:grid}.projectCardTitleRow{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.projectCardTitleRow h3{overflow-wrap:anywhere;min-width:0;margin:0;font-size:17px;line-height:1.2}.sourceBadge{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;flex:none;padding:4px 7px;font-size:10px}.projectProgressRow{color:#686156;justify-content:space-between;gap:10px;font-size:12px;display:flex}.projectProgressRow strong{color:var(--ink)}.progressTrack{background:#eee9de;border-radius:999px;height:7px;overflow:hidden}.progressTrack span{border-radius:inherit;background:#514d43;height:100%;display:block}.projectCardFooter{color:#777064;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:11px;display:flex}.projectAction{border:1px solid var(--ink);color:var(--ink);background:var(--card);border-radius:9px;flex:none;padding:7px 9px;font-weight:800;text-decoration:none}@media (max-width:800px){.siteNavFrame{flex-wrap:wrap;width:min(100% - 20px,1180px);min-height:54px;padding:6px 0}.siteMenuButton{display:inline-flex}.siteNavLinks{flex-direction:column;align-items:stretch;gap:4px;width:100%;padding:2px 0 8px;display:none}.siteNavLinks.isOpen{display:flex}.siteNavLinks>a{justify-content:flex-start;width:100%;min-height:44px}.siteAccountLink{margin-left:0}.shell{width:min(100% - 20px,1180px);padding-top:28px}.toolbar{grid-template-columns:1fr}.benchmarks,.trackerStats{grid-template-columns:repeat(2,1fr)}.canvasHeader{flex-direction:column;gap:4px}.patternCanvas{min-height:360px}.authPanel,.syncPanel{flex-direction:column;align-items:stretch}.authForm{flex-basis:auto}.syncStatus{grid-template-columns:auto auto}.syncStatus>span:last-child{grid-column:1/-1}.projectLoader{flex-basis:auto}.trackerToolbar,.projectGrid{grid-template-columns:1fr}}@media (max-width:520px){.authForm,.projectLoader{flex-direction:column}.trackerStats{grid-template-columns:1fr 1fr}.libraryStatus{flex-direction:column;align-items:flex-start}.projectCard{grid-template-columns:72px 1fr}.projectPreview{min-height:144px}.projectCardFooter{flex-direction:column;align-items:flex-start}}.patternUpdateNotice{background:#fff8e8;border:1px solid #d4a34f;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding:16px 18px;display:flex}.patternUpdateNotice h2{margin:4px 0 6px;font-size:20px}.patternUpdateNotice p{margin:0 0 6px;line-height:1.45}.patternUpdateNotice small{color:#6d6251;line-height:1.45}.patternUpdateActions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.patternUpdateActions button{border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:10px;padding:9px 12px;font-weight:750}.patternUpdateActions button:not(.secondaryButton){background:var(--ink);color:#fff;border-color:var(--ink)}.patternUpdateActions button:disabled{cursor:not-allowed;opacity:.55}.projectUpdateBadge{color:#6f5117;background:#fff4d9;border:1px solid #e1bf78;border-radius:999px;width:fit-content;padding:5px 8px;font-size:11px;font-weight:800}.projectUpdateBadge span{font-weight:650}@media (max-width:800px){.patternUpdateNotice{flex-direction:column;align-items:stretch}.patternUpdateActions{flex-direction:column}}.libraryStartActions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (max-width:520px){.libraryStartActions{justify-content:flex-start}}.libraryPatternSection .sectionHeading>div{gap:4px;display:grid}.libraryPatternSection .sectionHeading>div p{color:var(--muted);margin:0}.libraryPatternGrid{align-items:stretch}.libraryPatternCard{min-height:100%}.libraryPatternFacts{color:var(--muted);flex-wrap:wrap;gap:6px 10px;font-size:12px;display:flex}.libraryPatternFacts span{border-right:1px solid var(--line);padding-right:10px}.libraryPatternFacts span:last-child{border-right:0;padding-right:0}.libraryVersionPicker,.projectVersionChooser label{gap:6px;font-size:12px;font-weight:750;display:grid}.libraryVersionPicker select,.projectVersionChooser select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:10px;padding:9px 10px}.libraryVersionSummary,.projectVersionChoiceSummary{background:var(--surface-subtle,#f7f7f4);border-radius:12px;gap:3px;padding:10px 12px;font-size:12px;display:grid}.libraryVersionSummary span,.projectVersionChoiceSummary span{color:var(--muted);line-height:1.45}.projectVersionLine{border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:999px;padding:4px 7px;font-size:11px;font-weight:750}.patternUpdateNotice{flex-wrap:wrap}.projectVersionChooser{border-top:1px solid #e5c98f;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;align-items:end;gap:10px;width:100%;padding-top:12px;display:grid}.projectVersionChooser>button{border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;cursor:pointer;border-radius:10px;padding:9px 12px;font-weight:750}.projectVersionChooser>button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:800px){.projectVersionChooser{grid-template-columns:1fr;align-items:stretch}}
.patternReviews,.reportPanel,.adminStatus,.adminEmpty,.adminReportCard{background:var(--card);border:1px solid var(--line);border-radius:18px}.patternReviews,.reportPanel{margin-top:16px;padding:20px}.reviewHeading,.reviewFormHeader,.reportPanelHeading,.adminReportHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reviewHeading h2,.reviewFormHeader h3,.reportPanel h2,.adminReportHeader h2{margin:4px 0 0}.reviewAverage{text-align:right;display:grid}.reviewAverage strong{font-size:26px}.reviewAverage span,.reviewStatus,.reviewEligibilityNote,.reportPanel p,.adminStatus span,.adminEmpty p{color:#686156}.reviewList{gap:10px;margin-top:16px;display:grid}.reviewCard{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.reviewCardTopline{justify-content:space-between;gap:10px;display:flex}.reviewCardTopline>span,.verifiedPurchaseBadge{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.reviewCard p{margin:10px 0;line-height:1.5}.reviewDimensions{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.reviewDimensions span{border:1px solid var(--line);border-radius:999px;padding:4px 7px;font-size:11px}.reviewNotice{border:1px solid var(--line);border-radius:12px;gap:7px;margin-top:14px;padding:12px;display:grid}.reviewForm,.reportForm{border-top:1px solid var(--line);gap:14px;margin-top:18px;padding-top:18px;display:grid}.reviewOptionalGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reviewField,.reportForm label,.adminReasonField{gap:6px;font-size:13px;font-weight:700;display:grid}.reviewField select,.reviewField textarea,.reportForm select,.reportForm textarea,.adminReasonField textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:10px 11px}.reviewFormActions,.reportActions,.adminActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reviewFormActions button,.reportActions button,.adminActions button{border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;cursor:pointer;border-radius:10px;padding:9px 12px;font-weight:800}.reviewFormActions span,.reportActions span{color:#686156;font-size:12px}.reportTimingNote{color:#777064;line-height:1.45}.adminHero{margin-bottom:20px}.adminStatus{align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.adminStatus span{flex:1}.adminEmpty{text-align:center;padding:28px}.adminEmpty h2{margin:0 0 8px}.adminQueue{gap:14px;display:grid}.adminReportCard{padding:18px}.adminReportHeader p{color:#686156;margin:8px 0 0;line-height:1.5}.adminContextRow{color:#686156;flex-wrap:wrap;gap:12px;margin:14px 0;font-size:12px;display:flex}.adminContextRow a{color:var(--ink);font-weight:800}.adminReasonField{margin:14px 0}.adminReviewContext{border-top:1px solid var(--line);gap:8px;margin-top:18px;padding-top:14px;display:grid}.adminReviewRow{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.adminReviewRow span{overflow-wrap:anywhere;min-width:0}@media (max-width:700px){.reviewOptionalGrid{grid-template-columns:1fr}.reviewHeading,.reviewFormHeader,.reportPanelHeading,.adminReportHeader,.adminStatus,.adminReviewRow{flex-direction:column;align-items:stretch}.reviewAverage{text-align:left}}