.platform-theme-picker{width:min(1180px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;border:1px solid var(--workspace-line, #dedbe5);border-radius:14px;padding:24px;color:var(--workspace-text, #171721);background:var(--workspace-surface, #faf9f7);box-shadow:0 24px 90px #11182735}.platform-theme-picker::backdrop{background:#1118278c}.platform-theme-picker>header,.platform-theme-picker .theme-detail-title,.platform-theme-picker>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.platform-theme-picker h2{font-size:25px;line-height:1.15;margin:4px 0}.platform-theme-picker h3{font-size:19px;margin:0}.platform-theme-picker header p{margin:0;font-size:12px;color:var(--workspace-link, #6342af)}.platform-theme-picker .theme-intro{font-size:14px;color:var(--workspace-muted, #575563)}.platform-theme-picker button{font:inherit;min-height:44px;cursor:pointer;border:1px solid var(--workspace-line, #d9d5df);border-radius:7px;background:white;color:var(--workspace-text, #252331);padding:9px 14px}.platform-theme-picker button:focus-visible,.platform-theme-picker input:focus-visible,.platform-theme-picker select:focus-visible{outline:3px solid var(--workspace-line, #7852dc);outline-offset:3px}.platform-theme-picker button.primary-button{background:#5b2ed3;color:var(--workspace-text, #fff);border-color:var(--workspace-line, #5b2ed3)}.platform-theme-picker [data-theme-close]{font-size:24px}.platform-theme-picker .theme-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:20px 0}.platform-theme-picker label{display:grid;gap:5px;font-size:12px;color:var(--workspace-text, #454151)}.platform-theme-picker input,.platform-theme-picker select{width:100%;font:inherit;min-height:44px;background:var(--workspace-surface, #fff);color:var(--workspace-text, #26232d);border:1px solid var(--workspace-line, #d9d5df);border-radius:6px;padding:10px}.platform-theme-picker .theme-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:22px}.platform-theme-picker [data-theme-count]{margin:0 0 10px;font-size:12px;color:var(--workspace-muted, #5e5869)}.platform-theme-picker .theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:480px;overflow:auto;padding:4px}.platform-theme-picker .theme-grid button{padding:0 0 10px;text-align:left;overflow:hidden;align-self:start}.platform-theme-picker .theme-grid [aria-pressed=true]{border-color:var(--workspace-line, #6e3de0);box-shadow:0 0 0 2px #6e3de025}.platform-theme-picker .theme-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--workspace-raised, #eee)}.platform-theme-picker .theme-grid strong,.platform-theme-picker .theme-grid small{display:block;margin:8px 10px 0}.platform-theme-picker .theme-grid small{font-size:11px;color:var(--workspace-muted, #625b6b)}.platform-theme-picker .theme-text-preview{display:grid;place-items:center;min-height:104px;background:var(--workspace-selected, #e9e4ef);font:22px Georgia,serif;color:var(--workspace-text, #3a2e53)}.platform-theme-picker .theme-detail-title{margin-bottom:12px}.platform-theme-picker .theme-detail-title label{max-width:180px}.platform-theme-picker .theme-preview-stage{position:relative;height:365px;overflow:hidden;background:white;border:1px solid var(--workspace-line, #ddd7e5);border-radius:7px}.platform-theme-picker iframe{display:block;width:1100px;border:0;transform-origin:top left}.platform-theme-picker .theme-detail>p{font-size:14px;line-height:1.5;margin:12px 0 8px}.platform-theme-picker .theme-detail>small{font-size:11px;line-height:1.5;color:var(--workspace-muted, #605a66);display:block}.platform-theme-picker>footer{justify-content:flex-end;margin-top:20px;border-top:1px solid var(--workspace-line, #e4dfe9);padding-top:16px}.platform-theme-picker [data-theme-error]{font-size:13px;color:var(--workspace-danger, #9a2330);margin-right:auto}.project-theme-selection{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border:1px solid var(--workspace-line, #ded6eb);border-radius:10px;background:var(--workspace-surface, #faf8ff);margin-block:16px}.project-theme-selection p{margin:0;font-size:13px;flex:1;min-width:180px}.project-theme-selection b{display:block;color:var(--workspace-text, #31263f);margin-bottom:4px}@media(max-width:760px){.platform-theme-picker{padding:16px}.platform-theme-picker .theme-layout{grid-template-columns:minmax(0,1fr)}.platform-theme-picker .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:235px}.platform-theme-picker .theme-filters{grid-template-columns:1fr 1fr}.platform-theme-picker .theme-filters label:first-child{grid-column:1/-1}.platform-theme-picker .theme-preview-stage{height:300px}.platform-theme-picker h2{font-size:21px}.platform-theme-picker .theme-grid strong{font-size:12px}.platform-theme-picker>footer{flex-wrap:wrap}.platform-theme-picker>footer button{flex:1}.platform-theme-picker [data-theme-error]{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.platform-theme-picker *{scroll-behavior:auto!important}}

.platform-theme-picker .theme-layout>section,.platform-theme-picker .theme-filters>label{min-width:0}.platform-theme-picker .theme-detail-title{flex-wrap:wrap}.platform-theme-picker .theme-grid button{overflow-wrap:anywhere}

.platform-theme-picker .theme-card-copy{display:grid;gap:4px;padding:10px 11px 11px}.platform-theme-picker .theme-grid .theme-card-copy :is(strong,small){margin:0}.platform-theme-picker .theme-card-profile{display:block;overflow:hidden;color:var(--workspace-text,#3f3a48);font-size:10px;font-weight:750;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.platform-theme-picker .theme-card-colours,.platform-theme-picker .theme-colours{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--workspace-line,#ddd7e5);border-radius:5px}.platform-theme-picker .theme-card-colours{height:12px;margin-top:3px}.platform-theme-picker .theme-colours{width:min(300px,100%);height:22px;margin:10px 0}.platform-theme-picker .theme-card-colours i,.platform-theme-picker .theme-colours i{background:var(--theme-colour)}.platform-theme-picker .theme-profile{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.platform-theme-picker .theme-profile span{padding:5px 8px;border-radius:999px;background:var(--workspace-selected,#ece8f7);color:var(--workspace-text,#40394b);font-size:10px;font-weight:700}

/* Theme cards stay light in both portal colour modes, so their copy needs a
   fixed dark foreground instead of inheriting the surrounding workspace. */
.platform-theme-picker .theme-grid button{background:#fff;color:#231f2c}.platform-theme-picker .theme-grid button small{color:#625b6b}.platform-theme-picker .theme-grid .theme-card-profile{color:#3f3a48}