.pattern-library-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(160px,230px) auto;align-items:center;gap:10px;margin-bottom:18px}.pattern-library-toolbar label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted)}.pattern-library-toolbar input,.pattern-library-toolbar select{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:var(--ink);font:500 12px/1.2 Manrope,sans-serif}.pattern-library-toolbar>select{padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.pattern-library-toolbar>span{color:var(--muted);font-size:10px;white-space:nowrap}.pattern-library-card .pattern-preview.has-cover{background:#d9dfda}.pattern-library-card .pattern-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pattern-library-card .pattern-preview.has-cover::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(18,44,36,.58));content:""}.pattern-version-pill{position:absolute;z-index:1;right:11px;bottom:10px;padding:5px 7px;border-radius:7px;background:rgba(18,45,36,.84);color:#fff;font-size:8px;font-weight:800}.pattern-library-card .pattern-type{z-index:1}.pattern-card-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--ochre);font-size:8px;font-weight:700;text-transform:uppercase}.pattern-library-empty{grid-column:1/-1;padding:62px 24px;border:1px dashed var(--line);border-radius:22px;text-align:center}.pattern-library-empty>span{display:grid;width:58px;height:58px;margin:0 auto 13px;place-items:center;border-radius:19px;background:color-mix(in srgb,var(--green) 8%,transparent);color:var(--green)}.pattern-library-empty h2,.pattern-library-empty p{margin:0}.pattern-library-empty p{max-width:510px;margin:7px auto 18px;color:var(--muted);font-size:12px;line-height:1.6}.pattern-detail-eyebrow{display:flex;gap:7px;margin-bottom:7px}.pattern-detail-eyebrow span{padding:4px 7px;border-radius:99px;background:color-mix(in srgb,var(--green) 8%,transparent);color:var(--green);font-size:8px;font-weight:800;text-transform:uppercase}.pattern-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.pattern-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--green) 5%,var(--surface))}.pattern-facts div{padding:3px 8px}.pattern-facts span,.pattern-facts strong{display:block}.pattern-facts span{margin-bottom:4px;color:var(--muted);font-size:9px}.pattern-facts strong{color:var(--ink);font-size:11px}.pattern-detail-tags{margin-top:12px}.pattern-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.pattern-notes-grid article{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.pattern-notes-grid span,.pattern-version-note span{color:var(--ochre);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pattern-notes-grid p,.pattern-version-note p{margin:6px 0 0;color:var(--ink);font-size:10px;line-height:1.6;white-space:pre-line}.pattern-source-link{display:flex;align-items:center;gap:7px;margin-top:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--blue) 4%,var(--surface));color:var(--blue);font-size:10px;font-weight:700;text-decoration:none}.pattern-source-link span{min-width:0;margin-left:auto;overflow:hidden;color:var(--muted);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.pattern-detail-section{margin-top:24px}.pattern-detail-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:11px}.pattern-detail-title span{color:var(--ochre);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pattern-detail-title h3{margin:3px 0 0;color:var(--ink);font:650 17px/1.2 Onest,sans-serif}.pattern-version-list{display:grid;gap:10px}.pattern-version-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.pattern-version-card.is-latest{border-color:color-mix(in srgb,var(--green) 24%,var(--line));box-shadow:inset 3px 0 0 var(--green)}.pattern-version-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.pattern-version-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--green) 9%,transparent);color:var(--green);font-size:10px;font-weight:800}.pattern-version-head strong,.pattern-version-head small{display:block}.pattern-version-head strong{color:var(--ink);font-size:12px}.pattern-version-head small{margin-top:3px;color:var(--muted);font-size:8px}.pattern-version-head button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.pattern-version-card>p{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.pattern-version-note{margin-top:10px;padding:10px 11px;border-radius:11px;background:color-mix(in srgb,var(--ochre) 7%,var(--surface))}.pattern-file-strip{display:grid;gap:6px;margin-top:11px}.pattern-file-strip>button,.pattern-project-links>button{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--green) 2%,var(--surface));color:var(--green);text-align:left;cursor:pointer}.pattern-file-strip strong,.pattern-file-strip small,.pattern-project-links strong,.pattern-project-links small{display:block}.pattern-file-strip strong,.pattern-project-links strong{overflow:hidden;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.pattern-file-strip small,.pattern-project-links small{margin-top:3px;color:var(--muted);font-size:8px}.pattern-file-empty{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px;border:1px dashed var(--line);border-radius:11px;color:var(--muted)}.pattern-file-empty p{margin:0;font-size:9px}.pattern-project-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pattern-form-kicker{margin:0 0 4px;color:var(--ochre);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pattern-initial-version{padding:16px;border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--green) 3%,var(--surface))}.pattern-initial-version>span{display:block;margin-bottom:12px;color:var(--green);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pattern-checkbox{display:flex;min-height:44px;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:10px;cursor:pointer}.pattern-checkbox input{accent-color:var(--green)}.pattern-file-picker{display:flex;width:100%;align-items:center;gap:11px;padding:14px;border:1px dashed color-mix(in srgb,var(--green) 30%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--green) 3%,var(--surface));color:var(--green);text-align:left;cursor:pointer}.pattern-file-picker strong,.pattern-file-picker small{display:block}.pattern-file-picker strong{font-size:11px}.pattern-file-picker small{margin-top:3px;color:var(--muted);font-size:9px}.pattern-selected-files{display:grid;gap:6px;margin-top:8px}.pattern-selected-files>p{margin:0;color:var(--muted);font-size:9px}.pattern-selected-files>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.pattern-selected-files strong,.pattern-selected-files small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-selected-files strong{color:var(--ink);font-size:9px}.pattern-selected-files small{margin-top:2px;color:var(--muted);font-size:8px}.pattern-selected-files button{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;background:transparent;color:var(--clay);cursor:pointer}.pattern-reuse-files{margin-top:8px}.pattern-document-preview{min-height:62vh;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#e7e9e5}.pattern-document-preview iframe{display:block;width:100%;height:68vh;border:0;background:#fff}.pattern-document-preview img{display:block;width:100%;max-height:72vh;object-fit:contain}.pattern-compare{min-width:720px;overflow:auto;border:1px solid var(--line);border-radius:16px}.pattern-compare-row{display:grid;grid-template-columns:130px repeat(4,minmax(140px,1fr));border-bottom:1px solid var(--line)}.pattern-compare-row:last-child{border-bottom:0}.pattern-compare-row>*{margin:0;padding:11px;border-right:1px solid var(--line);font-size:9px;line-height:1.5;white-space:pre-line}.pattern-compare-row>*:last-child{border-right:0}.pattern-compare-row>span{color:var(--muted);font-weight:700}.pattern-compare-row.is-head{background:color-mix(in srgb,var(--green) 5%,var(--surface))}.pattern-compare-row strong{color:var(--green);font-size:11px}.pattern-compare-row strong small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:500}@media(max-width:760px){.pattern-library-toolbar{grid-template-columns:1fr 1fr}.pattern-library-toolbar label{grid-column:1/-1}.pattern-library-toolbar>span{text-align:right}.pattern-facts{grid-template-columns:repeat(2,1fr)}.pattern-notes-grid,.pattern-project-links{grid-template-columns:1fr}.pattern-detail-actions>*{flex:1;justify-content:center}.pattern-compare{min-width:620px}}@media(max-width:520px){.pattern-library-toolbar{grid-template-columns:1fr}.pattern-library-toolbar>span{text-align:left}.pattern-detail-actions{flex-direction:column}.pattern-detail-title{align-items:flex-start;flex-direction:column}.pattern-document-preview{min-height:50vh}.pattern-document-preview iframe{height:58vh}}