:root{--color-bg:oklch(97% .012 70);--color-surface:#fff;--color-accent:oklch(62% .1 40);--color-accent-hover:oklch(56% .1 40);--color-text:oklch(28% .02 60);--color-text-muted:oklch(45% .02 60);--color-text-muted-2:oklch(50% .02 60);--color-border:oklch(88% .02 60);--color-border-light:oklch(90% .015 60);--color-border-lighter:oklch(93% .015 60);--color-chip-bg:oklch(94% .02 60);--color-chip-text:oklch(42% .03 60);--status-not-started-bg:oklch(93% .015 60);--status-not-started-fg:oklch(50% .02 60);--status-in-progress-bg:oklch(88% .07 80);--status-in-progress-fg:oklch(40% .09 80);--status-done-bg:oklch(88% .06 145);--status-done-fg:oklch(35% .08 145)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Nunito Sans,sans-serif}#root{min-height:100vh}::selection{background:oklch(82% .07 40)}a{color:oklch(50% .09 40)}a:hover{color:oklch(40% .1 40)}button,input,textarea,select{font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex;position:sticky;top:0}.header__brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.header__logo{background:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.header__logo-inner{border:2px dashed var(--color-bg);border-radius:50%;width:16px;height:16px}.header__wordmark{letter-spacing:-.01em;white-space:nowrap;font-family:Lora,serif;font-size:24px;font-weight:600}.header__search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;flex:1;align-items:center;gap:10px;max-width:520px;padding:10px 18px;display:flex}.header__search-icon{border:2px solid var(--color-text-muted-2);border-radius:50%;flex-shrink:0;width:16px;height:16px}.header__search-input{color:var(--color-text);background:0 0;border:none;outline:none;width:100%;font-size:15px}.header__nav{flex-shrink:0;align-items:center;gap:20px;font-size:14.5px;font-weight:700;display:flex}.header__nav-link{color:var(--color-text);white-space:nowrap;text-decoration:none}.header__nav-link:hover{color:var(--color-accent)}.button-pill{background:var(--color-accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:800;transition:background .15s}.button-pill:hover{background:var(--color-accent-hover)}.button-pill:disabled,.button-secondary:disabled{opacity:.6;cursor:default}.link-button{color:var(--color-accent);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--color-accent-hover)}.link-button:disabled{opacity:.6;cursor:default}.header__user{color:var(--color-text-muted);white-space:nowrap;font-weight:600}.title-block{padding:40px 24px 8px}.title-block__title{margin-bottom:6px;font-family:Lora,serif;font-size:34px;font-weight:600}.title-block__subtitle{color:var(--color-text-muted);margin-bottom:22px;font-size:15.5px}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.filter-pill{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted-2);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.filter-pill:hover{border-color:var(--color-accent)}.filter-pill--active{background:var(--color-accent);color:#fff;border-color:#0000}.filter-pill--active:hover{border-color:#0000}.pattern-grid-section{flex:1;padding:20px 24px 64px}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;display:grid}.empty-state{text-align:center;color:var(--color-text-muted);padding:64px 24px}.empty-state__title{color:var(--color-text);margin-bottom:8px;font-family:Lora,serif;font-size:20px;font-weight:600}.pattern-card{background:var(--color-surface);border:1px solid var(--color-border-light);cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:14px;flex-direction:column;padding:0;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.pattern-card:hover,.pattern-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px oklch(40% .02 60/.14)}.pattern-card__cover{background-position:50%;background-size:cover;flex-shrink:0;height:200px;position:relative}.pattern-card__pending-badge{color:#fff;background:oklch(20% .02 60/.6);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:10px;left:10px}.pattern-card__photo-cta{text-align:center;color:#fff;cursor:pointer;background:oklch(28% .02 60/.72);justify-content:center;align-items:center;padding:10px 12px;font-size:12.5px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.pattern-card__photo-cta:hover{background:oklch(28% .02 60/.85)}.pattern-card__description{color:var(--color-text-muted);font-size:12.5px;line-height:1.4}.pattern-card__body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.pattern-card__name{font-family:Lora,serif;font-size:17px;font-weight:600;line-height:1.25}.pattern-card__brand{color:var(--color-text-muted-2);font-size:13.5px}.pattern-card__footer{border-top:1px solid var(--color-border-lighter);justify-content:flex-end;align-items:center;margin-top:8px;padding-top:10px;display:flex}.status-quick-pick{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.status-quick-pick__pill{white-space:nowrap;cursor:pointer;border:1px solid var(--color-border);color:var(--color-text-muted-2);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-quick-pick__pill:hover{border-color:var(--color-accent)}.status-quick-pick--compact .status-quick-pick__pill{padding:3px 9px;font-size:10.5px}.status-quick-pick__active--not_started{background:var(--status-not-started-bg);color:var(--status-not-started-fg);border-color:#0000}.status-quick-pick__active--in_progress{background:var(--status-in-progress-bg);color:var(--status-in-progress-fg);border-color:#0000}.status-quick-pick__active--done{background:var(--status-done-bg);color:var(--status-done-fg);border-color:#0000}.modal-overlay{z-index:100;background:oklch(20% .02 60/.45);justify-content:center;align-items:flex-start;padding:48px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:18px;width:100%;max-width:520px;padding:32px;position:relative}.modal__close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:4px;font-size:22px;line-height:1;position:absolute;top:20px;right:20px}.modal__close:hover{color:var(--color-text)}.modal__title{margin:0 0 24px;padding-right:24px;font-family:Lora,serif;font-size:24px;font-weight:600}.field{margin-bottom:18px}.field__label{color:var(--color-text-muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field__input,.field__textarea,.field__select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);border-radius:10px;outline:none;padding:10px 14px;font-size:15px}.field__input:focus,.field__textarea:focus,.field__select:focus{border-color:var(--color-accent)}.field__textarea{resize:vertical;min-height:70px}.field__file{width:100%;font-size:14px}.field__hint{color:var(--color-text-muted-2);margin-top:6px;font-size:12.5px}.file-list{flex-direction:column;gap:4px;max-height:140px;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.file-list li{color:var(--color-text);background:var(--color-chip-bg);border-radius:8px;padding:6px 12px;font-size:13px}.modal__actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.button-secondary{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:700}.button-secondary:hover{border-color:var(--color-text-muted-2)}.button-danger{color:oklch(50% .15 25);cursor:pointer;background:0 0;border:1px solid oklch(60% .15 25/.4);border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:700}.button-danger:hover{background:oklch(60% .15 25/.08)}.field__error{color:oklch(50% .15 25);margin-top:-8px;margin-bottom:16px;font-size:13px}.detail-cover{background-position:50%;background-size:cover;border-radius:12px;height:160px;margin-bottom:20px}.detail-brand{color:var(--color-text-muted-2);margin-bottom:16px;font-size:14px}.detail-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sign-in-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sign-in-gate__title{margin-bottom:8px;font-family:Lora,serif;font-size:28px;font-weight:600}.sign-in-gate__subtitle{color:var(--color-text-muted);max-width:360px;margin-bottom:24px}.load-error{color:oklch(45% .15 25);background:oklch(60% .15 25/.1);border-radius:10px;margin:0 24px 20px;padding:12px 18px;font-size:14px}@media (width<=760px){.header{flex-wrap:wrap;padding:14px 16px}.header__search{flex-basis:100%;order:3;max-width:none}.title-block,.pattern-grid-section{padding-left:16px;padding-right:16px}}