.templates-module__n-UGqa__container{flex-direction:column;gap:20px;width:100%;max-width:100%;margin:0;display:flex}.templates-module__n-UGqa__scratchBtn{border-radius:var(--radius-md);border:1px solid var(--color-glass-stroke);background:var(--color-surface-container-low);height:40px;color:var(--color-on-surface);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) ease;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.templates-module__n-UGqa__scratchBtn:hover{border-color:var(--color-primary)}.templates-module__n-UGqa__scratchBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.templates-module__n-UGqa__toolbar{z-index:5;background:var(--color-background);flex-direction:column;gap:12px;padding:4px 0 12px;display:flex;position:sticky;top:0}.templates-module__n-UGqa__chipRow{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.templates-module__n-UGqa__chipRow::-webkit-scrollbar{display:none}.templates-module__n-UGqa__chip{border-radius:var(--radius-full);border:1px solid var(--color-glass-stroke);height:34px;color:var(--color-on-surface-variant);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) ease, border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:0 0;flex-shrink:0;padding:0 14px;font-weight:500}.templates-module__n-UGqa__chip:hover{color:var(--color-on-surface);border-color:var(--color-primary)}.templates-module__n-UGqa__chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.templates-module__n-UGqa__chipActive{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm);font-weight:600}.templates-module__n-UGqa__controlRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.templates-module__n-UGqa__searchWrap{flex:1;min-width:220px;position:relative}.templates-module__n-UGqa__searchIcon{color:var(--color-on-surface-variant);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.templates-module__n-UGqa__searchInput{border-radius:var(--radius-md);border:1px solid var(--color-glass-stroke);background:var(--color-glass-fill);width:100%;height:40px;color:var(--color-on-surface);font-size:var(--text-sm);padding:0 12px 0 34px}.templates-module__n-UGqa__searchInput::placeholder{color:var(--color-on-surface-variant)}.templates-module__n-UGqa__searchInput:focus{border-color:var(--color-primary);outline:none}.templates-module__n-UGqa__selectWrap{position:relative}.templates-module__n-UGqa__select{border-radius:var(--radius-md);border:1px solid var(--color-glass-stroke);background:var(--color-glass-fill);height:40px;color:var(--color-on-surface);font-size:var(--text-sm);cursor:pointer;appearance:none;padding:0 34px 0 14px;font-weight:500}.templates-module__n-UGqa__select:focus{border-color:var(--color-primary);outline:none}.templates-module__n-UGqa__select option{background:var(--color-surface);color:var(--color-on-surface)}.templates-module__n-UGqa__selectChevron{color:var(--color-on-surface-variant);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.templates-module__n-UGqa__count{font-size:var(--text-sm);color:var(--color-on-surface-variant);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.templates-module__n-UGqa__clearBtn{color:var(--color-primary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.templates-module__n-UGqa__clearBtn:hover{text-decoration:underline}.templates-module__n-UGqa__clearBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.templates-module__n-UGqa__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:28px;width:100%;display:grid}.templates-module__n-UGqa__card{background:var(--color-glass-fill);border:1px solid var(--color-glass-stroke);max-width:100%;box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.templates-module__n-UGqa__card:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.templates-module__n-UGqa__cover{border:none;border-bottom:1px solid var(--color-glass-stroke);background:var(--color-surface-container-lowest);cursor:pointer;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.templates-module__n-UGqa__cover:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.templates-module__n-UGqa__coverOverlay{background:color-mix(in srgb, var(--color-background) 55%, transparent);color:var(--color-on-surface);font-size:var(--text-sm);opacity:0;transition:opacity var(--duration-normal) var(--ease-default);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:absolute;inset:0}.templates-module__n-UGqa__cover:hover .templates-module__n-UGqa__coverOverlay,.templates-module__n-UGqa__cover:focus-visible .templates-module__n-UGqa__coverOverlay{opacity:1}.templates-module__n-UGqa__cardFooter{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.templates-module__n-UGqa__cardTitleRow{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.templates-module__n-UGqa__cardTitle{font-family:var(--font-sora);font-size:var(--text-base);color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.templates-module__n-UGqa__cardAspect{font-size:var(--text-xs);color:var(--color-on-surface-variant);font-variant-numeric:tabular-nums;border-radius:var(--radius-full);background:var(--color-surface-container-high);flex-shrink:0;padding:2px 8px;font-weight:600}.templates-module__n-UGqa__cardMeta{font-size:var(--text-xs);color:var(--color-on-surface-variant);margin:0}.templates-module__n-UGqa__useBtn{border-radius:var(--radius-md);background:var(--color-primary);height:38px;color:var(--color-on-primary);font-size:var(--text-sm);cursor:pointer;transition:filter var(--duration-fast) ease;border:none;margin-top:4px;font-weight:600}.templates-module__n-UGqa__useBtn:hover{filter:brightness(1.08)}.templates-module__n-UGqa__useBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}