.web-design-intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:32px 0 48px;display:grid}.web-design-intro h1{color:var(--q-ink,#1c2636);letter-spacing:-.035em;margin:0;font-size:clamp(36px,4.5vw,58px);font-weight:600;line-height:1.3}.web-design-intro h1 span{color:var(--q-primary,#3155b7)}.web-design-intro p{max-width:65ch;color:var(--q-muted,#5f6a7a);font-size:16px;line-height:1.9}.web-design-delivery{border:1px solid var(--q-line,#dce2ea);background:var(--q-surface,#fff);border-radius:14px;padding:28px}.web-design-delivery strong{font-size:22px;font-weight:600}.web-design-delivery span{color:var(--q-muted,#5f6a7a);font-size:13px;line-height:1.8}.web-template-finder{background:var(--q-surface,#fff);color:var(--q-ink,#1c2636);border:1px solid var(--q-line,#dce2ea);border-radius:14px;padding:28px;scroll-margin-top:24px}.web-template-finder h2,.web-design-notes h2{letter-spacing:-.025em;margin:0;font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.5}.web-finder-description{max-width:72ch;color:var(--q-muted,#5f6a7a);margin:10px 0 20px;font-size:14px;line-height:1.8}.web-request-form{border:1px solid var(--q-line,#dce2ea);background:var(--q-canvas,#f5f7fa);border-radius:12px;overflow:hidden}.web-request-form:focus-within{outline:2px solid var(--q-primary,#3155b7);outline-offset:3px}.web-request-form textarea{resize:vertical;width:100%;min-height:112px;color:inherit;font:inherit;caret-color:var(--q-primary,#3155b7);background:0 0;border:0;outline:none;padding:16px;font-size:15px;line-height:1.8;display:block}.web-request-form textarea::placeholder{color:var(--q-muted,#5f6a7a);opacity:1}.web-request-actions{justify-content:space-between;align-items:center;gap:12px;padding:0 12px 12px;display:flex}.web-request-actions>span{color:var(--q-muted,#5f6a7a);font-variant-numeric:tabular-nums;font-size:12px}.web-request-actions button,.web-template-select{background:var(--q-primary,#3155b7);color:#fff;min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.web-template-finder button:hover{filter:brightness(.94)}.web-template-finder button:disabled{cursor:default;opacity:.55}:is(.web-template-finder button:focus-visible,.web-template-finder a:focus-visible,.web-template-finder summary:focus-visible,.web-template-finder select:focus-visible){outline:2px solid var(--q-primary,#3155b7);outline-offset:3px}.web-request-examples{color:var(--q-muted,#5f6a7a);flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px;font-size:12px;display:flex}.web-request-examples button{min-height:40px;color:var(--q-primary,#3155b7);font:inherit;text-align:left;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:4px 0;line-height:1.6;text-decoration:underline}.web-finder-filters{color:var(--q-muted,#5f6a7a);margin-top:14px;font-size:13px}.web-finder-filters summary{cursor:pointer;width:fit-content;min-height:36px;padding:6px 0}.web-finder-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0;display:grid}.web-finder-selects label{gap:8px;display:grid}.web-finder-selects select{border:1px solid var(--q-line,#dce2ea);width:100%;min-height:44px;color:var(--q-ink,#1c2636);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.web-reset{min-height:40px;color:var(--q-primary,#3155b7);cursor:pointer;background:0 0;border:0;text-decoration:underline}.web-recommendations{border-top:1px solid var(--q-line,#dce2ea);margin-top:28px;padding-top:24px}.web-recommendations-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.web-recommendations-heading h3{margin:0;font-size:22px;font-weight:600}.web-recommendations-heading p{color:var(--q-muted,#5f6a7a);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.7}.web-recommendations-heading>span{color:var(--q-muted,#5f6a7a);flex-shrink:0;font-size:12px}.web-request-conditions{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.web-request-conditions li{background:var(--q-primary-soft,#eaf0ff);color:var(--q-primary,#3155b7);border-radius:6px;padding:5px 10px;font-size:12px}.web-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.web-template-card{border:1px solid var(--q-line,#dce2ea);border-radius:12px;min-width:0;overflow:hidden}.web-template-preview{aspect-ratio:1.6;background:var(--q-canvas,#f5f7fa);display:block;position:relative;overflow:hidden}.web-template-preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.web-template-preview>span{color:var(--q-ink,#1c2636);background:#fff;border-radius:6px;padding:5px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.web-template-info{padding:18px}.web-template-info .web-template-rank{color:var(--q-primary,#3155b7);margin:0 0 8px;font-size:12px;font-weight:600}.web-template-info h4{margin:0;font-size:17px;font-weight:600;line-height:1.6}.web-template-info p{color:var(--q-muted,#5f6a7a);margin:8px 0;font-size:13px;line-height:1.8}.web-template-info ul{margin:12px 0;padding-left:18px;font-size:12px;line-height:1.8}.web-template-reference{min-height:36px;color:var(--q-muted,#5f6a7a);text-underline-offset:4px;align-items:center;font-size:12px;display:inline-flex}.web-template-select{width:100%;margin-top:12px;padding-inline:10px;font-size:13px}.web-finder-footnote,.web-finder-notice{color:var(--q-muted,#5f6a7a);margin:16px 0 0;font-size:12px;line-height:1.8}.web-finder-notice{margin-bottom:14px}.web-finder-error{color:#a12622;font-size:14px}.web-finder-empty{color:var(--q-muted,#5f6a7a);line-height:1.8}.web-finder-empty a{color:var(--q-primary,#3155b7);text-underline-offset:4px}.web-design-notes{padding:56px 0}.web-design-notes p{max-width:72ch;color:var(--q-muted,#5f6a7a);font-size:14px;line-height:1.9}.web-design-footer{border-top:1px solid var(--q-line,#dce2ea);color:var(--q-muted,#5f6a7a);justify-content:center;gap:24px;padding:28px;font-size:13px;display:flex}.agent-workspace .web-template-finder{border:0;border-radius:0;margin:0;padding:20px}.agent-workspace .web-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.web-design-intro{grid-template-columns:1fr;gap:24px}.web-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.web-template-finder{padding:20px 16px}.web-design-intro{gap:16px;padding:20px 0 32px}.web-design-intro h1{font-size:38px}.web-design-delivery{padding:20px}.web-request-actions{flex-direction:column;align-items:flex-start;gap:10px}.web-request-actions button{width:100%}.web-finder-selects{grid-template-columns:1fr}.web-recommendations-heading{flex-direction:column;align-items:flex-start;gap:8px}.web-recommendations-heading h3{font-size:20px}.web-request-examples{flex-direction:column;align-items:flex-start;gap:0}.web-template-grid,.agent-workspace .web-template-grid{grid-template-columns:1fr}}.web-design-delivery{margin:0;padding:0;overflow:hidden}.web-design-delivery img{width:100%;height:auto;display:block}.web-design-delivery figcaption{color:var(--q-muted,#5f6a7a);padding:12px 16px;font-size:12px;line-height:1.8}.web-design-delivery figcaption a{color:var(--q-primary,#3155b7);text-underline-offset:4px;margin-left:12px}@media (max-width:600px){.web-design-intro .web-design-delivery{display:none}}.cover-template-panel{color:var(--q-ink,#1c2636);min-width:0;padding:20px;font-size:14px;line-height:1.55}.cover-template-panel button,.cover-template-panel input,.cover-template-panel select{font:inherit}.cover-panel-heading h3{margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.3}.cover-panel-heading p{color:var(--q-muted,#5f6a7a);max-width:65ch;margin:0 0 20px}.cover-search{background:var(--q-surface,#fff);border:1px solid var(--q-line,#dce2ea);color:var(--q-muted,#5f6a7a);border-radius:10px;align-items:center;gap:9px;padding:10px 12px;display:flex}.cover-search input{width:100%;min-width:0;color:var(--q-ink,#1c2636);background:0 0;border:0;outline:0}.cover-search input::placeholder,.cover-filters input::placeholder{color:var(--q-muted,#5f6a7a)}.cover-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.cover-filters label{color:var(--q-muted,#5f6a7a);flex-direction:column;gap:5px;font-size:12px;display:flex}.cover-filters select,.cover-filters input{border:1px solid var(--q-line,#dce2ea);background:var(--q-surface,#fff);width:100%;min-width:0;height:38px;color:var(--q-ink,#1c2636);border-radius:8px;padding:0 8px}:is(.cover-template-panel button:focus-visible,.cover-template-panel input:focus-visible,.cover-template-panel select:focus-visible){outline:2px solid var(--q-primary,#3155b7);outline-offset:3px}.cover-text-button{color:var(--q-primary,#3155b7);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:5px 0;display:inline-flex}.cover-more-filters{margin:0 0 8px;font-size:12px!important}.cover-conditions{flex-wrap:wrap;gap:6px;margin:8px 0 18px;display:flex}.cover-conditions button{border:1px solid var(--q-line,#dce2ea);background:var(--q-canvas,#f5f7fa);color:var(--q-ink,#1c2636);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;display:flex}.cover-conditions small{color:var(--q-muted,#5f6a7a);font-size:10px}.cover-results-heading{justify-content:space-between;align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}.cover-selected{background:var(--q-primary-soft,#eaf0ff);color:var(--q-primary,#3155b7);border-radius:8px;align-items:flex-start;gap:6px;padding:10px;font-size:12px;display:flex}.cover-selected svg{flex:none;margin-top:2px}.cover-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 12px;display:grid}.cover-template-grid[aria-busy=true]{opacity:.55;pointer-events:none}.cover-template-grid article{min-width:0}.cover-template-open{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.cover-preview{aspect-ratio:3/4;background:var(--q-canvas,#f5f7fa);border:1px solid var(--q-line,#dce2ea);border-radius:12px;position:relative;overflow:hidden}.cover-preview img{object-fit:contain;width:100%;height:100%;display:block}.cover-template-open:hover .cover-preview{border-color:var(--q-primary,#3155b7)}.is-selected .cover-preview{border:2px solid var(--q-primary,#3155b7)}.cover-selection-mark{background:var(--q-primary,#3155b7);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:8px;right:8px}.cover-template-open strong{margin:10px 0 5px;font-size:14px;font-weight:600;line-height:1.4;display:block}.cover-template-open>span{color:var(--q-muted,#5f6a7a);min-height:38px;font-size:12px;display:block}.cover-use{border:1px solid var(--q-primary,#3155b7);width:100%;color:var(--q-primary,#3155b7);background:var(--q-surface,#fff);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin-top:10px;padding:8px;transition:background .15s;display:flex}.cover-use:hover,.cover-use[aria-pressed=true]{background:var(--q-primary,#3155b7);color:#fff}.cover-template-panel button:disabled{opacity:.5;cursor:default}.cover-alternatives{justify-content:space-between;align-items:center;gap:5px;margin-top:5px;display:flex}.cover-alternatives button{color:var(--q-muted,#5f6a7a);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:5px 0;font-size:12px;display:inline-flex}.cover-alternatives button:hover{color:var(--q-primary,#3155b7)}.cover-adaptation{color:var(--q-muted,#5f6a7a);margin:6px 0 0;font-size:11px}.cover-empty{text-align:center;padding:30px 10px;line-height:1.7}.cover-empty button{border:1px solid var(--q-line,#dce2ea);background:var(--q-surface,#fff);cursor:pointer;border-radius:8px;padding:8px 12px}.cover-library-note{color:var(--q-muted,#5f6a7a);margin:24px 0 0;font-size:11px;line-height:1.7}.cover-library-note span{display:block}.cover-pagination{justify-content:center;align-items:center;gap:18px;margin:24px 0;display:flex}.cover-pagination button{border:1px solid var(--q-line,#dce2ea);background:var(--q-surface,#fff);color:inherit;cursor:pointer;border-radius:6px;place-items:center;padding:7px;display:grid}.cover-template-detail h3{margin:18px 0;font-size:18px}.cover-detail-image{object-fit:contain;background:var(--q-canvas,#f5f7fa);border-radius:10px;width:100%;height:auto;max-height:65vh}.cover-template-detail p{color:var(--q-muted,#5f6a7a);font-size:13px}.cover-source{color:var(--q-primary,#3155b7);margin:16px 0;font-size:12px;display:block}.cover-inline-notice,.cover-similar{color:var(--q-muted,#5f6a7a);margin:14px 0;font-size:12px;line-height:1.6}.cover-similar button{margin-left:8px}.cover-template-panel.is-landing{padding:0}.is-landing .cover-template-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px}.is-landing.is-browse .cover-template-grid,.is-landing .cover-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.is-landing .cover-search{max-width:760px}.is-landing .cover-template-detail{max-width:600px;margin:auto}@media (max-width:760px){.cover-template-panel{padding:16px}.is-landing .cover-template-grid,.is-landing.is-browse .cover-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.is-landing .cover-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}