#logo-lab{background:#171c1b;color:#f5f3ed;border:1px solid #a5b6a455;margin:0 0 32px;scroll-margin-top:95px}#logo-lab[hidden]{display:none}.logo-rail{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #a5b6a444;padding:20px 30px;font:11px/1.4 Arial;letter-spacing:.08em;color:#a5b6a4}.logo-intro,.logo-results,.logo-wait{padding:clamp(24px,5vw,64px)}#logo-lab h3{font:600 clamp(32px,5vw,66px)/1.04 Arial;letter-spacing:-.045em;max-width:900px;margin:16px 0 28px}#logo-lab h3:focus{outline:none}.logo-intro>p:not(.eyebrow),.logo-wait>p:not(.eyebrow){max-width:700px;color:#a5b6a4;font:18px/1.6 Arial}.logo-context{padding:24px 0;max-width:700px;display:grid;gap:12px;border-block:1px solid #a5b6a444;margin:32px 0}.logo-context span{font:11px Arial;letter-spacing:.1em;color:#b9cf43}.logo-context strong{font:500 clamp(22px,3vw,34px)/1.3 Arial}#logo-lab label{display:block;font:600 17px Arial;margin-bottom:12px}#logo-lab textarea,#logo-lab input{display:block;background:#f5f3ed;color:#171c1b;padding:18px;width:100%;border:1px solid #a5b6a4;border-radius:0;font:18px/1.4 Arial;box-sizing:border-box;resize:vertical}#logo-lab form{max-width:760px}.logo-consent,.logo-note{font:13px/1.6 Arial;color:#a5b6a4;margin:18px 0 24px}.logo-process{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:50px 0;font:600 clamp(18px,2vw,28px) Arial}.logo-process span{padding-bottom:14px;border-bottom:3px solid #b9cf43;animation:logo-breathe 2s infinite alternate}.logo-process span:nth-of-type(2){animation-delay:.4s}.logo-process span:nth-of-type(3){animation-delay:.8s}.logo-process i{color:#b9cf43;font-style:normal}.logo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0}.logo-options button{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px;background:#f5f3ed;color:#171c1b;border:3px solid transparent;cursor:pointer;min-width:0}.logo-options button[aria-pressed=true]{border-color:#b9cf43;box-shadow:inset 0 0 0 2px #171c1b}.logo-option-art{display:block;width:clamp(70px,11vw,145px);max-width:100%;aspect-ratio:1.1}.logo-option-art svg{display:block;width:100%;height:100%}.logo-options small{margin:14px 0 8px;color:#607062;font:11px Arial}.logo-options strong{font:600 16px/1.25 Arial;overflow-wrap:anywhere}.logo-selected{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:center}.logo-selected-art{background:#f5f3ed;color:#171c1b;padding:clamp(30px,4vw,50px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:30px}.logo-selected-art svg{width:min(100%,280px);height:auto;display:block}.logo-selected-art>strong{font:600 clamp(22px,3vw,36px)/1.2 Arial;letter-spacing:-.035em;max-width:100%;overflow-wrap:anywhere;text-align:center}.logo-selected-copy h4{font:600 clamp(25px,3vw,38px)/1.2 Arial;margin:18px 0}.logo-selected-copy>p{font:18px/1.65 Arial;color:#a5b6a4}.logo-selected-copy button{display:block;margin-top:18px;min-height:48px}.logo-selected-copy button:not(.lime),.logo-escape button,#logo-regenerate{background:transparent;color:#f5f3ed;border:1px solid #a5b6a466;padding:14px 18px;font:15px/1.4 Arial;cursor:pointer}.logo-refine{margin-top:32px;border-block:1px solid #a5b6a444;padding:20px 0}.logo-refine summary{cursor:pointer;font:17px/1.5 Arial;min-height:44px;padding:10px 0}.logo-refine[open] summary{margin-bottom:20px}.logo-escape{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-top:1px solid #a5b6a444}.logo-escape span{font:12px/1.4 Arial;color:#a5b6a4}#logo-lab :focus-visible{outline:3px solid #b9cf43;outline-offset:4px}@keyframes logo-breathe{to{opacity:.35}}@media(max-width:700px){.logo-rail{padding:18px 22px;font-size:10px}.logo-rail>span:last-child{display:none}.logo-selected{grid-template-columns:1fr}.logo-selected-art{min-height:280px}.logo-options{gap:7px;margin:25px 0}.logo-options button{padding:12px 5px}.logo-options strong{font-size:13px}.logo-escape{align-items:flex-start;flex-direction:column;padding:22px}.logo-process{gap:12px;margin:30px 0}.logo-process span{font-size:15px}.logo-selected-copy>p{font-size:17px}#logo-lab .button{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.logo-process span{animation:none}}
