.template-picker{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.template-picker-scroll{--template-picker-fade-top:0px;--template-picker-fade-bottom:0px;overscroll-behavior:contain;max-height:clamp(240px,100vh - 260px,640px);-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--template-picker-fade-top), black calc(100% - var(--template-picker-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--template-picker-fade-top), black calc(100% - var(--template-picker-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--template-picker-fade-top), black calc(100% - var(--template-picker-fade-bottom)), transparent);margin:-2px;padding:2px;overflow-y:auto}.template-picker-scroll[data-fade-top=true]{--template-picker-fade-top:28px}.template-picker-scroll[data-fade-bottom=true]{--template-picker-fade-bottom:40px}.template-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-picker-gallery .template-picker-scroll{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.template-picker-gallery .template-picker-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:20px}.template-picker-gallery .template-card{gap:14px;padding:10px 10px 14px}.template-picker-gallery .template-card-name{font-size:15px}.template-picker-gallery .template-card-description{font-size:13px}.template-card{border:1px solid var(--dk-border,var(--border));corner-shape:squircle;background:var(--dk-surface,var(--surface));color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:8px 8px 10px;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.template-card:hover,.template-card:focus-visible{border-color:var(--dk-border-strong,var(--text));background:var(--dk-surface-2,var(--surface-2))}.template-card:active{transform:scale(.99)}.template-card:disabled{cursor:default;opacity:.6}.template-card-preview{aspect-ratio:16/10;corner-shape:squircle;background:var(--dk-surface-2,var(--surface-2));border-radius:8px;display:block;overflow:hidden}.template-card-preview img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.template-card-scratch-preview{background:radial-gradient(circle at center, var(--dk-surface,var(--surface)), transparent 70%), var(--dk-surface-2,var(--surface-2));place-items:center;display:grid}.template-card-scratch-page{aspect-ratio:4/5;border:1px dashed var(--dk-border,var(--border));background:var(--dk-surface,var(--surface));width:35%;color:var(--dk-muted,var(--muted));border-radius:12px;place-items:center;display:grid;box-shadow:0 8px 24px #0000000a}.template-card-scratch-page .icon{width:24px;height:24px}.template-card-body{flex-direction:column;gap:3px;min-width:0;padding:0 2px;display:flex}.template-card-name{font-size:13px;font-weight:600}.template-card-description{color:var(--dk-muted,var(--muted));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.template-card-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.template-card-tags>span{corner-shape:squircle;background:var(--dk-surface-2,var(--surface-2));color:var(--dk-muted,var(--muted));border-radius:6px;padding:2px 7px;font-size:11px}.template-card-skeleton{cursor:default;background:linear-gradient(90deg, var(--dk-surface,var(--surface)), var(--dk-surface-2,var(--surface-2)), var(--dk-surface,var(--surface)));background-size:200% 100%;min-height:150px;animation:1.4s ease-in-out infinite template-card-shimmer}@keyframes template-card-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.template-picker-empty{border:1px solid var(--dk-border,var(--border));corner-shape:squircle;border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.template-picker-empty p{color:var(--dk-muted,var(--muted));margin:0;line-height:1.5}.modal.new-project-modal.new-project-modal-wide{width:min(640px,100vw - 32px)}.new-project-modal-wide .modal-body{flex:auto;overflow:hidden}.new-project-modal-wide .modal-head,.new-project-modal-wide .modal-foot,.new-project-modal-wide .modal-body>input,.new-project-modal-wide .new-project-error{flex-shrink:0}.new-project-modal-wide .template-picker,.new-project-modal-wide .template-picker-scroll{flex:auto;min-height:0}.new-project-modal-wide .template-picker-scroll{max-height:none}@media (max-width:480px){.template-picker-grid{grid-template-columns:1fr}}.template-picker-strip{box-sizing:border-box;flex:none;align-self:center;width:min(100%,760px);margin:22px auto 18px;padding-inline:24px;container-type:inline-size}.template-strip-heading{color:var(--dk-muted,var(--muted));margin-bottom:2px;font-size:12px;font-weight:500}.template-picker-strip .template-picker-scroll{max-height:none;padding-bottom:6px;overflow:auto hidden;-webkit-mask-image:none;mask-image:none}.template-picker-strip .template-picker-grid{grid-template-columns:repeat(5,minmax(116px,1fr));gap:10px}.template-picker-strip .template-card{border-radius:12px;gap:8px;min-width:0;padding:5px 5px 8px}.template-picker-strip .template-card-preview{aspect-ratio:16/10;border-radius:7px;width:100%}.template-picker-strip .template-card-name{white-space:nowrap;font-size:11px;font-weight:500}.template-picker-strip .template-card-skeleton{min-height:110px}@container (max-width:420px){.template-picker-strip .template-picker-grid{grid-template-columns:repeat(5,132px)}}@media (prefers-reduced-motion:reduce){.template-card{transition:none}.template-card-skeleton{animation:none}}