/* Public template library and the signed-in design hand-off. */
.template-library{max-width:1440px;margin:auto}.library-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding:34px 0 50px}.library-hero h1{font-size:clamp(36px,4.4vw,68px);line-height:1.07;letter-spacing:-2.8px;margin:20px 0 22px}.library-hero em{font-style:normal;color:#087e79}.library-hero p{font-size:17px;line-height:1.8;max-width:590px;color:var(--muted)}.library-hero .actions{margin:26px 0 20px}.template-library .button svg{width:17px;height:17px}.library-hero-note{display:block;max-width:530px;font-size:12px;color:var(--muted);line-height:1.7}.library-hero-stack{position:relative;height:340px;isolation:isolate;pointer-events:none;background:radial-gradient(ellipse,#cfe8df 0,transparent 70%)}.library-hero-stack>div{position:absolute;inset:35px 40px 20px;border:7px solid #fff;border-top:20px solid #fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #163f402b;background:white;transform:rotate(-9deg) translate(-20px,-10px)}.library-hero-stack>div:nth-child(2){transform:rotate(9deg) translate(36px,-15px)}.library-hero-stack>div:nth-child(3){transform:rotate(-2deg) translate(0,15px)}.library-hero-stack img{width:100%;height:100%;object-fit:cover;object-position:top}.library-steps{display:flex;gap:24px;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#36535d;font-size:13px}.library-steps b{color:#078a81;font-size:11px;margin-right:10px;background:#e0f2ec;border-radius:50%;padding:9px}.library-designs{padding-top:46px;scroll-margin-top:20px}.library-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.library-section-heading h2{font-size:32px;letter-spacing:-1px;margin:8px 0}.library-section-heading>a{display:flex;align-items:center;gap:10px;font-size:13px}.library-section-heading svg{width:18px;height:18px}.library-filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(135px,1fr) minmax(135px,1fr) auto;gap:14px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.library-filters input,.library-filters select{margin-bottom:0;height:44px}.library-filters button{height:44px}.library-results{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:12px;padding:9px 1px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.library-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:box-shadow .18s,border-color .18s}.library-card:hover,.library-card:focus-within{border-color:#88bfb6;box-shadow:0 12px 28px #183d3910}.library-card-art{display:block;position:relative;height:245px;background:#e6eeed;padding:20px 20px 0;overflow:hidden;border-bottom:1px solid var(--line)}.library-card-art>img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;border-radius:6px 6px 0 0;box-shadow:0 2px 15px #1c363321;transition:transform .4s}.library-card:hover .library-card-art>img{transform:translateY(-7px)}.library-preview-label{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:9px;background:#fff;color:#164742;box-shadow:0 4px 20px #0002;border:1px solid #d2e5df;border-radius:99px;padding:9px 15px;font-size:11px;font-weight:700}.library-preview-label svg{width:15px;height:15px}.library-card-copy{padding:20px}.library-tag{display:inline-block;font-size:10px;font-weight:700;color:#087a73;text-transform:uppercase;letter-spacing:.8px}.library-card h2{font-size:17px;line-height:1.4;margin:9px 0}.library-card h2 a{color:var(--ink);text-decoration:none}.library-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.library-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.library-card-actions .button{font-size:11px;min-height:38px;padding:9px 12px;background:#eaf6f2;color:#086d65;border-color:#cde5de}.library-shared-art{height:100%;display:flex;flex-direction:column;justify-content:center;padding:25px;gap:10px;background:linear-gradient(135deg,#c9e9de,#e1e5f6);border-radius:8px 8px 0 0;color:#174d48}.library-shared-art svg{width:34px;height:34px}.library-shared-art strong{font-size:24px;line-height:1.15;overflow-wrap:anywhere}.library-shared-art span{font-size:11px}.library-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:35px 0 10px;font-size:12px}.library-share{margin:60px 0 25px;background:#163b3e;border-radius:22px;color:white;padding:42px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.library-share>div>svg{display:block;width:33px;height:33px;color:#75d3bd;margin-bottom:20px}.library-share .eyebrow{color:#91dbca}.library-share h2{font-size:32px;letter-spacing:-.9px;line-height:1.2;margin:14px 0}.library-share p{color:#bdd5d6;max-width:630px;line-height:1.8}.library-share .actions{display:flex;flex-direction:column;align-items:start;gap:20px;justify-self:center}.library-share a:not(.button){color:#b0e2d8}.library-share .primary{background:#b5ecdb;color:#143f39}.library-empty{grid-column:1/-1;text-align:center;background:white;border:1px dashed #b7d3cd;border-radius:16px;padding:55px 20px}.library-empty svg{width:42px;height:42px;color:#298e82}.library-back{display:inline-block;margin:0 0 30px;font-size:13px}.library-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.library-detail-heading h1,.library-use h1{font-size:clamp(30px,3vw,46px);letter-spacing:-1.5px;line-height:1.15;margin:16px 0}.library-detail-heading p,.library-use>p{max-width:750px;color:var(--muted);line-height:1.8}.library-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:30px}.library-full-preview{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.library-full-preview>img{display:block;width:100%;height:auto}.library-full-preview>iframe{display:block;width:100%;height:76vh;min-height:440px;border:0}.library-browser-bar{display:flex;align-items:center;gap:6px;padding:14px;background:#e6eeed;color:#597374;font-size:10px}.library-browser-bar i{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#a5bdb9}.library-browser-bar span{margin-left:8px}.library-how{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;position:sticky;top:25px}.library-how h2{font-size:23px;line-height:1.3;letter-spacing:-.5px}.library-how ol{padding-left:18px}.library-how li{padding-left:4px;margin:19px 0;color:#57717b;font-size:13px;line-height:1.7}.library-how li strong{display:block;color:var(--ink)}.library-how li span{display:block;margin-top:4px}.library-how>.button{display:flex;justify-content:center;margin:12px 0}.library-how>a:last-child{display:block;font-size:12px;margin-top:18px}.library-how p{color:var(--muted);font-size:12px;line-height:1.8}.library-use-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:28px;margin-top:28px}.library-use .card{margin:0}.library-use .card h2{font-size:26px;margin:18px 0 14px}.library-use .card p{line-height:1.8;color:var(--muted)}.library-use .card form{display:grid;gap:12px;margin-top:25px}.library-use .card form button{justify-self:start}.library-step-number{background:#e1f4ee;color:#087d70;border-radius:50%;display:inline-grid;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700}.library-pending,.library-starter{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;background:#e6f6ef;border:1px solid #bde2d1;border-radius:12px;font-size:12px;color:#1c5c4e;margin:0 0 22px}.library-pending span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.library-pending svg{width:19px;height:19px}.library-pending a{font-weight:700;white-space:nowrap}.library-starter{margin:0;border-radius:0;flex-shrink:0}.library-starter button{padding:7px 12px;min-height:30px;font-size:11px}.editor-host:has(.library-starter){display:flex;flex-direction:column}.editor-host:has(.library-starter)>iframe{flex:1;min-height:0}
@media(max-width:1100px){.library-hero{gap:20px}.library-hero h1{font-size:46px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{grid-template-columns:2fr 1fr}.library-detail-layout{grid-template-columns:minmax(0,1fr) 270px}.library-hero-stack>div{inset:40px 45px}}
@media(max-width:760px){.library-hero{display:block;padding:12px 0 24px}.library-hero h1{font-size:42px;letter-spacing:-1.8px}.library-hero p{font-size:15px}.library-hero-stack{height:240px;margin-top:12px;max-width:460px}.library-hero-stack>div{inset:20px 45px}.library-steps{gap:16px;flex-direction:column;line-height:1.7}.library-steps b{padding:6px}.library-section-heading{display:block}.library-section-heading>a{margin-top:14px}.library-filters{padding:16px;grid-template-columns:1fr 1fr;gap:12px}.library-search{grid-column:1/-1}.library-filters button{grid-column:1/-1}.library-results>span{display:none}.library-grid{gap:15px}.library-card-art{height:210px;padding:12px 12px 0}.library-card-copy{padding:16px}.library-card-actions{flex-wrap:wrap}.library-share{padding:27px;display:block;margin-top:35px}.library-share h2{font-size:28px}.library-share .actions{margin-top:23px;align-items:start}.library-detail-heading{display:block}.library-detail-heading>.button{margin-top:15px}.library-detail-layout,.library-use-layout{display:flex;flex-direction:column-reverse}.library-use-layout{flex-direction:column}.library-how{position:static;width:100%;box-sizing:border-box}.library-full-preview{width:100%}.library-use-layout .card{box-sizing:border-box;width:100%}.library-use .card form button{justify-self:stretch}.library-pending{align-items:start;flex-direction:column}.library-pending a{white-space:normal}.library-pagination{gap:12px}.library-pagination .button{padding:10px}.library-starter{font-size:11px;padding:9px 12px}}
@media(max-width:500px){.library-grid{grid-template-columns:1fr}.library-card-art{height:260px;padding:20px 20px 0}.library-hero h1{font-size:38px}.library-hero-stack{height:215px}.library-filters{grid-template-columns:1fr}.library-search{grid-column:auto}.library-results{font-size:11px}.library-pagination{flex-wrap:wrap}}

.library-use .library-form-error{padding:14px 16px;border:1px solid #f0c2c4;border-radius:10px;background:#fff1f2;color:#92243b;line-height:1.6}

/* Snapshot previews also work in the public community collection. */
.library-card-art>.library-snapshot-window{height:100%;aspect-ratio:auto;position:relative;background:white;border-radius:6px 6px 0 0;overflow:hidden;pointer-events:none}.library-card-art>.library-snapshot-window iframe{display:block;border:0;width:100%;height:100%;transform-origin:top left;pointer-events:none;background:white}.account-library-header{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:12px 0 30px}.account-library-header h1{font-size:clamp(34px,3.3vw,49px);line-height:1.08;letter-spacing:-1.8px;margin:16px 0}.account-library-header em{font-style:normal;color:#087e79}.account-library-header p{max-width:630px;color:var(--muted);font-size:14px;line-height:1.8}.account-library-header .actions{display:flex;flex-direction:column;align-items:start;gap:18px;flex:none;font-size:12px}.account-library-counts{display:block;color:#578376;font-size:11px;margin-top:18px}.account-library .library-designs{padding-top:5px}.account-library .library-share{margin-top:38px;padding:30px}.account-library .library-share h2{font-size:28px}.account-library .library-card-art{height:210px}.account-library .library-grid{gap:20px}
@media(max-width:1100px){.account-library-header{display:block}.account-library-header .actions{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:20px}}@media(max-width:760px){.account-library-header h1{font-size:38px;letter-spacing:-1.2px}.account-library .library-card-art{height:220px}.account-library-header .actions{gap:15px}.account-library .library-share{padding:25px}}