.logo-product{max-width:1440px;margin:0 auto;padding:4px 64px 80px;color:#171a23;--logo-accent:#4f46e5;--logo-muted:#697184;--logo-border:#e1e5ee}.logo-page-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;min-height:36px}.logo-page-title h1{font-size:25px;font-weight:650;letter-spacing:-.8px;line-height:1.4;margin:0}.logo-page-title>span{display:flex;align-items:center;gap:9px;color:var(--logo-muted);font-size:12px}.logo-title-dot{width:6px;height:6px;background:#66aa99;border-radius:50%}.logo-page-title i{width:1px;height:12px;background:#d6dce8}.logo-workbench{display:grid;grid-template-columns:280px minmax(0,1fr) 256px;gap:16px;height:604px}.logo-panel{min-width:0;padding:20px;border:1px solid var(--logo-border);border-radius:16px;background:#fff;box-shadow:0 2px 6px #171a2302}.logo-panel h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;margin:0 0 18px;line-height:1.5}.logo-panel h2>span{color:#9ba3b4;font-size:11px;letter-spacing:.5px}.logo-product :is(input,select,textarea,button){font:inherit}.logo-product label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#616b7f;font-weight:550;position:relative}.logo-product label>small{position:absolute;right:0;top:0;color:#9ba3b4;font-size:10px;font-weight:400}.logo-product fieldset{padding:0;margin:0;border:0;min-width:0;display:flex;flex-direction:column;gap:13px}.logo-product :is(input:not([type=color]):not([type=range]),select,textarea){width:100%;min-width:0;border:1px solid #dce2ec;border-radius:8px;padding:10px 11px;background:#fff;color:#232c3e;font-size:12px;min-height:40px;transition:border-color .15s,box-shadow .15s}.logo-product textarea{height:91px;resize:none;line-height:1.6}.logo-product input::placeholder,.logo-product textarea::placeholder{color:#9aa4b5}.logo-product :is(input,select,textarea):focus{outline:0;border-color:#8d87ef;box-shadow:0 0 0 3px #4f46e50b}.logo-product :is(button,a):focus-visible{outline:3px solid #8d87ef;outline-offset:3px}.logo-product button{cursor:pointer}.logo-product :is(button,input,select,textarea):disabled{cursor:not-allowed}.logo-product button:disabled{background:#eceef4!important;border-color:#e9ecf3!important;color:#9ba3b4!important;box-shadow:none}.logo-product fieldset:disabled :is(input,select,textarea){color:#9ba3b4;background:#fafbfe}.logo-color-row{display:flex;gap:12px}.logo-color-row label{flex:1;min-width:0}.logo-product input[type=color]{width:100%;height:32px;padding:3px;background:#fff;border:1px solid #dce2ec;border-radius:7px;cursor:pointer}.logo-product input[type=color]::-webkit-color-swatch-wrapper{padding:0}.logo-product input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.logo-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--logo-accent);border-radius:9px;background:var(--logo-accent);color:white;font-size:12px!important;font-weight:600!important;box-shadow:0 3px 8px #4f46e514;transition:background .15s,transform .15s}.logo-primary:not(:disabled):hover{background:#4038cc;transform:translateY(-1px)}.logo-help{font-size:10px;color:#929bad;line-height:1.65;margin:12px 0 0}.logo-preview-column{gap:12px;min-width:0}.logo-preview,.logo-preview-column{display:flex;flex-direction:column;min-height:0}.logo-preview{flex:1}.logo-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.logo-preview-toolbar h2{margin:0}.logo-history{display:flex;gap:6px}.logo-history button{width:34px;height:34px;border:1px solid #e4e8f0;border-radius:8px;color:#79839a;background:#fff}.logo-history button,.logo-preview-canvas{display:flex;align-items:center;justify-content:center}.logo-preview-canvas{flex:1;min-height:0;border:1px solid #edf0f8;border-radius:12px;background:radial-gradient(ellipse at 50% 42%,#f4f5ff 0,#fafbff 75%);padding:24px;position:relative;overflow:hidden}.logo-preview-canvas.is-dark{background:#151727;border-color:#151727}.logo-preview-canvas>img{width:100%;height:100%;min-height:0;object-fit:contain}.logo-empty{flex-direction:column;text-align:center;padding:16px;color:var(--logo-accent)}.logo-empty,.logo-empty-symbol{display:flex;align-items:center}.logo-empty-symbol{justify-content:center;width:68px;height:68px;border:1px solid #e4e3ff;border-radius:22px;background:#fff;box-shadow:0 8px 28px #4f46e508}.logo-empty h3{font-size:21px;font-weight:600;letter-spacing:-.5px;line-height:1.5;color:#293148;margin:23px 0 10px}.logo-empty p{font-size:12px;color:#8b94a7;line-height:1.9;margin:0}.logo-rationale{font-size:11px;line-height:1.7;color:#8791a5;margin:12px 0 0;max-height:57px;overflow:auto}.logo-concepts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:108px}.logo-concepts button{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;gap:8px;border:1px solid #e1e5ee;border-radius:11px;background:white;color:#9ba6bb;padding:10px}.logo-concepts button:disabled{background:#fff!important;color:#b7c0d0!important;border-color:#e1e5ee!important}.logo-concepts button[aria-pressed=true]{border-color:#7770ef;background:#f7f7ff;color:var(--logo-accent);box-shadow:0 0 0 1px #7770ef}.logo-concepts img{width:100%;height:59px;object-fit:contain}.logo-concepts button>span{display:flex;align-items:center;gap:6px;font-size:10px}.logo-customize fieldset{gap:14px}.logo-field-row{display:flex;gap:9px}.logo-field-row label{flex:1;min-width:0}.logo-field-row select{padding-left:8px;padding-right:2px;font-size:11px}.logo-range-label{margin-top:2px}.logo-range-label>span{position:absolute;right:0;top:0;color:#697184;font-size:11px}.logo-product input[type=range]{width:100%;margin:8px 0 3px;accent-color:var(--logo-accent);height:12px}.logo-downloads{display:flex;gap:9px}.logo-downloads button{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px;border:1px solid #dce2ec;border-radius:9px;background:white;color:#697184;font-size:12px}.logo-notice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:34px;margin-top:10px;font-size:11px;color:#8791a5}.logo-notice p{margin:0;line-height:1.6}.logo-notice .logo-error{color:#ae3346;background:#fff2f3;border-radius:8px;padding:8px 12px}.logo-notice a,.logo-notice button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--logo-accent);padding:6px 0;font-size:11px}.logo-about{border-top:1px solid #e1e5ee;padding:58px 0;margin-top:88px}.logo-eyebrow{font-size:11px;color:var(--logo-accent);font-weight:650;letter-spacing:1.5px}.logo-about h2{font-size:35px;letter-spacing:-1.2px;line-height:1.35;font-weight:600;margin:17px 0}.logo-about>p{max-width:770px;color:#798398;font-size:14px;line-height:1.9;margin:0}.logo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:34px}.logo-steps article>span{font-size:11px;color:var(--logo-accent);font-weight:650}.logo-steps h3{font-size:17px;font-weight:600;margin:11px 0 7px}.logo-steps p{color:#8791a5;font-size:12px;margin:0;line-height:1.7}.logo-other-products{border-top:1px solid #e1e5ee;padding-top:42px}.logo-section-heading h2{font-size:27px;font-weight:600;letter-spacing:-.7px;margin:0 0 10px}.logo-section-heading p{color:#8791a5;font-size:13px}.logo-product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.logo-product-cards>a{display:flex;flex-direction:column;align-items:flex-start;padding:25px;border:1px solid #e1e5ee;border-radius:13px;background:white;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.logo-product-cards>a:hover{transform:translateY(-3px);border-color:#b3aff3;box-shadow:0 10px 28px #171a2306}.logo-product-icon{color:var(--logo-accent);margin-bottom:17px}.logo-product-cards h3{font-size:17px;font-weight:600;color:#273046;margin:0 0 9px}.logo-product-cards p{font-size:12px;line-height:1.7;color:#8791a5;margin:0 0 21px;flex:1}.logo-product-link{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--logo-accent);font-weight:550}.logo-mobile-start,.logo-mobile-tabs{display:none}.logo-spin{animation:logo-spin 1s linear infinite}@keyframes logo-spin{to{transform:rotate(1turn)}}@media(min-width:1101px) and (max-height:820px){.logo-workbench{height:568px;grid-template-columns:260px minmax(0,1fr) 240px}.logo-panel{padding:17px}.logo-panel h2{margin-bottom:13px}.logo-customize fieldset,.logo-product fieldset{gap:10px}.logo-product textarea{height:76px}.logo-help{margin-top:9px}.logo-concepts{height:90px}.logo-concepts img{height:45px}.logo-about{margin-top:76px}}@media(max-width:1250px){.logo-product{padding-inline:32px}.logo-workbench{grid-template-columns:260px minmax(0,1fr) 240px;gap:12px}.logo-panel{padding:17px}.logo-empty h3{font-size:18px}.logo-page-title>span{font-size:11px}}@media(max-width:1100px){.logo-product{padding:5px 24px 60px}.logo-workbench{grid-template-columns:260px minmax(0,1fr);height:auto}.logo-brief,.logo-preview-column{min-height:590px}.logo-customize{grid-column:1/-1}.logo-customize fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.logo-customize .logo-primary{align-self:end}.logo-about{margin-top:55px}.logo-product-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.logo-product{padding:0 16px 48px}.logo-page-title{min-height:34px;margin-bottom:14px}.logo-page-title h1{font-size:24px}.logo-page-title>span{font-size:9px;gap:5px}.logo-title-dot{display:none}.logo-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#eceef5;border-radius:12px;margin-bottom:14px}.logo-mobile-tabs button{height:40px;padding:0 4px;border:0;border-radius:8px;background:transparent;font-size:12px;color:#7b859a}.logo-mobile-tabs button[aria-selected=true]{background:white;color:var(--logo-accent);box-shadow:0 2px 6px #171a2305}.logo-workbench{display:block;min-height:482px}.logo-workbench[data-mobile-tab=brief] .logo-customize,.logo-workbench[data-mobile-tab=brief] .logo-preview-column,.logo-workbench[data-mobile-tab=customize] .logo-brief,.logo-workbench[data-mobile-tab=customize] .logo-preview-column,.logo-workbench[data-mobile-tab=preview] .logo-brief,.logo-workbench[data-mobile-tab=preview] .logo-customize{display:none}.logo-panel{padding:17px;border-radius:14px}.logo-brief,.logo-preview-column{min-height:0}.logo-brief form fieldset{gap:12px}.logo-preview{height:344px;flex:none;padding:14px}.logo-preview-toolbar{margin-bottom:10px}.logo-preview-canvas{padding:16px}.logo-empty h3{font-size:20px;max-width:230px;margin-top:17px}.logo-empty p{font-size:11px}.logo-empty-symbol{width:56px;height:56px;border-radius:18px}.logo-concepts{height:76px;gap:7px}.logo-concepts img{height:39px}.logo-concepts button{padding:7px;gap:5px}.logo-mobile-start{display:flex;margin-top:0}.logo-customize fieldset{display:flex;gap:12px}.logo-customize .logo-field-row select{font-size:12px}.logo-notice{font-size:10px;margin-top:12px}.logo-about{margin-top:60px;padding:34px 0}.logo-about h2{font-size:28px;letter-spacing:-.8px}.logo-about>p{font-size:13px}.logo-steps{grid-template-columns:1fr;gap:24px;margin-top:27px}.logo-steps h3{margin-top:7px}.logo-other-products{padding-top:30px}.logo-section-heading h2{font-size:24px}.logo-product-cards{grid-template-columns:1fr;gap:12px;margin-top:20px}.logo-product-cards>a{padding:20px}.logo-product-icon{margin-bottom:12px}.logo-product-cards p{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){.logo-spin{animation:none}.logo-primary,.logo-product-cards>a{transition:none}.logo-primary:not(:disabled):hover{transform:none}}.favicon-workbench{display:grid;grid-template-columns:292px minmax(0,1fr) 256px;gap:16px;height:604px}.favicon-controls{padding:18px;overflow:auto}.favicon-controls h2{margin-bottom:14px}.favicon-controls fieldset{gap:10px}.favicon-controls label{font-size:11px;line-height:1.35}.favicon-controls :is(input:not([type=color]):not([type=range]):not([type=checkbox]),select){min-height:36px;height:36px;padding:8px 10px}.favicon-source-modes{display:flex;gap:4px;padding:4px;background:#eceef5;border-radius:10px}.favicon-source-modes button{flex:1;min-width:0;border:0;background:none;border-radius:7px;min-height:32px;color:#697184;font-size:11px;font-weight:550;padding:4px}.favicon-source-modes button[aria-pressed=true]{color:#4f46e5;background:#fff;box-shadow:0 1px 4px #171a2306}.favicon-file{display:none}.favicon-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;min-height:123px;padding:14px 10px;border:1px dashed #dce0ee;border-radius:12px;background:#f7f8fd;color:#4f46e5}.favicon-upload strong{font-size:12px;font-weight:600;color:#293148}.favicon-upload span{font-size:10px;line-height:1.5;color:#8791a5}.favicon-text-controls{display:flex;flex-direction:column;gap:10px}.favicon-font-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:10px}.favicon-font-row input[type=color]{height:36px}.favicon-background-colors{display:flex;gap:10px}.favicon-background-colors label{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-width:0}.favicon-background-colors input[type=color]{width:54px;height:30px;flex-shrink:0}.favicon-product .favicon-mono{display:flex;flex-direction:row;align-items:center;gap:8px}.favicon-mono input[type=checkbox]{accent-color:#4f46e5;width:15px;height:15px;min-height:0;margin:0;flex-shrink:0}.favicon-controls .logo-help{margin-top:10px;font-size:10px;line-height:1.55}.favicon-preview-column{display:flex;flex-direction:column;min-width:0;gap:12px}.favicon-preview{height:354px;display:flex;flex-direction:column;min-height:0}.favicon-preview h2{margin-bottom:14px}.favicon-preview-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1;min-height:0;position:relative;border-radius:12px;background:#f5f5ff;padding:22px;overflow:hidden}.favicon-preview-canvas.is-transparent{background-color:#fafaff;background-image:conic-gradient(#e8eaf3 25%,transparent 0 50%,#e8eaf3 0 75%,transparent 0);background-size:16px 16px}.favicon-preview-canvas>img{width:148px;height:148px;object-fit:contain}.favicon-preview-canvas>small{font-size:11px;max-width:100%;color:#697184;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffffd9;padding:3px 8px;border-radius:4px}.favicon-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#4f46e5;gap:12px}.favicon-empty h3{margin:0;color:#293148;font-size:19px;line-height:1.5;font-weight:600}.favicon-empty p{font-size:12px;line-height:1.7;margin:0;color:#8791a5}.favicon-context{padding:16px}.favicon-context h3{font-size:11px;color:#8791a5;font-weight:500;margin:0 0 12px}.favicon-browser-tab{display:flex;gap:9px;align-items:center;padding:11px 14px;background:#f2f3f8;border-radius:8px;min-width:0}.favicon-browser-tab img{width:16px;height:16px;flex-shrink:0}.favicon-browser-tab>span:not(.favicon-tab-placeholder){font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3d465c}.favicon-browser-tab>svg{color:#4f46e5;flex-shrink:0}.favicon-tab-placeholder{width:16px;height:16px;flex-shrink:0;background:#e1e5ee;border-radius:4px}.favicon-sizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;flex:1;align-items:center;min-height:90px}.favicon-sizes>div{min-width:0;text-align:center}.favicon-sizes>div>div{height:60px;display:flex;align-items:center;justify-content:center}.favicon-sizes img{flex-shrink:0;object-fit:contain}.favicon-sizes small{font-size:10px;color:#8791a5;white-space:nowrap}.favicon-sizes>div>div>span{color:#b1bacc}.favicon-export .favicon-package-icon{color:#4f46e5;margin:0 0 16px}.favicon-export>h3{font-size:21px;line-height:1.45;font-weight:600;letter-spacing:-.3px;margin:0 0 16px}.favicon-export>p:not(.logo-help):not(.favicon-mobile-size-note){font-size:12px;line-height:1.65;color:#8791a5;margin:0 0 16px}.favicon-export ul{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0;margin:0 0 20px}.favicon-export li{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#8791a5;line-height:1.5}.favicon-export li svg{color:#4f46e5;flex-shrink:0}.favicon-export .logo-help{font-size:10px}.favicon-install-link{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;margin-top:16px;font-size:11px;color:#4f46e5;font-weight:600}.favicon-empty-start,.favicon-mobile-download,.favicon-mobile-size-note,.favicon-view-button{display:none}.favicon-install{border-top:1px solid #e1e5ee;padding:30px 0 40px;scroll-margin-top:105px}.favicon-install summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:24px;list-style:none;font-weight:600}.favicon-install summary::-webkit-details-marker{display:none}.favicon-install[open] summary svg{transform:rotate(180deg)}.favicon-install>p{font-size:13px;color:#8791a5;line-height:1.7;margin:20px 0}.favicon-install-code{background:#f0f2f7;border-radius:12px;padding:24px}.favicon-install-code pre{font-size:12px;line-height:1.8;color:#353e57;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}.favicon-install-code button{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce0e8;border-radius:8px;background:#fff;padding:11px 15px;font-size:12px;color:#293148}.favicon-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:901px){.favicon-controls{scrollbar-width:thin}}@media(max-width:1100px) and (min-width:701px){.favicon-workbench{grid-template-columns:260px minmax(0,1fr);height:auto}.favicon-controls,.favicon-preview-column{min-height:590px}.favicon-export{grid-column:1/-1}.favicon-export ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.favicon-export .favicon-download{max-width:320px}}@media(max-width:700px){.favicon-workbench{display:block;height:auto}.favicon-workbench[data-mobile-tab=export]>.favicon-controls,.favicon-workbench[data-mobile-tab=export]>.favicon-preview-column,.favicon-workbench[data-mobile-tab=preview]>.favicon-controls,.favicon-workbench[data-mobile-tab=preview]>.favicon-export,.favicon-workbench[data-mobile-tab=source]>.favicon-export,.favicon-workbench[data-mobile-tab=source]>.favicon-preview-column{display:none}.favicon-controls{padding:16px;overflow:visible;min-height:0}.favicon-controls fieldset{gap:12px}.favicon-controls label{font-size:12px}.favicon-controls :is(input:not([type=color]):not([type=range]):not([type=checkbox]),select){height:40px;min-height:40px}.favicon-upload{min-height:134px}.favicon-font-row input[type=color]{height:40px}.favicon-source-modes button{font-size:12px;min-height:36px}.favicon-preview-column{gap:14px}.favicon-preview{height:268px;padding:18px}.favicon-preview-canvas>img{width:120px;height:120px}.favicon-empty h3{font-size:17px}.favicon-empty-start{display:block;border:0;background:none;color:#4f46e5;font-size:12px;padding:0}.favicon-context{padding:16px}.favicon-sizes{min-height:90px;gap:4px;flex:0}.favicon-sizes small{font-size:9px}.favicon-sizes img{max-width:100%;height:auto}.favicon-mobile-download{display:flex}.favicon-mobile-size-note{display:block;color:#8791a5;font-size:10px;line-height:1.6;margin:0}.favicon-view-button{display:flex;align-items:center;justify-content:center;min-height:40px;width:100%;border:1px solid #dce2ec;border-radius:8px;background:#fff;font-size:12px;color:#697184;padding:10px;margin-top:12px}.favicon-preview-column .favicon-view-button{margin:0}.favicon-export{min-height:520px}.favicon-export>h3{font-size:22px}.favicon-export li{font-size:12px}.favicon-export .favicon-mobile-size-note{margin-top:24px}.favicon-install{padding:25px 0 30px}.favicon-install summary{font-size:22px}.favicon-install-code{padding:18px}.favicon-install-code pre{font-size:11px}.favicon-product .logo-page-title>span{font-size:10px}.favicon-product .logo-about{margin-top:60px}}.favicon-product .favicon-mono input[type=checkbox]{width:15px;height:15px;min-height:15px;padding:0;margin:0;flex-shrink:0}