/* GX local design library. Reference: WonderBlocks rail/catalog anatomy;
   governed GX tokens/assets, never the donor host's global stylesheet. */
.draft-recovery{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin:12px 0;border:1px solid #cadced;border-radius:8px;background:#f4f8fd;color:#17385f;overflow-wrap:anywhere}.draft-recovery strong{font-size:13px}.draft-recovery p{font-size:12px;line-height:1.65;margin:4px 0 0;max-width:80ch}.draft-recovery .actions{flex-shrink:0;max-width:100%;flex-wrap:wrap}.draft-recovery-pending{background:#fff8e9;border-color:#d5b574;color:#573d10}.editor-issues{display:grid;gap:12px;margin:20px 0;max-height:48dvh;overflow:auto}.editor-issues>div{border:1px solid var(--line);padding:12px;border-radius:6px}.editor-issues p{margin:0 0 10px;overflow-wrap:anywhere}@media(max-width:700px){.draft-recovery{align-items:stretch;flex-direction:column}.draft-recovery .actions{flex-wrap:wrap}.draft-recovery .actions button{flex:1}.editor-bar>.actions{flex-wrap:wrap}}
#pattern-library{width:min(1480px,calc(100vw - 48px));height:min(900px,calc(100dvh - 64px));max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
.pattern-shell{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%}.pattern-rail{padding:28px 18px;border-right:1px solid var(--line)}.pattern-rail h2{font-size:21px;letter-spacing:-.7px;line-height:1.2;margin:4px 0 24px}.pattern-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px}.pattern-tabs button{border:0;border-radius:0;flex:1;padding:12px 5px;font-size:13px;background:transparent;font-weight:400}.pattern-tabs button[aria-pressed=true]{border-bottom:3px solid var(--blue);color:#0056bd;font-weight:700}.pattern-rail nav{display:grid;gap:8px}.pattern-rail nav button{border:0;background:transparent;text-align:left;padding:13px 14px;font-size:14px;font-weight:400}.pattern-rail nav button[aria-pressed=true]{background:#eaf3ff;color:#0056bd;font-weight:700}.pattern-rail-note{font-size:11px;color:var(--muted);line-height:1.8;margin:30px 14px}.pattern-main{overflow:auto;min-width:0;padding:20px}.pattern-toolbar{display:flex;gap:14px;align-items:end;padding-bottom:15px;position:sticky;top:-20px;background:#fff;z-index:2}.pattern-toolbar label{margin:0;font-size:11px}.pattern-toolbar label input,.pattern-toolbar label select{margin-top:5px;min-height:42px}.pattern-search{flex:1;min-width:120px}.pattern-toolbar button{display:flex;align-items:center;gap:6px;white-space:nowrap}.pattern-toolbar button[aria-pressed=true]{background:#eaf3ff;color:#0056bd;border-color:#0078ff}.pattern-toolbar svg,.pattern-heart svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}.pattern-count{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding:8px 0 16px}.pattern-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pattern-card{border:1px solid var(--line);border-radius:6px;padding:12px;background:#fff;min-width:0;overflow:hidden}.pattern-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding-top:15px}.pattern-card h3{font-size:14px;line-height:1.4;margin:0 0 5px;letter-spacing:-.2px}.pattern-card p{font-size:11px;line-height:1.55;margin:0;color:var(--muted)}.pattern-card-footer>button:not(.pattern-heart){font-size:11px;padding:8px 10px;color:#0058c7;background:#eaf3ff;border:0}.pattern-heart{border:0;padding:8px;background:none}.pattern-heart[aria-pressed=true] svg{fill:#0078ff;stroke:#0056bd}.pattern-preview{height:258px;overflow:hidden;background:#f9fbfd;pointer-events:none;position:relative;border-radius:3px}.pattern-preview:after{content:'';position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(transparent,#fff)}.pattern-preview .gx-rich{min-height:100%;padding:26px}.pattern-preview .gx-rich h2{font:700 26px/1.08 Georgia,serif;letter-spacing:-.65px}.pattern-preview .gx-rich p,.pattern-preview .gx-rich li{font:400 12px/1.65 Arial,sans-serif;color:inherit}.pattern-preview .gx-rich-split{gap:20px;padding:0;min-height:258px}.pattern-preview .gx-rich-split>div{padding:25px 20px 20px 0}.pattern-preview .gx-rich-split img{min-height:258px;height:100%;object-fit:cover}.pattern-preview .gx-rich-split figure{height:100%}.pattern-preview .gx-rich-split h2{font-size:24px}.pattern-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding:17px 24px;font-size:12px;color:var(--muted);background:#fff}.pattern-empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted)}.pattern-detail{height:100%;overflow:auto}.pattern-detail>header{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.pattern-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;padding:28px}.pattern-detail-grid>aside{position:sticky;top:94px;align-self:start}.pattern-detail-grid aside h2{font-size:27px;line-height:1.15}.pattern-detail-grid aside p{font-size:13px;color:var(--muted)}.pattern-detail-grid aside button{width:100%;margin:8px 0 18px}.pattern-detail-grid aside small{display:block;font-size:11px;line-height:1.8}.pattern-detail-preview{border:1px solid var(--line);min-width:0}.pattern-detail-preview .gx-rich{padding:35px}.pattern-detail-preview .gx-rich-split{padding:0}.pattern-detail-preview .gx-rich-split>div{padding:25px}
.gx-rich{color:#061a3a;background:white;overflow-wrap:anywhere;padding:28px 0}.gx-rich h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:0 0 18px}.gx-rich p,.gx-rich li{font-size:15px;line-height:1.8;color:inherit}.gx-rich p:last-child{margin-bottom:0}.gx-rich blockquote{border-left:3px solid #0078ff;margin:0;padding:0 0 0 24px}.gx-rich blockquote p{font-family:Georgia,serif;font-size:23px;line-height:1.6}.gx-rich cite{display:block;font-size:12px;font-style:normal;color:#53657e;margin-top:18px}.gx-rich-callout{padding:32px!important;background:#edf4fc;border-left:3px solid #0078ff}.gx-rich-dark{background:#092047;color:white}.gx-rich-list li{padding:8px 0 8px 5px;border-bottom:1px solid #dbe3ef}.gx-rich-list li::marker{color:#0063d1;font-weight:700}.gx-rich figure{margin:0;min-width:0}.gx-rich img{width:100%;height:auto;display:block}.gx-rich figcaption{font-size:11px;color:#53657e;padding:10px 0;line-height:1.5}.gx-rich-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.gx-rich-split img{aspect-ratio:3/4;object-fit:cover}.rich-cta{display:inline-block;background:#0067dd;color:white;font:700 13px/1.5 Arial,sans-serif;padding:12px 20px;border-radius:5px;margin-top:8px}.gx-rich-cta{border-top:1px solid #dbe3ef}.rich-example{display:block;font:10px Arial,sans-serif;margin-bottom:12px}.rich-kind{font-size:12px;font-weight:700;color:#0058c7;padding-top:15px}.rich-source{font-size:11px!important;color:var(--muted);line-height:1.7!important;margin-top:12px}.rich-live-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.rich-live .gx-rich{margin-top:15px}.editor-undo{display:flex;gap:7px}.editor-undo button{font-size:11px}
@media(max-width:1000px){#pattern-library{width:calc(100vw - 24px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px)}.pattern-shell{grid-template-columns:170px minmax(0,1fr)}.pattern-rail{padding:22px 12px}.pattern-rail h2{font-size:18px}.pattern-toolbar{flex-wrap:wrap;gap:8px}.pattern-search{flex-basis:100%}.pattern-results{gap:12px}.pattern-card-footer{grid-template-columns:minmax(0,1fr) auto}.pattern-card-footer>div{grid-column:1/-1}.pattern-card-footer>button:last-child{justify-self:end}.pattern-preview .gx-rich{padding:18px}.pattern-preview .gx-rich h2{font-size:22px}.pattern-preview{height:250px}.pattern-preview .gx-rich-split{display:block}.pattern-preview .gx-rich-split figure{height:100px}.pattern-preview .gx-rich-split img{min-height:0;height:100px}.pattern-preview .gx-rich-split>div{padding:15px}.pattern-detail-grid{grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:20px}.pattern-count{flex-wrap:wrap}}
@media(max-width:600px){#pattern-library{width:calc(100vw - 12px);height:calc(100dvh - 14px);max-height:calc(100dvh - 14px)}.pattern-shell{display:flex;flex-direction:column}.pattern-rail{border-right:0;border-bottom:1px solid var(--line);padding:13px 12px 8px;flex-shrink:0}.pattern-rail h2{font-size:18px;margin:0 0 8px}.pattern-tabs{margin-bottom:8px}.pattern-tabs button{padding:6px}.pattern-rail nav{display:flex;gap:5px;overflow:auto}.pattern-rail nav button{white-space:nowrap;font-size:12px;padding:8px 10px;min-height:38px}.pattern-rail-note{display:none}.pattern-main{padding:12px;flex:1}.pattern-toolbar{position:static;padding:0}.pattern-toolbar>button{padding:8px;font-size:11px}.pattern-toolbar label{flex:1}.pattern-toolbar .pattern-search{flex-basis:100%}.pattern-toolbar svg{width:16px}.pattern-count{font-size:10px;padding:12px 0}.pattern-results{grid-template-columns:1fr}.pattern-preview{height:230px}.pattern-card-footer{grid-template-columns:minmax(0,1fr) auto auto}.pattern-card-footer>div{grid-column:auto}.pattern-bottom{padding:10px 14px;font-size:10px}.pattern-detail-grid{display:flex;flex-direction:column-reverse;padding:16px;gap:20px}.pattern-detail-grid>aside{position:static}.pattern-detail-grid aside h2{font-size:23px}.pattern-detail-grid aside p{margin-bottom:10px}.pattern-detail>header{padding:12px}.pattern-detail>header button{font-size:11px;padding:8px}.gx-rich-split{grid-template-columns:1fr}.gx-rich-split img{aspect-ratio:16/9}.gx-rich h2{font-size:24px}.pattern-detail-preview .gx-rich{padding:20px}.editor-undo{width:100%}}