.modal-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);width:100%;max-width:400px;padding:20px 22px;box-shadow:0 20px 50px #00000080}.modal-dialog__title{margin:0 0 8px;font-size:1.1rem;font-weight:600}.modal-dialog__text{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.theme-preset-grid{flex-wrap:wrap;gap:12px;display:flex}.theme-preset-option{cursor:pointer;align-items:center;gap:6px;display:flex}.theme-preset-option.is-locked{cursor:not-allowed;opacity:.7}.appearance-modal__canvas-tools{border-top:1px solid var(--border);margin:0 0 14px;padding-top:14px}.appearance-modal__canvas-tools .muted{margin:6px 0 8px}.appearance-modal__editor-layout{border-bottom:1px solid var(--border);margin:0 0 14px;padding-bottom:14px}.appearance-modal__editor-layout .editor-layout-theme{width:100%}.appearance-modal__editor-layout .editor-layout-theme__select{flex:1;min-width:0;max-width:none}.modal-dialog__checks{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.modal-dialog__check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;line-height:1.35;display:flex}.modal-dialog__check input{flex-shrink:0;margin-top:3px}.modal-dialog__check-desc{color:var(--muted);margin-top:2px;font-size:12px;display:block}.modal-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal-dialog--upgrade{max-width:440px}.upgrade-offer__title{margin:0 0 10px;font-size:1.1rem;font-weight:600}.upgrade-offer__text{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.upgrade-offer__plans{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.upgrade-offer__plan{border-radius:var(--radius);color:#fff;background:linear-gradient(165deg,#234d3a 0%,#14261c 100%);border:1px solid #ffffff1f;padding:14px 14px 16px}.upgrade-offer__plan--highlight{border-color:#81c7848c;box-shadow:0 0 0 1px #81c78433}.upgrade-offer__plan-badge{letter-spacing:.04em;text-transform:uppercase;color:#4e793d;background:#fffffff0;border-radius:6px;margin-bottom:10px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.upgrade-offer__plan-title{color:#fff;margin:0 0 6px;font-size:1rem;font-weight:600}.upgrade-offer__plan-price{color:#fff;margin:0 0 8px;font-size:14px}.upgrade-offer__plan-price strong{color:#fff}.upgrade-offer__plan-desc{color:#ffffffe0;margin:0 0 12px;line-height:1.45}.upgrade-offer__plan .btn{color:#153822;background:#fff;border-color:#fff}.upgrade-offer__plan .btn:hover:not(:disabled){filter:brightness(.97)}.upgrade-offer__plan .btn--ghost{color:#fff;background:#ffffff1f;border-color:#ffffff73}.upgrade-offer__plan .btn--ghost:hover:not(:disabled){color:#fff;background:#ffffff38;border-color:#ffffff8c}.upgrade-offer__plan .btn:disabled{opacity:.5}.upgrade-offer__includes{margin:0 0 12px}.upgrade-offer__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.upgrade-pricing-page__card{max-width:480px;margin:0 auto}.my-designs-modal.modal-dialog{width:100%;max-width:min(960px,100vw - 32px);max-height:min(88vh,920px);overflow:auto}.pattern-gallery-modal.modal-dialog{width:100%;max-width:min(1100px,100vw - 32px);max-height:min(90vh,960px);overflow:auto}.save-cloud-modal.modal-dialog{max-width:min(440px,100vw - 32px)}.save-cloud-visibility{border:none;margin:14px 0 0;padding:0}.save-cloud-visibility legend{margin-bottom:6px;padding:0}.save-cloud-tags{margin-top:12px}.save-cloud-success-card{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;margin-top:14px;padding:12px 14px}.share-to-social{flex-direction:column;gap:8px;display:flex}.share-to-social__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.share-to-social__icons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-to-social__btn{border:1px solid var(--border);width:40px;height:40px;color:inherit;cursor:pointer;box-sizing:border-box;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.share-to-social__btn:hover{background:#ffffff1f}.share-to-social__btn:focus-visible{outline-offset:2px;outline:2px solid #caa24aa6}.share-to-social__mono-letter{text-transform:lowercase;font-family:system-ui,-apple-system,sans-serif;font-size:15px;font-weight:800;line-height:1}.share-to-social__copied{margin-top:2px;display:block}.pattern-gallery-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 14px;display:flex}.pattern-gallery-search{flex:1;min-width:160px}.pattern-gallery-count{flex-shrink:0}.pattern-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.pattern-gallery-content{position:relative}.pattern-gallery-content--teaser .pattern-gallery-grid{filter:blur(4px);opacity:.78;pointer-events:none;-webkit-user-select:none;user-select:none}.pattern-gallery-teaser-overlay{place-items:start center;padding:12px 16px 16px;display:grid;position:absolute;inset:0}.pattern-gallery-teaser-card{border:1px solid var(--border);text-align:center;color:#f3f6ee;background:#141820d1;border-radius:14px;width:min(380px,100% - 24px);max-width:380px;padding:14px 16px;box-shadow:0 12px 30px #00000057}.pattern-gallery-teaser-card h3{margin:0 0 8px}.pattern-gallery-teaser-card p{margin:0 0 10px}.pattern-gallery-teaser-card .muted{color:#f3f6eee6}.pattern-gallery-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000014}.pattern-gallery-card__thumb{aspect-ratio:1;border-bottom:1px solid var(--border);background:repeating-conic-gradient(#e4e6ee 0% 25%,#fafbfc 0% 50%) 50%/14px 14px;max-height:200px}.pattern-gallery-card__body{padding:10px 12px 12px}.pattern-gallery-card__title{margin-bottom:4px;font-size:14px;font-weight:600}.pattern-gallery-card__author{flex-wrap:wrap;align-items:flex-end;gap:6px 10px;margin-bottom:6px;display:flex}.pattern-gallery-card__author-label{align-self:center}.pattern-gallery-card__tags{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.pattern-gallery-tag{background:var(--accent-dim);color:var(--text);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.pattern-gallery-card__actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pattern-gallery-comments{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.pattern-gallery-comment-list{max-height:160px;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.pattern-gallery-comment{margin-bottom:8px;font-size:12px}.pattern-gallery-comment__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.pattern-gallery-comment-input{resize:vertical;width:100%;min-height:48px;margin-bottom:8px}.my-designs-gallery{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.my-designs-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000024}.my-designs-card__thumb{aspect-ratio:1;border-bottom:1px solid var(--border);background:repeating-conic-gradient(#e4e6ee 0% 25%,#fafbfc 0% 50%) 50%/14px 14px;justify-content:center;align-items:center;max-height:220px;display:flex}.my-designs-card__body{padding:10px 12px 12px}.my-designs-card__title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.my-designs-card__author{flex-wrap:wrap;align-items:flex-end;gap:6px 10px;margin-bottom:6px;display:flex}.my-designs-card__author-label{align-self:center}.my-designs-card__meta{margin-bottom:10px;line-height:1.35}.my-designs-card__actions{flex-wrap:wrap;gap:6px;display:flex}.cloud-design-thumb,.cloud-design-thumb--loading,.cloud-design-thumb--empty{flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.cloud-design-thumb--loading{background:linear-gradient(90deg,#0000,#38bdf81f,#0000) 0 0/200% 100%;animation:1.1s ease-in-out infinite cloud-thumb-shimmer}.cloud-design-thumb--empty{opacity:.4;background:radial-gradient(circle at 50% 50%, var(--muted) 0%, transparent 62%)}.cloud-design-thumb__img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.modal-backdrop .modal-dialog input.stat-input{-webkit-text-fill-color:var(--text);background:var(--bg-elevated)!important;color:var(--text)!important;border:1px solid var(--border)!important}.modal-backdrop .modal-dialog input.stat-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-backdrop .modal-dialog input:-webkit-autofill{caret-color:var(--text);box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;-webkit-text-fill-color:var(--text)!important}.modal-backdrop .modal-dialog input:-webkit-autofill:hover{caret-color:var(--text);box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;-webkit-text-fill-color:var(--text)!important}.modal-backdrop .modal-dialog input:-webkit-autofill:focus{caret-color:var(--text);box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;box-shadow:0 0 0 1000px var(--bg-elevated) inset!important;-webkit-text-fill-color:var(--text)!important}.profile-modal.modal-dialog{max-width:480px;max-height:90vh;overflow:auto}.profile-modal__section{margin-top:14px}.profile-modal__section--border{border-top:1px solid var(--border);padding-top:16px}.profile-modal__heading{margin:0 0 8px;font-size:14px;font-weight:600}.profile-modal__bio{resize:vertical;min-height:74px}.profile-modal__counter{margin-top:4px}.profile-modal__avatar-row{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:10px;margin-bottom:10px;display:grid}.profile-modal__avatar-preview{border:1px solid var(--border);background:var(--bg);border-radius:14px;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.profile-modal__avatar-preview img{object-fit:cover;width:100%;height:100%}.profile-modal__avatar-actions{flex-wrap:wrap;gap:6px;display:flex}.profile-modal__featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin-top:8px;display:grid}.profile-modal__featured-item{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.profile-modal__featured-item.is-on{background:#9dc55e2e;border-color:#9dc55e61}.profile-modal__featured-item input{width:16px;height:16px}.profile-modal__featured-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.profile-modal__font-row{flex-wrap:wrap;gap:8px 14px;margin:8px 0 10px;display:flex}.profile-modal__font-option{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.profile-modal__color-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.profile-modal__color-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:44px;height:32px;padding:0}.profile-modal__toggle-row{gap:18px;margin:8px 0;display:flex}.profile-modal__check{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.profile-modal__preview{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);padding:10px 12px}.profile-modal__actions-row{flex-wrap:wrap;gap:8px;display:flex}.profile-modal__emoji-row{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.profile-modal__emoji-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:1.25rem;line-height:1}.profile-modal__emoji-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.contact-modal.modal-dialog{width:min(560px,100vw - 26px)}.contact-textarea{resize:vertical;min-height:140px;font:inherit}