.xd-brandkit-thumbnail{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid var(--xd-border-default);border-radius:50%;color:var(--xd-text-primary);background:var(--xd-surface-hover);cursor:pointer}.xd-brandkit-thumbnail img{width:100%;height:100%;border-radius:50%;object-fit:cover}.xd-brandkit-thumbnail:hover{background:var(--xd-surface-raised)}.xd-brandkit-scrim{position:fixed;inset:0;z-index:3500;display:flex;align-items:center;justify-content:center;padding:24px;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.xd-brandkit-picker,.xd-brandkit-workspace{border:1px solid var(--xd-border-default);border-radius:22px;padding:24px;background:var(--xd-bg-page);color:var(--xd-text-primary);box-shadow:0 20px 80px #0004}.xd-brandkit-picker{width:min(540px,100%);max-height:80vh;overflow:auto}.xd-brandkit-picker header{display:flex;align-items:center;justify-content:space-between}.xd-brandkit-picker h2{margin:0;font-size:18px;font-weight:500}.xd-brandkit-picker header p{margin:8px 20px 0 0;font-size:13px;line-height:1.5;color:var(--xd-text-secondary)}.xd-brandkit-reference-preview{padding:18px;margin-bottom:16px;border:1px solid var(--xd-border-default);border-radius:14px;background:var(--xd-surface-hover)}.xd-brandkit-reference-preview p{font-size:13px;line-height:1.5;color:var(--xd-text-secondary)}.xd-brandkit-reference-preview small{display:block;margin-top:12px;color:var(--xd-text-secondary);font-size:12px}.xd-brandkit-swatches{display:flex;gap:6px}.xd-brandkit-swatches span{width:18px;height:18px;border:1px solid var(--xd-border-default);border-radius:50%}.xd-brandkit-remove{display:block;margin:14px auto 0;border:0;background:none;color:var(--xd-text-secondary);font:inherit;font-size:13px;cursor:pointer}.xd-brandkit-use:hover{background:#9c68ef}.xd-brandkit-picker button:focus-visible,.xd-brandkit-thumbnail:focus-visible{outline:2px solid #9661ed;outline-offset:3px}.xd-spark-composer .xd-speed-add-button,.xd-spark-composer .xd-speed-add-button>svg{rotate:none!important}.xd-spark-composer .xd-speed-add-button>svg{transform:none!important}.xd-spark-composer .xd-speed-add-button{color:rgba(var(--xd-fg-rgb,255,255,255),.65)!important}@media (prefers-reduced-motion:reduce){.xd-add-glyph{transition:none!important}.xd-spark-addsheet{animation:none!important}}.xd-brandkit-close,.xd-brandkit-picker header button{border:0;background:var(--xd-surface-hover);color:var(--xd-text-secondary);border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:22px}.xd-brandkit-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.xd-brandkit-list button{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--xd-border-default);border-radius:12px;background:var(--xd-surface-hover);color:inherit;font:inherit;text-align:left;cursor:pointer}.xd-brandkit-list button[aria-pressed=true]{border-color:#9661ed;background:color-mix(in srgb,#9661ed 12%,var(--xd-bg-page))}.xd-brandkit-list button>span,.xd-brandkit-list img{width:32px;height:32px;object-fit:contain;border-radius:50%;display:grid;place-items:center;background:var(--xd-surface-raised)}.xd-brandkit-use{width:100%;padding:14px;border:0;border-radius:12px;background:#8952e6;color:white;font:inherit;cursor:pointer}.xd-brandkit-workspace{position:relative;width:min(1080px,100%);height:min(800px,90dvh);overflow:hidden;display:flex;flex-direction:column}.xd-brandkit-content{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain}.xd-brandkit-content:has(.bk-detail-root){overflow:hidden}.xd-brandkit-content>.bk{min-height:0}.xd-brandkit-content>.bk-detail-root{height:100%}.xd-brandkit-footer{flex-shrink:0;padding-top:16px;background:var(--xd-bg-page)}.xd-brandkit-close{position:absolute;top:16px;right:16px;z-index:5}.xd-speed-host[data-speed=on] .xd-spark-addsheet{border-radius:2px!important;border:2px solid var(--xd-text-secondary)!important;box-shadow:4px 4px 0 color-mix(in srgb,var(--xd-text-primary) 20%,transparent)!important}.xd-speed-host[data-speed=on] .xd-addsheet{font-family:var(--xd-font-mono)}.xd-speed-host[data-speed=on] .xd-addsheet-row{border-radius:0}.xd-speed-host[data-speed=on] .xd-addsheet-row-icon svg{shape-rendering:crispEdges}.xd-speed-host[data-speed=on] .xd-brandkit-thumbnail img{image-rendering:pixelated}@media (max-width:600px){.xd-brandkit-scrim{padding:12px}.xd-brandkit-list{grid-template-columns:1fr}}.xd-brandkit-picker{position:relative;width:min(340px,100%);overflow:visible;padding:16px;border-radius:18px}.xd-brandkit-picker header{gap:16px;padding:2px 4px 12px}.xd-brandkit-picker h2{font-size:15px;font-weight:550}.xd-brandkit-picker header button{display:grid;place-items:center;background:transparent;border-radius:8px}.xd-brandkit-picker header button:hover{background:var(--xd-surface-hover)}.xd-brandkit-picker-body{position:relative}.xd-brandkit-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:4px;max-height:min(440px,55dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.xd-brandkit-list button{flex-shrink:0;min-height:56px;padding:10px 12px;border-color:transparent;background:transparent;border-radius:10px;font-size:13px;transition:background .16s,border-color .16s}.xd-brandkit-list button:focus-visible,.xd-brandkit-list button:not(:disabled):hover{background:var(--xd-surface-hover)}.xd-brandkit-list button:disabled{opacity:.45;cursor:default}.xd-brandkit-list button strong{font:inherit;min-width:0;overflow-wrap:anywhere}.xd-brandkit-list button small{margin-left:auto;font-size:11px;color:var(--xd-text-secondary)}.xd-brandkit-list button>span,.xd-brandkit-list img{flex-shrink:0}.xd-brandkit-picker .xd-brandkit-reference-preview{position:absolute;top:0;left:calc(100% + 28px);width:250px;padding:22px;margin:0;pointer-events:none;background:var(--xd-bg-page);box-shadow:0 16px 50px #0003;animation:xd-brandkit-preview-in .18s ease both}.xd-brandkit-reference-preview strong{font-size:18px;font-weight:550;overflow-wrap:anywhere}@keyframes xd-brandkit-preview-in{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}@media (max-width:920px){.xd-brandkit-picker .xd-brandkit-reference-preview{position:static;width:auto;margin:12px 4px 0;padding:16px}}@media (prefers-reduced-motion:reduce){.xd-brandkit-picker .xd-brandkit-reference-preview{animation:none}.xd-brandkit-list button{transition:none}}