:root{--cream:#fffaf2;--coral:#ff6b5f;--ink:#302a26;--mint:#bdebdc;--sun:#ffdf78;--card-radius:24px;--focus-ring:0 0 0 4px color-mix(in srgb, var(--coral) 35%, transparent)}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:radial-gradient(circle at 90% 12%, var(--sun) 0 6rem, transparent 6.1rem), var(--cream);margin:0;font-family:ui-rounded,Nunito Sans,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,a:focus,button:focus,input:focus,select:focus{box-shadow:var(--focus-ring);outline:none}button,input,select{min-height:44px}button{font:inherit}img,canvas,svg{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.making-page{padding-block:44px 96px}.making-hero{border:2px solid var(--ink);box-shadow:0 9px 0 var(--ink);background:linear-gradient(135deg,#fff 0 70%,#fff1cb 70%);border-radius:32px;padding:clamp(28px,6vw,64px)}.making-hero h1,.making-workspace h1{font-size:clamp(2.8rem,7vw,5.6rem)}.making-subtitle{color:#756760;max-width:620px;margin:22px 0 0;font-size:1.08rem;line-height:1.7}.material-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0 24px;display:grid}.material-stats article,.material-card,.making-ready-card,.workspace-card{border:2px solid var(--ink);background:#fff;border-radius:24px}.material-stats article{gap:7px;min-height:148px;padding:24px;display:grid}.material-stats article:nth-child(2){background:#ffe5e1}.material-stats article:nth-child(3){background:var(--mint)}.material-stats span,.making-ready-card span{color:#756760;font-size:.82rem;font-weight:800}.material-stats strong{letter-spacing:-.05em;font-size:clamp(1.8rem,4vw,2.8rem)}.material-stats small,.making-ready-card small{color:#756760}.material-card{overflow:hidden}.material-card-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;display:flex}.material-card-heading h2,.material-card-heading p{margin:0}.material-card-heading h2{font-size:1.7rem}.match-note{background:#fff1cb;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800}.material-table-scroll{overflow-x:auto}.material-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.material-table th{color:#756760;letter-spacing:.05em;background:#f7f1e9;padding:14px 20px;font-size:.76rem}.material-table td{border-top:1px solid #e8dfd5;padding:17px 20px}.material-table td:first-child{align-items:center;gap:12px;display:flex}.material-table td span:not(.color-swatch):not(.sr-only){gap:3px;display:grid}.material-table td small{color:#84756d;font-size:.72rem;display:block}.color-swatch{border:2px solid var(--ink);border-radius:50%;flex:none;width:36px;height:36px;box-shadow:inset 0 0 0 4px #ffffff52}.approx-label{margin-top:3px}.making-ready-card{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:24px 28px;display:flex}.making-ready-card div{gap:5px;display:grid}.making-ready-card span,.making-ready-card small{color:#d9cec8}.making-ready-card strong{font-size:1.35rem}.primary-button{background:var(--coral);color:#fff;min-width:190px}.secondary-button{border:2px solid var(--ink);color:var(--ink);background:#fff}.back-link{align-items:center;min-height:44px;margin-top:22px;font-weight:800;text-decoration:none;display:inline-flex}.making-workspace{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:24px;display:grid}.workspace-card{padding:clamp(20px,4vw,34px);overflow:hidden}.pattern-overview{grid-row:span 2}.step-pattern{background:#fffaf2;border:1px solid #dfd5ca;border-radius:16px;max-width:420px;overflow:auto}.making-workspace>button,.making-workspace>section[aria-label=爱好者工具],.making-workspace>.back-link,.making-workspace>.making-progress-tools,.making-workspace>.making-page-actions{grid-column:2}.making-progress-tools{background:#ffffffb3;border:1px solid #302a2629;border-radius:20px;align-content:start;gap:12px;padding:18px;display:grid}.making-progress-copy{gap:4px;display:grid}.making-progress-copy h2,.making-progress-copy p{margin:0}.making-progress-copy h2{font-size:1rem}.making-progress-copy p{color:#756760;font-size:.82rem;line-height:1.5}.making-page-actions{flex-wrap:wrap;gap:10px;display:flex}.making-page-actions .button{text-align:center;flex:1;justify-content:center;align-items:center;min-width:0;text-decoration:none;display:inline-flex}.making-page-actions.compact-actions{justify-content:flex-end;align-self:start;align-items:center}.making-page-actions.compact-actions .button{flex:none;width:auto;min-width:0;padding-inline:16px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#302a266b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.complete-work-dialog{border:2px solid var(--ink);width:min(100%,480px);box-shadow:0 12px 0 var(--ink), 0 26px 80px #302a2647;background:#fffaf2;border-radius:28px;gap:20px;padding:clamp(24px,5vw,36px);display:grid}.complete-work-dialog h2,.complete-work-dialog p{margin:0}.complete-work-dialog h2{margin-top:5px;font-size:1.8rem}.complete-work-dialog div>p:last-child{color:#756760;margin-top:10px;line-height:1.65}.complete-work-icon{border:2px solid var(--ink);background:var(--mint);border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.7rem;font-weight:950;display:grid;transform:rotate(-4deg)}.complete-work-dialog-actions{gap:10px;display:flex}.complete-work-dialog-actions .button{flex:1;min-width:0}@media (max-width:760px){.material-stats{grid-template-columns:1fr}.material-stats article{min-height:118px}.material-card-heading,.making-ready-card{flex-direction:column;align-items:stretch}.primary-button{width:100%}.making-workspace{grid-template-columns:1fr}.pattern-overview{grid-row:auto}.making-workspace>button,.making-workspace>section[aria-label=爱好者工具],.making-workspace>.back-link,.making-workspace>.making-progress-tools,.making-workspace>.making-page-actions{grid-column:1}}.pattern-chart,.interactive-pattern-grid{gap:14px;display:grid}.pattern-toolbar{border:2px solid var(--ink);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.pattern-toolbar>span{color:#756760;font-size:.8rem;font-weight:800}.pattern-toolbar input{flex:1;min-width:140px}.pattern-toolbar button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding-inline:14px;font-weight:850}.making-toolstrip{box-sizing:border-box;white-space:nowrap;background:#fffaf2f0;border:1px solid #302a2638;border-radius:999px;align-items:center;gap:4px;width:max-content;max-width:100%;height:48px;min-height:48px;padding:1px;display:inline-flex;box-shadow:0 4px 14px #302a2614}.making-toolstrip button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;min-width:44px;min-height:44px;padding-inline:12px;font-weight:850;display:inline-grid}.making-mode-switch{background:#eee5da;border-radius:999px;padding:2px;display:inline-flex}.making-mode-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.making-tool-icon,.making-guide-button{margin-block:2px}.making-tool-icon svg{display:block}.professional-pattern-grid{border:3px solid var(--ink);background:#f5efe5;min-width:620px}.pattern-viewport-shell{border:2px solid var(--ink);background:#fff;grid-template:28px minmax(420px,1fr)/28px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.pattern-viewport-shell:before{z-index:5;content:"";background:#fff1d6;border-bottom:1px solid #d7c3a8;border-right:1px solid #d7c3a8;width:28px;height:28px;position:absolute;top:0;left:0}.pattern-pan-surface{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;grid-area:2/2;min-height:420px;position:relative;overflow:hidden}.pattern-pan-surface:active{cursor:grabbing}.interactive-pattern-grid[data-selection-mode=rectangle] .pattern-pan-surface,.interactive-pattern-grid[data-selection-mode=rectangle] .pattern-pan-surface:active{cursor:crosshair}.pattern-transform{transform-origin:0 0;width:620px}.frozen-ruler{z-index:4;color:#665a53;background:#fff1d6;font-weight:850;position:relative;overflow:hidden}.column-ruler{border-bottom:1px solid #dfd5ca;grid-area:1/2}.row-ruler{border-right:1px solid #dfd5ca;grid-area:2/1}.frozen-ruler span{box-sizing:border-box;place-items:center;display:grid;position:absolute}.column-ruler span{left:var(--tick-position);width:24px;height:28px;transform:translate(-50%)}.row-ruler span{top:var(--tick-position);width:28px;height:20px;transform:translateY(-50%)}.frozen-ruler span[data-primary=true]{color:#241d19;font-weight:950;font-size:11px!important}.frozen-ruler span[data-primary=true]:after{background:var(--ink);content:"";position:absolute}.column-ruler span[data-primary=true]:after{width:1px;height:6px;bottom:0;right:50%}.row-ruler span[data-primary=true]:after{width:6px;height:1px;bottom:50%;right:0}.frozen-ruler span[data-selected=true]{box-shadow:inset 0 0 0 1px var(--ink);background:#ffc94d;border-radius:6px}.professional-pattern-grid .bead-cell{aspect-ratio:1;color:#1c1714;-webkit-user-select:none;user-select:none;place-items:center;min-width:0;min-height:0;font-size:7px;font-weight:900;line-height:1;display:grid;position:relative;overflow:hidden}.professional-pattern-grid .bead-code{text-align:center;white-space:nowrap;pointer-events:none;max-width:82%;line-height:1;display:block;overflow:hidden}.professional-pattern-grid .bead-cell.has-bead{border-radius:50%;box-shadow:inset 0 0 0 1px #302a2647}.professional-pattern-grid .bead-cell.has-bead:after{background:color-mix(in srgb, currentColor 18%, white);content:"";border-radius:50%;width:22%;height:22%;position:absolute}.professional-pattern-grid .bead-cell.has-bead{isolation:isolate}.professional-pattern-grid .bead-cell.has-bead:not(:empty):after{z-index:-1}.professional-pattern-grid .empty-hole:after{content:"";border:1px solid #c8bcaf;border-radius:50%;width:24%;height:24%}.professional-pattern-grid [data-guide-col=true]{border-right:2px solid #302a26b8!important}.professional-pattern-grid [data-guide-row=true]{border-bottom:2px solid #302a26b8!important}.professional-pattern-grid [data-selected=true]{outline-offset:-3px;outline:3px solid var(--sun)!important}.bead-detail{border:2px solid var(--ink);background:var(--sun);border-radius:15px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 18px;display:flex}@media (max-width:720px){.pattern-viewport-shell{grid-template-rows:28px minmax(55vh,1fr)}.pattern-pan-surface{min-height:55vh}.making-toolstrip{gap:2px}.making-toolstrip button{padding-inline:10px}.making-progress-tools{padding:14px}.complete-work-dialog-actions{flex-direction:column}.complete-work-dialog-actions .button{width:100%}.making-page-actions.compact-actions .button{width:auto}nav.pattern-toolbar[aria-label=区域引导]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}.completion-workbench{padding-block:48px 104px}.completion-hero{justify-content:space-between;align-items:center;gap:28px;margin-bottom:34px;display:flex}.completion-hero h1{font-size:clamp(3.3rem,9vw,7rem)}.completion-hero div>p:last-child{color:#756760;margin:14px 0 0;font-size:1.25rem;font-weight:850}.completion-hero>span{border:3px solid var(--ink);background:var(--sun);width:clamp(84px,12vw,140px);height:clamp(84px,12vw,140px);box-shadow:8px 8px 0 var(--ink);border-radius:40%;place-items:center;font-size:clamp(2.5rem,6vw,5rem);display:grid;transform:rotate(6deg)}.final-check-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.final-check-card,.finish-photo-card{padding:clamp(26px,5vw,48px)}.final-check-card h2,.finish-photo-card h2{margin-top:0;font-size:2rem}.final-check-card ol{gap:22px;margin:32px 0 0;padding:0;list-style:none;display:grid}.final-check-card li{align-items:center;gap:14px;line-height:1.55;display:flex}.final-check-card li span{border:2px solid var(--ink);background:var(--mint);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.finish-photo-card{background:#fff1cb;gap:22px;display:grid}.finish-photo-card>.button{width:100%}.finish-upload-copy>span{font-size:2.2rem}.finish-upload-copy p{color:#665a53;line-height:1.6}.completed-showcase{border:2px solid var(--ink);box-shadow:0 9px 0 var(--ink);background:#fff;border-radius:30px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);display:grid;overflow:hidden}.completed-visual{border-right:2px solid var(--ink);background:var(--mint);place-items:center;min-height:500px;padding:clamp(24px,5vw,52px);display:grid;position:relative}.completed-visual img{border:2px solid var(--ink);object-fit:cover;width:100%;max-height:620px;box-shadow:6px 6px 0 var(--ink);border-radius:22px}.completed-visual .ai-preview-label{z-index:1;position:absolute;top:22px;left:22px}.showcase-placeholder{border:3px solid var(--ink);background:var(--sun);width:180px;height:180px;box-shadow:8px 8px 0 var(--ink);border-radius:38%;place-items:center;font-size:5rem;display:grid}.completed-copy{align-content:center;padding:clamp(30px,6vw,70px);display:grid}.completed-copy h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}.completed-copy>p:not(.eyebrow){color:#756760;line-height:1.7}.completed-copy .upload-field{margin-top:20px}.share-workbench{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:26px;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:clamp(26px,5vw,42px);display:flex}.share-workbench h2,.share-workbench p{margin:5px 0}.share-workbench>div:first-child>p:last-child{color:#d9cec8}.share-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:520px;display:flex}.share-actions [role=alert],.share-actions [role=status]{color:#fff;width:100%;margin:0}@media (max-width:760px){.completion-hero>span{display:none}.final-check-grid,.completed-showcase{grid-template-columns:1fr}.completed-visual{border-right:0;border-bottom:2px solid var(--ink);min-height:340px}.share-workbench{flex-direction:column;align-items:stretch}.share-actions{justify-content:stretch}.share-actions .button{width:100%}}.project-workbench{padding-block:48px 104px}.project-summary{justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px;display:flex}.project-summary h1{font-size:clamp(3rem,7vw,6rem)}.project-summary dl{border:2px solid var(--ink);background:#fff;border-radius:20px;grid-template-columns:repeat(3,minmax(95px,1fr));margin:0;display:grid;overflow:hidden}.project-summary dl div{gap:6px;padding:18px;display:grid}.project-summary dl div+div{border-left:2px solid var(--ink)}.project-summary dt{color:#756760;font-size:.75rem;font-weight:800}.project-summary dd{white-space:nowrap;margin:0;font-weight:900}.project-pattern-card,.project-journey{border:2px solid var(--ink);box-shadow:0 8px 0 var(--ink);background:#fff;border-radius:28px;margin-top:24px;overflow:hidden}.section-title{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;display:flex}.section-title h2,.section-title p{margin:0}.section-title h2{font-size:1.7rem}.section-title>span{background:var(--mint);border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:850}.project-pattern-frame{width:min(100%,720px);margin-inline:auto;padding:clamp(20px,5vw,56px)}.project-pattern-frame [role=grid]{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.journey-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;padding:28px;display:grid}.journey-grid figure{border:2px solid var(--ink);background:#fffaf2;border-radius:20px;margin:0;position:relative;overflow:hidden}.journey-grid figure>span{z-index:1;border:2px solid var(--ink);background:var(--sun);border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;position:absolute;top:10px;left:10px}.journey-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.journey-grid figcaption{border-top:2px solid var(--ink);padding:14px 16px;font-weight:900}.project-action-bar{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding:24px 28px;display:flex}.project-action-bar p{color:#d9cec8;margin:5px 0 0}.project-action-bar .button{text-decoration:none}@media (max-width:760px){.project-summary{flex-direction:column;align-items:stretch}.project-summary dl{width:100%}.project-summary dl div{padding:13px 10px}.project-action-bar{flex-direction:column;align-items:stretch}.project-action-bar .button{width:100%}}.create-workbench{padding-block:38px 104px}.workbench-hero{grid-template-columns:1fr minmax(260px,.55fr);align-items:end;gap:28px;margin-bottom:36px;display:grid}.workbench-hero .eyebrow{grid-column:1/-1;margin-bottom:-12px}.workbench-hero h1{font-size:clamp(3rem,8vw,6.6rem)}.workbench-hero>p:last-child{color:#756760;max-width:460px;margin:0 0 8px;font-size:1.08rem;line-height:1.7}.flow-steps{margin-bottom:24px}.flow-steps ol{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.flow-steps li{color:#a09289;align-items:center;gap:10px;font-size:.86rem;display:flex;position:relative}.flow-steps li:not(:last-child):after{content:"";background:#ded4c9;flex:1;height:2px;margin-inline:10px}.flow-steps li>span{border:2px solid;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.flow-steps li[data-state=current]{color:var(--coral)}.flow-steps li[data-state=complete]{color:var(--ink)}.flow-steps li[data-state=complete]>span{background:var(--mint)}.create-stage-grid{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:22px;display:grid}.workbench-card{border:2px solid var(--ink);box-shadow:0 8px 0 var(--ink);background:#fff;border-radius:28px;overflow:hidden}.create-form-card{padding:clamp(24px,4vw,36px)}.card-heading{align-items:center;gap:14px;margin-bottom:30px;display:flex}.card-heading>span{background:var(--sun);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.card-heading h2,.card-heading p{margin:0}.card-heading h2{font-size:1.55rem}.field-label{gap:8px;margin-bottom:20px;font-weight:850;display:grid}.field-label input,.field-label select{width:100%;font:inherit;background:#fffdf9;border:2px solid #cfc3b8;border-radius:13px;padding:10px 14px}.create-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.upload-field{cursor:pointer;background:#fffaf2;border:2px dashed #a99a90;border-radius:17px;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px;display:flex}.upload-field>span{gap:5px;display:grid}.upload-field small{color:#756760}.upload-field input{max-width:190px}.create-primary{width:100%;margin-top:24px}.preview-workbench{background:#fff1cb;min-height:430px;padding:clamp(24px,4vw,42px)}.upload-guide{align-content:center;max-width:440px;min-height:340px;margin-inline:auto;display:grid}.guide-icon{border:2px solid var(--ink);background:var(--mint);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);border-radius:20px;place-items:center;font-size:1.8rem;display:grid}.upload-guide h2{margin:24px 0 10px;font-size:2rem}.upload-guide p,.upload-guide li{color:#665a53;line-height:1.65}.crop-workbench{grid-template-columns:minmax(200px,1fr) minmax(220px,.8fr);align-items:center;gap:30px;display:grid}.crop-canvas-frame{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:22px;padding:16px}.crop-canvas-frame canvas{aspect-ratio:1;width:100%;height:auto;display:block}.crop-workbench label{gap:2px;margin-top:13px;font-size:.82rem;font-weight:800;display:grid}.design-preview{place-items:center;min-height:100%;margin:0;display:grid;position:relative}.design-preview img{border:2px solid var(--ink);width:min(100%,520px);box-shadow:6px 6px 0 var(--ink);image-rendering:pixelated;background:#fff;border-radius:22px}.design-preview .ai-preview-label{z-index:1;position:absolute;top:0;left:0}.design-actions{gap:14px;margin-top:28px;display:grid}.safety-note{border-left:4px solid var(--mint);color:#665a53;background:#f1fbf7;margin:0;padding:12px 14px;font-size:.82rem;line-height:1.55}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-button{color:#756760;cursor:pointer;background:0 0;border:0;text-decoration:underline}.inline-state{background:#fff0ed;border:2px solid #ad332b;border-radius:18px;margin-top:24px;padding:20px 24px}.inline-state p{margin:7px 0 14px}.transport-retry-status{color:#665a53;background:#fff1cb;border:1px solid #302a262e;border-radius:999px;width:max-content;max-width:100%;margin:24px 0 0;padding:10px 14px;font-size:.86rem;font-weight:800}.state-page{place-items:center;min-height:70vh;padding-block:48px;display:grid}.page-state-card{border:2px solid var(--ink);width:min(100%,640px);box-shadow:0 9px 0 var(--ink);text-align:center;background:#fff;border-radius:30px;padding:clamp(30px,7vw,64px)}.page-state-card h1{margin-inline:auto;font-size:clamp(2.5rem,7vw,4.6rem)}.page-state-card>p:not(.eyebrow){color:#756760;line-height:1.7}.state-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}@media (max-width:760px){.workbench-hero,.create-stage-grid,.crop-workbench{grid-template-columns:1fr}.workbench-hero .eyebrow{grid-column:1}.flow-steps li strong{font-size:.72rem}.flow-steps li:not(:last-child):after{margin-inline:5px}.flow-steps li>span{width:30px;height:30px}.upload-field{flex-direction:column;align-items:stretch}.create-options{grid-template-columns:1fr}.upload-field input{max-width:100%}.button-row>.button{flex:100%}.state-actions{flex-direction:column;align-items:stretch}}.ai-preview-label{border:2px solid var(--ink);background:var(--mint);border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:900;display:inline-block}.page-shell,.header-inner{width:min(100% - 32px,1160px);margin-inline:auto}.app-header{padding-block:18px}.header-inner{justify-content:space-between;align-items:center;display:flex}.brand,.nav-link{border-radius:14px;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.brand{letter-spacing:-.04em;font-size:1.35rem;font-weight:900}.nav-link{padding-inline:14px;font-weight:700}.hero{min-height:calc(100vh - 80px);padding-block:clamp(72px,14vw,168px)}.weekly-picks,.inspiration-page{padding-block:56px 104px}.inspiration-page>h1{font-size:clamp(2.8rem,7vw,5.5rem)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.5rem)}.section-heading a{min-height:44px;font-weight:800}.template-filters{flex-wrap:wrap;gap:10px;margin:34px 0;display:flex}.template-filters button{border:2px solid var(--ink);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:9px 20px;font-weight:800}.template-filters button[aria-pressed=true]{background:var(--ink);color:#fff}.inspiration-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,248px),1fr));gap:22px;display:grid}.weekly-grid{grid-template-columns:repeat(3,1fr)}.inspiration-card{border:2px solid var(--ink);border-radius:var(--card-radius);box-shadow:0 7px 0 var(--ink);background:#fff;overflow:hidden}.inspiration-card img{aspect-ratio:1;object-fit:cover;background:var(--mint);width:100%;height:auto;display:block}.inspiration-card-body{padding:20px}.inspiration-card h2,.inspiration-card h3{margin:0 0 12px;font-size:1.35rem}.template-meta{color:#756760;flex-wrap:wrap;gap:7px;margin:0 0 18px;font-size:.82rem;font-weight:800;display:flex}.template-meta span:not(:last-child):after{content:"·";margin-left:7px}.inspiration-card .button{width:100%}.inspiration-card .button:disabled{cursor:wait;opacity:.7}.card-error{color:var(--red,#b52e27);margin:10px 0 0;font-size:.85rem;font-weight:800}.hero:after{border-radius:var(--card-radius);background:linear-gradient(90deg, var(--coral) 0 33%, var(--mint) 33% 66%, var(--sun) 66%);content:"";width:min(100%,540px);height:18px;margin-top:64px;display:block}.eyebrow{color:#756760;letter-spacing:.14em;margin:0 0 16px;font-size:.78rem;font-weight:800}h1{letter-spacing:-.07em;max-width:780px;margin:0;font-size:clamp(3.4rem,10vw,7.5rem);line-height:.98}.hero>p:not(.eyebrow){max-width:520px;margin:28px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.projects-page{padding-block:56px 96px}.projects-page>h1{font-size:clamp(2.8rem,7vw,5.5rem)}.local-storage-notice{border:2px solid var(--ink);background:var(--sun);border-radius:16px;max-width:680px;margin:24px 0;padding:14px 18px;font-weight:700;line-height:1.6}.project-filters{gap:8px;margin:32px 0;display:flex}.project-filters button{border:2px solid var(--ink);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 18px;font-weight:800}.project-filters button[aria-pressed=true]{background:var(--ink);color:#fff}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.project-card{border:2px solid var(--ink);border-radius:var(--card-radius);box-shadow:0 7px 0 var(--ink);background:#fff;overflow:hidden}.project-card-preview{background:var(--mint);place-items:center;min-height:150px;font-size:3rem;font-weight:900;display:grid}.project-card-body{padding:22px}.project-card h2,.projects-empty h2{margin:4px 0 14px}.project-status{color:#756760;margin:0;font-size:.8rem;font-weight:900}.project-progress-row{justify-content:space-between;display:flex}.project-progress{border:2px solid var(--ink);background:var(--cream);border-radius:999px;height:12px;margin:10px 0 20px;overflow:hidden}.project-progress span{background:var(--coral);height:100%;display:block}.project-continue{width:100%}.projects-empty{border-radius:var(--card-radius);text-align:center;border:2px dashed #756760;padding:56px 24px}.button{border:2px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.button.primary{background:var(--coral);color:#fff}.button.secondary{background:var(--mint)}@media (max-width:390px){.page-shell,.header-inner{width:min(100% - 24px,1160px)}.hero-actions{flex-direction:column}.button{width:100%}}@media (max-width:760px){.weekly-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}}@media (min-width:1440px){.page-shell,.header-inner{width:min(100% - 64px,1280px)}.hero{padding-top:180px}}@media (prefers-reduced-motion:reduce){.button{transition:none}}