/* The artwork has the personality. The browser stays quiet. */
.stage[data-stage="4"] .workflow-wrap{padding-top:44px}.stage[data-stage="4"] .workflow-head{margin-bottom:30px}
.logo-browser-navigation{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;border-block:1px solid #0a0a0a;padding-block:18px}
.logo-source-switch{display:flex;gap:8px}.logo-source-switch button{display:grid;gap:5px;min-width:176px;min-height:66px;border:1px solid transparent;padding:13px 18px;background:transparent;color:#0a0a0a;text-align:left;font:700 14px/1.15 var(--sans);cursor:pointer}.logo-source-switch button span{font-size:10px;font-weight:450;color:#555550}.logo-source-switch button[aria-selected=true]{border-color:#0a0a0a;background:#fff;box-shadow:inset 0 -4px 0 var(--signal)}.logo-source-switch button:hover{background:#fff}.logo-source-switch button:focus-visible,.instant-logo-library button:focus-visible,.library-editor button:focus-visible,.library-editor :is(input,select,textarea):focus-visible,.library-family-card:focus-visible{outline:3px solid var(--signal);outline-offset:4px}
.logo-selection-summary{display:flex;align-items:center;gap:10px;margin:0;font-size:11px;color:#5a5a55}.logo-selection-summary strong{display:block;margin-top:3px;font-size:14px;line-height:1.2;color:#0a0a0a}.selection-tick{display:grid;width:26px;height:26px;place-items:center;background:var(--signal);color:#0a0a0a;font-size:15px}
#instant-logo-library[hidden],#ai-route-content[hidden],#library-editor[hidden],#library-logo-family[hidden],.logo-editor-controls>.editor-control[hidden]{display:none!important}
.library-filter-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.library-filters{display:flex;flex-wrap:wrap;gap:7px}.library-filters button{min-height:42px;border:1px solid #bdbdb6;padding:10px 15px;color:#0a0a0a;background:transparent;font-size:11px;font-weight:650;cursor:pointer}.library-filters button[aria-pressed=true]{color:#fff;border-color:#0a0a0a;background:#0a0a0a}.library-filters button:hover{border-color:#0a0a0a}.library-count{margin:0;color:#5a5a55;font-size:11px;white-space:nowrap}
.instant-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.instant-logo-card{display:block;min-width:0;width:100%;border:1px solid #aaa9a1;padding:0;color:#0a0a0a;background:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.instant-logo-card:hover{border-color:#0a0a0a;box-shadow:0 4px 0 #d1d1cb}.instant-logo-card.is-selected{border-color:#0a0a0a;box-shadow:0 0 0 3px var(--signal)}.instant-logo-card:disabled{cursor:wait;opacity:1}
.instant-logo-canvas{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;padding:13%;background:#f7f7f4;overflow:hidden}.instant-logo-canvas>svg{display:block;width:100%;height:100%;max-height:100%;overflow:visible}.instant-logo-check{position:absolute;top:13px;right:13px;display:grid;width:25px;height:25px;place-items:center;border:1px solid #0a0a0a;background:var(--signal);font-size:14px;opacity:0}.instant-logo-card.is-selected .instant-logo-check{opacity:1}
.instant-logo-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;border-top:1px solid #d4d4ce;padding:16px 18px}.instant-logo-caption strong{display:block;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.025em}.instant-logo-caption small{display:block;margin-top:5px;color:#5b5b55;font-size:10px;line-height:1.2}.instant-logo-number{align-self:flex-start;padding-top:2px;color:#74746c;font:500 10px/1.3 var(--sans);font-variant-numeric:tabular-nums}
.library-gallery-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid #bdbdb7}.library-gallery-foot>p{margin:0;color:#55554f;font-size:11px}.library-gallery-foot button{min-height:48px;min-width:210px}
.library-state{display:grid;justify-items:center;align-content:center;min-height:360px;border:1px solid #aaa9a1;background:#fff;padding:38px;text-align:center}.library-state>strong{max-width:520px;font-size:clamp(25px,4vw,42px);font-weight:650;line-height:1.08;letter-spacing:-.05em}.library-state>p{max-width:460px;margin:15px 0 25px;color:#53534e;font-size:12px;line-height:1.5}.library-loading-line{display:block;width:120px;height:3px;background:linear-gradient(90deg,#ddd 0 35%,var(--signal) 35% 65%,#ddd 65%);background-size:220% 100%;animation:library-loading 1.3s ease-in-out infinite}.library-placeholder{width:66%;height:10px;background:#ddddd6;box-shadow:0 18px 0 #e6e6df}.is-loading .library-placeholder{animation:library-pulse 1.2s ease-in-out infinite alternate}@keyframes library-loading{to{background-position:220% 0}}@keyframes library-pulse{to{opacity:.4}}
.library-editor{border-top:1px solid #bbbcb5}.library-chosen-design{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding-block:21px;border-bottom:1px solid #bbbcb5}.library-chosen-design>span{grid-column:1/-1;color:#5d5d55;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.library-chosen-design>strong{font-size:18px;line-height:1.2;letter-spacing:-.04em}.library-chosen-design>button{border:0;border-bottom:1px solid #0a0a0a;padding:0 0 3px;background:transparent;color:#0a0a0a;font-size:10px;cursor:pointer;align-self:end}.library-chosen-design>button:hover{border-color:var(--signal)}
.library-editor-section{padding-block:24px;border-bottom:1px solid #bbbcb5}.library-editor-section h3{margin:0 0 17px;font-size:15px;font-weight:750;letter-spacing:-.02em}.library-editor-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.library-editor-heading>span{color:#65655d;font-size:10px}.library-field{display:grid;gap:8px}.library-field>span{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;font-weight:750}.library-field>span>small{color:#64645c;font-size:10px;font-weight:450}.library-field :is(textarea,input,select){width:100%;min-width:0;border:1px solid #a8a8a0;padding:12px;background:#fff;color:#0a0a0a;font:500 13px/1.4 var(--sans)}.library-field textarea{min-height:112px;resize:vertical;font-size:18px;line-height:1.35;letter-spacing:-.025em}.library-field select{min-height:46px}.library-field input{min-height:46px}.library-field :is(input,textarea)[aria-invalid=true]{border-color:#8e312c;box-shadow:inset 3px 0 0 #8e312c}.library-field-hint{margin:9px 0 0;color:#65655e;font-size:10px;line-height:1.4}.library-field-error{margin:7px 0 0;color:#8e312c;font-size:10px;line-height:1.4}.library-field-error:empty{display:none}.library-case-controls{display:flex;gap:5px;margin-top:15px}.library-case-controls>button{flex:1;min-height:38px;border:1px solid #b7b7b0;padding:6px 4px;background:transparent;color:#0a0a0a;font-size:9px;cursor:pointer}.library-case-controls>button:hover{border-color:#0a0a0a;background:#f0f0eb}
.library-line-settings{margin-top:13px;border:1px solid #b7b7b0}.library-line-settings summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;cursor:pointer;list-style:none}.library-line-settings summary::-webkit-details-marker{display:none}.library-line-settings summary:after{content:'+';margin-left:auto;font-size:17px;font-weight:400}.library-line-settings[open] summary:after{content:'−'}.library-line-settings summary>span{font-size:9px;color:#65655e;white-space:nowrap}.library-line-settings summary>strong{overflow:hidden;font-size:12px;font-weight:650;white-space:nowrap;text-overflow:ellipsis}.library-line-settings[open] summary{border-bottom:1px solid #d2d2ca;background:#f7f7f3}.library-line-body{padding:15px 13px 19px}.library-range{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin-top:20px}.library-range>label{font-size:10px;font-weight:650}.library-range>output{color:#51514a;font-size:10px;font-variant-numeric:tabular-nums}.library-range>input{grid-column:1/-1;width:100%;height:20px;margin:0;accent-color:#0a0a0a;cursor:pointer}.library-range>small{grid-column:1/-1;color:#65655e;font-size:9px}.library-range.is-fixed-weight input{display:none}
.library-layout-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.library-layout-options>button{display:grid;justify-items:center;gap:10px;min-height:76px;border:1px solid #aaa9a1;padding:12px 6px;background:#fff;color:#0a0a0a;font-size:10px;cursor:pointer}.library-layout-options>button[aria-pressed=true]{border-color:#0a0a0a;background:#ecf9f3;box-shadow:inset 0 -3px 0 var(--signal)}.library-layout-options>button:hover{border-color:#0a0a0a}.layout-glyph{display:flex;align-items:center;justify-content:center;gap:4px;width:47px;height:20px}.layout-glyph>i{display:block;background:currentColor;width:25px;height:4px}.layout-glyph>i:first-child{width:9px;height:9px}.layout-glyph>i:last-child{display:none}.layout-glyph-stacked{flex-direction:column;height:24px;gap:4px}.layout-glyph-stacked>i:first-child{width:8px;height:8px}.layout-glyph-stacked>i:nth-child(2){width:24px}.layout-glyph-compact{display:grid;width:23px;height:23px;border:1px solid currentColor;padding:5px;gap:3px}.layout-glyph-compact>i{width:11px!important;height:3px!important}.layout-glyph-auto{gap:3px;transform:rotate(-8deg)}.layout-glyph-auto>i:first-child{width:7px;height:17px}.layout-glyph-auto>i:nth-child(2){width:7px;height:12px}.layout-glyph-auto>i:last-child{display:block;width:7px;height:20px}
.library-alignment{display:flex;margin-top:15px}.library-alignment>button{flex:1;min-height:40px;border:1px solid #aaa9a1;border-right:0;background:#fff;color:#0a0a0a;font-size:10px;cursor:pointer}.library-alignment>button:last-child{border-right:1px solid #aaa9a1}.library-alignment>button[aria-pressed=true]{background:#0a0a0a;color:#fff}.library-balance{display:flex;justify-content:space-between;width:100%;min-height:44px;align-items:center;margin-top:20px;border:1px solid #0a0a0a;padding:10px 13px;background:#fff;color:#0a0a0a;font-size:11px;font-weight:650;cursor:pointer}.library-balance:hover{background:var(--signal)}.library-editor-status{min-height:16px;color:#50504b;font-size:10px;line-height:1.45}.library-editor-loading{margin-block:20px;color:#55554e;font-size:12px}
.library-logo-family{margin:28px 0}.library-family-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:13px}.library-family-heading h3{margin:0;font-size:17px;letter-spacing:-.04em}.library-family-heading p{margin:0;color:#585851;font-size:10px}.library-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-family-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;min-width:0;border:1px solid #aaa9a1;padding:0;background:#f7f7f3;color:#0a0a0a;text-align:left;cursor:pointer}.library-family-card[aria-pressed=true]{border-color:#0a0a0a;box-shadow:0 0 0 2px var(--signal)}.library-family-card>span{display:grid;min-width:0;width:100%;aspect-ratio:1.35;place-items:center;padding:19% 13%}.library-family-card svg{display:block;width:100%;height:100%;max-height:100%;overflow:visible}.library-family-card>strong{padding:11px 12px;border-top:1px solid #ccc;font-size:10px;font-weight:650}.library-family-card:hover{border-color:#0a0a0a}.library-editing .refinement-figure{display:none}.library-editing .logo-editor-controls{padding-top:32px}.library-editing .editor-heading h2{font-size:45px}.library-editing .editor-heading>p{margin-bottom:23px}.library-editing .proofs .proof-light{--proof-art-height:clamp(195px,19vw,280px)}.library-editing .proofs .proof-dark{--proof-art-height:clamp(150px,15vw,210px)}
@media(min-width:1200px){.instant-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.logo-browser-navigation{gap:15px}.logo-source-switch button{min-width:155px;padding-inline:13px}.instant-logo-grid{gap:23px 16px}.instant-logo-caption{padding:14px;min-height:73px}.instant-logo-caption strong{font-size:14px}.library-count{font-size:10px}.library-filter-row{align-items:flex-start}.library-filters button{padding-inline:12px}.library-family-heading{align-items:flex-start;flex-direction:column;gap:5px}.library-family-grid{gap:7px}}
@media(max-width:820px){.instant-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-browser-navigation{align-items:stretch;flex-direction:column;gap:16px}.logo-source-switch button{min-width:0;flex:1}.logo-selection-summary{min-height:28px}.logo-selection-summary strong{display:inline;margin-left:6px;font-size:12px}.library-count{padding-top:12px}.library-editing .logo-editor-shell{display:flex;flex-direction:column}.library-editing .logo-proofing{order:0;padding-bottom:26px!important}.library-editing .logo-editor-controls{order:1;padding-top:30px!important;padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}.library-editing .proofs .proof-light{--proof-art-height:190px;--proof-padding-block:45px}.library-editing .proofs .proof-dark{--proof-art-height:140px;--proof-padding-block:40px}.library-editing .proof-note{font-size:9px}.library-family-heading{flex-direction:row;gap:15px;align-items:baseline}.library-editing .production-note{margin-bottom:0}.library-editing .logo-editor-controls>.editor-heading,.library-editor{width:min(100%,540px);margin-inline:auto}}
@media(max-width:600px){.stage[data-stage="4"] .workflow-wrap{padding-inline:18px;padding-top:40px}.stage[data-stage="4"] .workflow-head{gap:20px;margin-bottom:27px}.stage[data-stage="4"] .workflow-title{font-size:48px;max-width:360px}.stage[data-stage="4"] .workflow-head .head-note{font-size:11px}.logo-browser-navigation{margin-bottom:22px;padding-block:13px}.logo-source-switch{gap:6px}.logo-source-switch button{min-height:65px;padding:12px;font-size:12px}.logo-source-switch button span{font-size:9px}.library-filter-row{display:block;margin-bottom:17px}.library-filters{gap:6px}.library-filters button{flex:1;min-height:43px;padding:8px 7px;font-size:10px;white-space:nowrap}.library-count{padding-top:14px}.instant-logo-grid{gap:17px 12px}.instant-logo-caption{gap:4px;min-height:75px;padding:12px 10px}.instant-logo-caption strong{font-size:12px}.instant-logo-caption small{font-size:9px}.instant-logo-number{display:none}.instant-logo-canvas{padding:12%}.instant-logo-check{width:21px;height:21px;top:8px;right:8px;font-size:12px}.library-gallery-foot{align-items:stretch;flex-direction:column;gap:16px;margin-top:24px}.library-gallery-foot>p{text-align:center}.library-gallery-foot button{width:100%}.library-family-heading h3{font-size:16px}.library-family-heading p{display:none}.library-family-grid{gap:8px}.library-family-card>strong{font-size:9px;padding:10px 8px}.library-family-card>span{aspect-ratio:1;padding:16% 10%}.library-logo-family{margin-block:22px}.library-editing .proofs .proof-light{--proof-art-height:155px;--proof-padding-block:42px}.library-editing .proofs .proof-dark{--proof-art-height:115px;--proof-padding-block:38px}.library-editing .editor-heading h2{font-size:44px}.library-state{min-height:330px;padding:28px 20px}}
@media(max-width:370px){.instant-logo-grid{grid-template-columns:1fr}.instant-logo-caption strong{font-size:15px}.instant-logo-caption small{font-size:10px}.library-filters{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.library-loading-line,.is-loading .library-placeholder{animation:none}.instant-logo-card{transition:none}}

.library-preview-status{margin:16px 0 0;padding:10px 12px;background:#f0f0eb;color:#57574f;font-size:11px;line-height:1.45}.library-preview-status:empty{display:none}.library-preview-status.is-error{border-left:3px solid #8e312c;background:#fff0ee;color:#732821}
/* A preview refresh must never move or replace the control being edited. */
.library-editing .logo-editor-controls{overflow-anchor:none}
.library-preview-status{display:block!important;box-sizing:border-box;height:62px;margin:0;padding:10px 12px;overflow:auto;contain:layout}.library-preview-status:empty{visibility:hidden}
.library-alignment>button:disabled{background:#f0f0eb;color:#77786e;cursor:default;border-color:#c5c6bd;box-shadow:none}.library-alignment>button:disabled[aria-pressed=true]{background:#e8e9e2;color:#626359}
.library-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-variants>button{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0;min-height:70px;padding:11px 9px;border:1px solid #b7b8af;background:#fff;color:#0a0a0a;text-align:left;cursor:pointer}.library-variants>button>span{grid-row:1/3;font-size:28px;line-height:1;text-align:center}.library-variants>button>strong{align-self:end;font-size:10px}.library-variants>button>small{align-self:start;color:#616257;font-size:8px;line-height:1.35}.library-variants>button[aria-pressed=true]{border-color:#0a0a0a;box-shadow:inset 0 -3px 0 var(--signal)}.library-variants>button:hover{background:#f0f7f1}.library-family-card>span{height:auto;overflow:hidden}