.page.projects-page{max-width:1120px;overflow-x:hidden}.projects-intro{max-width:42rem}.projects-toolbar{flex-wrap:wrap;gap:12px;margin:0 0 16px;display:flex}.projects-status{color:var(--ink)}.projects-empty{border:1px solid var(--line);background:#fff;max-width:40rem;padding:20px}.projects-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;min-width:0;display:grid}@media (min-width:900px){.projects-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.shopping-list{position:sticky;top:16px}}.projects-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.projects-section-head h2,.shopping-list h2{margin:0}.projects-select-actions{flex-wrap:wrap;gap:8px;display:flex}.page ul.project-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.page ul.project-library-grid>li{margin-bottom:0}.project-library-card{border:1px solid var(--line);background:#fff;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.project-include{color:var(--ink);align-items:center;gap:8px;font-size:.95rem;display:flex}.project-include input{width:18px;height:18px}.project-library-preview{aspect-ratio:1;background:var(--panel);border:1px solid var(--line);justify-content:center;align-items:center;display:flex;overflow:hidden}.project-library-preview svg{width:100%;height:100%;display:block}.project-library-card h3{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700}.project-library-meta{color:var(--muted);margin:0;font-size:.95rem}.project-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.project-card-actions .page-action{margin:0}.project-rename-form label{color:var(--ink);flex-direction:column;gap:6px;display:flex}.project-rename-form input{border:1px solid var(--line);min-height:44px;font:inherit;padding:8px 10px}.projects-btn{border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:44px;font:inherit;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:10px 16px;font-size:.95rem;display:inline-flex}.projects-btn:hover{background:#333}.projects-btn-secondary{color:var(--ink);background:#fff}.projects-btn-secondary:hover{background:var(--panel)}.projects-btn-danger{color:var(--ink);background:#fff}.projects-btn-danger:hover{background:#f6eeee}.shopping-list{border:1px solid var(--line);background:#fff;min-width:0;padding:20px;overflow-x:hidden}.shopping-list p{margin-bottom:12px}.page ul.shopping-list-rows{color:var(--ink);margin:0 0 16px;padding:0;list-style:none}.page ul.shopping-list-rows>li{margin-bottom:12px}.shopping-list-main{align-items:center;gap:8px;display:flex}.shopping-list-dot{border:1px solid #0000002e;border-radius:50%;flex:none;width:18px;height:18px}.shopping-list-name{min-width:0;color:var(--ink);flex:1}.shopping-list-count{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:650}.shopping-list-links{padding-left:26px;font-size:.9rem}.shopping-list-links a{color:#555;border-bottom:1px solid #d0cdc6;text-decoration:none}.shopping-list-links a:hover{color:#222;border-bottom-color:#222}.shopping-list .affiliate-sep{color:#999;margin:0 6px}.shopping-list-total{color:var(--ink);font-weight:700}.shopping-list-actions{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.projects-btn:disabled{opacity:.55;cursor:not-allowed}.shopping-list-disclosure,.shopping-list-empty{font-size:.9rem}.shopping-qr-section{min-width:0;margin-top:20px;overflow-x:hidden}.shopping-qr-section h3{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;font-size:.95rem}.page ul.shopping-qr-grid{color:var(--ink);grid-template-columns:repeat(auto-fit,minmax(min(100%,108px),1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}.page ul.shopping-qr-grid>li{margin-bottom:0}.shopping-qr-card{min-width:0}.shopping-qr-link{min-width:0;color:inherit;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.shopping-qr-link .url-qr{aspect-ratio:1;border:1px solid var(--line);background:#fff;width:100%;max-width:128px;height:auto;display:block}.shopping-qr-swatch{border:1px solid #0000002e;border-radius:50%;flex:none;width:14px;height:14px}.shopping-qr-name{text-align:center;overflow-wrap:anywhere;word-break:break-word;color:var(--ink);font-size:.9rem}@media (max-width:390px){.project-card-actions .page-action,.project-card-actions .projects-btn{text-align:center;flex:100%}}