.logo-palette-legend{font:12px/1.7 PN,NSLibrary,sans-serif;color:var(--ns-sub,#526454);margin:-5px 0 22px;overflow-wrap:anywhere}
.brand-library.surface-soft .logo-view,.brand-library.surface-soft .detail-art{background:var(--soft,#f1f4eb)}
.brand-library.surface-grid .logo-view,.brand-library.surface-grid .detail-art{background-color:#fff;background-image:conic-gradient(#eef0ed 25%,transparent 0 50%,#eef0ed 0 75%,transparent 0);background-size:20px 20px}
.logo-role-editor{border:1px solid var(--ns-line,#d8dfd2);background:var(--ns-card,#fff);border-radius:8px;padding:16px;margin-top:18px}
.logo-role-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline;margin-bottom:12px}.logo-role-heading h3{margin:0;font-size:15px;color:var(--ns-ink,#20332b)}.logo-role-heading span{font-size:11px;color:var(--ns-sub,#526454)}
.logo-role-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.logo-role-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--ns-ink,#20332b);min-width:0}.logo-role-fields input{display:block;width:100%;height:38px;min-height:38px;padding:3px;border:1px solid var(--ns-line,#d8dfd2);border-radius:5px;background:var(--ns-card,#fff);cursor:pointer}
#detail .detail-copy{flex-direction:column;gap:18px}#detail .downloads{flex-wrap:wrap;align-items:center;flex-shrink:1}#detail .downloads>*{white-space:nowrap}#detail .downloads #color-variants-open{background:var(--ns-ink,#203d33);color:var(--ns-card,#fff)}#detail .downloads #logo-print{background:var(--ns-card,#fff);color:var(--ns-ink,#203d33);border:1px solid var(--ns-line,#bcc7bc)}#detail [aria-disabled=true],#detail button:disabled{opacity:.5;cursor:wait}dialog{overscroll-behavior:contain}
#color-variants{width:min(1240px,96vw);max-height:92vh;max-height:92dvh;padding:24px;background:var(--ns-bg,#f7f8f3);color:var(--ns-ink,#20332b)}
#color-variants .color-variants-heading{display:block;width:auto;max-width:none;margin:0;padding:0;border:0}#color-variants h2{font-size:clamp(20px,3vw,28px);line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}#color-variants .color-variants-heading p{font-size:13px;max-width:750px;margin:0 0 14px;color:var(--ns-sub,#526454)}
.color-variants-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;position:sticky;top:-1px;z-index:1;background:var(--ns-bg,#f7f8f3);padding:12px 0;border-top:1px solid var(--ns-line,#d8dfd2);border-bottom:1px solid var(--ns-line,#d8dfd2)}.color-variants-toolbar label{display:flex;gap:10px;align-items:center;font-size:12px;flex:1;min-width:0}.color-variants-toolbar input{width:min(360px,100%);min-width:0;background:var(--ns-card,#fff);color:var(--ns-ink,#20332b)}#variant-count{font-size:12px;white-space:nowrap}#variant-loading,#variant-empty{font-size:12px;color:var(--ns-sub,#526454)}
#color-variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}.color-variant{min-width:0;padding:0;border:1px solid var(--ns-line,#d8dfd2);background:var(--ns-card,#fff);color:var(--ns-ink,#20332b);border-radius:8px;overflow:hidden;text-align:left;font:inherit}.color-variant:hover,.color-variant[aria-pressed=true]{outline:2px solid var(--ns-ink,#203d33);outline-offset:1px}.color-variant-art{display:block;aspect-ratio:600/280}.color-variant-art img{display:block;width:100%;height:100%;object-fit:contain}.color-variant-caption{display:block;padding:13px 15px}.color-variant-caption strong{font-size:13px;display:block;line-height:1.6;overflow-wrap:anywhere}.color-variant-caption small{display:block;color:var(--ns-sub,#526454);font-size:11px;margin:4px 0 11px;overflow-wrap:anywhere}.color-variant-swatches{height:11px;display:flex;border-radius:3px;overflow:hidden}.color-variant-swatches i{flex:1}
#logo-print-sheet{display:none}
@media(max-width:700px){.logo-role-heading{display:block}.logo-role-heading span{display:block;margin-top:5px}.logo-role-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logo-role-fields label:last-child{grid-column:1/-1}.logo-role-editor{padding:13px}#color-variants{padding:16px}#color-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-variants-toolbar{align-items:flex-start;flex-direction:column;gap:7px}.color-variants-toolbar label{width:100%}.color-variants-toolbar input{flex:1;width:0}.color-variant-caption{padding:10px}.color-variant-caption strong{font-size:12px}#detail .downloads>*{padding:10px 12px}}
@page{size:A4 landscape;margin:12mm}
@page logo-artwork-a4{size:A4 landscape;margin:0}
@media print{
 body.logo-print-ready{margin:0!important;padding:0!important;background:#fff!important;color:#17211b!important;overflow:visible!important}
 body.logo-print-ready>*:not(#logo-print-sheet){display:none!important}body.logo-print-ready dialog::backdrop{display:none!important}
 body.logo-print-ready #logo-print-sheet{display:flex!important;flex-direction:column;width:273mm;height:185mm;margin:0;padding:0;break-inside:avoid;page-break-after:avoid;font-family:PN,'Malgun Gothic',sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #logo-print-sheet .logo-print-heading{flex:none;padding:0 0 5mm}#logo-print-sheet .logo-print-heading>span{font-size:9pt;letter-spacing:.12em;color:#526052}#logo-print-sheet h1{font-size:20pt;line-height:1.3;letter-spacing:-.3pt;color:#17211b;margin:2mm 0 0;overflow-wrap:anywhere}
 #logo-print-sheet .logo-print-art{flex:1;min-height:0;width:100%;padding:8mm;display:flex;align-items:center;justify-content:center;background:var(--print-surface,#fff)}#logo-print-sheet svg{display:block;width:100%;height:100%}
 #logo-print-sheet footer{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:10mm;width:100%;max-width:none;border:0;margin:0;padding:5mm 0 0;background:#fff;color:#344334;font:10pt/1.5 PN,'Malgun Gothic',sans-serif}#logo-print-sheet footer span{max-width:48%;margin:0;overflow-wrap:anywhere}
 body.logo-print-ready.logo-print-clean #logo-print-sheet{page:logo-artwork-a4;width:297mm;height:209mm;padding:12mm;box-sizing:border-box}
 body.logo-print-clean #logo-print-sheet :is(.logo-print-heading,footer){display:none!important}
 body.logo-print-clean #logo-print-sheet .logo-print-art{padding:0}
}