.brand-panel{position:relative;z-index:25;max-width:900px;margin:25px auto;padding:30px;background:var(--ui-bg);color:var(--ui-fg);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);font:13px/1.8 var(--ui-font)}.brand-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:25px}.brand-panel-heading p{font-size:10px}.brand-panel h2{font:600 28px/1.2 var(--ui-font);margin:7px 0 20px}.brand-panel-heading>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ui-border);border-radius:var(--ui-radius)}.brand-panel>label{display:block;margin:20px 0 8px}.brand-colours{margin:20px 0 0}.brand-colours,.brand-handoff{display:grid;gap:10px;padding:0;border:0}.brand-handoff{margin:24px 0 0}.brand-colours legend,.brand-handoff legend{margin-bottom:8px;padding:0}.brand-colour,.brand-own-colours{display:flex;align-items:center;gap:12px;min-height:44px;width:fit-content;cursor:pointer}.brand-own-colours input{width:22px;height:22px;accent-color:var(--ui-fg)}.brand-colour input[type=color]{width:44px;height:44px;padding:3px;border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg);cursor:pointer}.brand-colour input[type=color]::-webkit-color-swatch-wrapper{padding:0}.brand-colour input[type=color]::-webkit-color-swatch{border:0;border-radius:0}.brand-colour input[type=color]::-moz-color-swatch{border:0}.brand-colour input:disabled{cursor:not-allowed;opacity:.45}.brand-colour code{margin-left:8px;font-size:12px}.brand-about summary:focus-visible,.brand-colour input:focus-visible,.brand-own-colours input:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}.brand-hint{margin:0;font-size:12px}.brand-link{width:100%;margin-bottom:16px}.brand-about{margin-top:16px}.brand-about summary{display:flex;align-items:center;min-height:44px;width:fit-content;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.brand-preview{display:flex;gap:18px;align-items:center;padding:25px;border:1px solid;margin:25px 0;font-size:23px}.brand-preview>span{width:45px;height:45px;background-size:contain;background-position:50%;background-repeat:no-repeat}.brand-preview>i{width:22px;height:22px;border-radius:50%;margin-left:auto}.brand-actions{display:flex;flex-wrap:wrap;gap:12px}.brand-status{min-height:30px;font-size:12px}.brand-file{position:relative;display:inline-flex!important;align-items:center;gap:10px;border:1px solid var(--ui-border);padding:10px 18px;border-radius:var(--ui-radius);width:fit-content;cursor:pointer}.brand-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.brand-file:focus-within{outline:3px solid var(--ui-accent);outline-offset:4px}.brand-identity{display:inline-flex;align-items:center;gap:10px;max-width:100%;line-height:1.1;overflow-wrap:anywhere}.brand-logo{display:inline-block;flex-shrink:0;width:36px;height:36px;background-position:50%;background-size:contain;background-repeat:no-repeat}@media (max-width:700px){.brand-panel{margin:16px;padding:22px}.brand-preview{font-size:20px;padding:20px}.brand-actions{flex-direction:column}.brand-actions button{justify-content:center}.brand-identity{font-size:min(1em,22px)}}.demo-pill-panel .brand-panel{margin:0}