#logo-studio .logo-label{font-size:9px;letter-spacing:2px;color:#dab18e;margin:15px 0}#logo-studio h2{font:38px/1.05 Georgia,serif;letter-spacing:-1px;margin:18px 0}#logo-studio h3{font-size:14px;margin:28px 0 15px}#logo-studio>p{line-height:1.8}.logo-canvas{margin:25px 0;padding:14px;min-height:140px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:12px;background:#202326;overflow:hidden}.logo-canvas svg{width:100%;height:auto;max-height:270px}.logo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.logo-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#logo-studio .logo-colors input{width:100%;height:40px;padding:3px}#logo-studio .logo-checkbox{display:flex;align-items:center;gap:10px;font-size:11px}#logo-studio .logo-checkbox input{width:16px;height:16px;margin:0}.logo-contrast{font-size:10px!important;color:#d6b190!important;line-height:1.6}.logo-variants{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-variants button{padding:0 0 12px;background:#282b2e;border:1px solid #ffffff20;border-radius:8px;overflow:hidden;cursor:pointer;color:#e8dfd5}.logo-variants button[aria-pressed=true]{outline:2px solid #d4ac89;outline-offset:2px}.logo-variants button>span{display:block;height:130px;padding:10px}.logo-variants svg{width:100%;height:100%}.logo-variants b{font-size:10px;font-weight:500;display:block;padding-top:10px}.logo-applications{display:grid;gap:10px;margin:15px 0 25px}.logo-applications>div{padding:22px;border-radius:8px;min-height:95px;display:grid;place-items:center}.logo-applications svg{width:100%;height:auto;max-height:135px}.logo-on-light{background:#ede8df}.logo-on-dark{background:#191c20}.logo-downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.logo-downloads button{padding:13px 8px;border:1px solid #ffffff30;background:transparent;color:#ddd5cc;border-radius:5px;font-size:11px}#logo-studio>[data-logo-action=apply]{width:100%;padding:16px}#logo-studio [role=status]{font-size:12px;color:#e0bb98;min-height:22px}#logo-studio button:disabled{opacity:.5;cursor:wait}#logo-studio .helper{font-size:10px;line-height:1.8;color:#b2aba3}#open-logo-studio{width:100%;margin:10px 0 18px}#logo-studio button:focus-visible{outline:2px solid #ecc09c;outline-offset:4px}@media(max-width:760px){#logo-studio input:not([type=color]):not([type=range]):not([type=checkbox]),#logo-studio select{font-size:16px}}
.logo-atelier-header button,.logo-stage-actions button,#logo-studio [data-logo-action=kit]{border:1px solid #d8b79750;background:#33302c;color:#eedbc9;padding:13px 16px;border-radius:6px;cursor:pointer;font-size:11px}.logo-atelier-header button{width:100%;margin:8px 0}.logo-workspace{min-width:0}.logo-main,.logo-settings{min-width:0}.logo-stage-actions{display:grid;gap:8px}.logo-settings{margin-top:30px}.logo-settings details{border-top:1px solid #ffffff20;padding:17px 0}.logo-settings summary,.logo-collection>summary{cursor:pointer;font-size:13px;color:#e0d7ce;line-height:1.6}.logo-settings small{font-size:10px;line-height:1.7;color:#a9a39b;display:block}.logo-settings output{float:right;color:#dbb898;font-size:11px}.logo-collection{margin:24px 0;border-top:1px solid #ffffff1c;padding-top:18px}.logo-collection>p{font-size:11px;line-height:1.7;color:#aaa49d}.logo-collection[open]>summary{margin-bottom:18px}.logo-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.logo-presets button{border:1px solid #ffffff22;background:#292c2e;color:#e5ddd5;border-radius:6px;padding:0 0 12px;overflow:hidden;font-size:11px;cursor:pointer}.logo-presets button>span{display:grid;place-items:center;height:110px;margin-bottom:12px;padding:8px}.logo-presets svg{width:100%;height:100%}.logo-palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.logo-palettes button{background:none;border:0;color:#c9c0b7;padding:0;font-size:9px;cursor:pointer}.logo-palettes button>span{display:flex;gap:4px;padding:10px 6px;border-radius:5px;margin-bottom:7px}.logo-palettes i{width:18px;height:18px;display:block;border-radius:50%}.logo-favorites{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-favorites>p{grid-column:1/-1;font-size:12px;color:#aaa}.logo-favorites>div>button:first-child{width:100%;height:120px;padding:8px;border:1px solid #ffffff25;border-radius:7px;cursor:pointer}.logo-favorites svg{width:100%;height:100%}.logo-favorites>div>button:last-child{padding:9px 0;background:none;border:0;color:#b8aaa0;font-size:10px}.logo-mockups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.logo-mockups figure{margin:0;min-width:0;min-height:150px;overflow:hidden;border-radius:7px;position:relative}.logo-card-scene{background:linear-gradient(135deg,#d6c9b6,#afa292);padding:25px 12px 30px;display:grid;place-items:center}.logo-businesscard{width:100%;aspect-ratio:1.7;transform:rotate(-9deg);box-shadow:8px 12px 20px #0004;padding:10px;display:grid;place-items:center}.logo-businesscard svg{width:100%;height:auto;max-height:100%}.logo-mockups figcaption{font:8px/1.6 Arial,sans-serif;letter-spacing:.2px;padding:8px;position:absolute;bottom:0;left:0;right:0;text-align:center;background:#15191ddd;color:#d4cec6}.logo-browser-bar{font-size:7px;display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #8884;gap:5px}.logo-browser-mark{width:80%;height:42px;padding:0 10px}.logo-browser-mark svg{width:100%;height:100%}.logo-browser-lines{padding:12px}.logo-browser-lines b,.logo-browser-lines i{display:block;height:3px;background:currentColor;opacity:.22;margin:7px 0;width:80%}.logo-browser-lines b{height:8px;width:65%;opacity:.45}.logo-social,.logo-size-test{background:#35383a;display:grid;place-items:center;padding-bottom:20px}.logo-avatar{width:75px;height:75px;border-radius:50%;overflow:hidden}.logo-avatar svg{width:100%;height:100%}.logo-small{width:32px;height:32px;border-radius:5px}.logo-small svg{width:100%;height:100%}.logo-export{border-top:1px solid #ffffff20;padding-top:25px;margin-top:25px}.logo-export>[data-logo-action=apply],.logo-export>[data-logo-action=kit]{width:100%;margin-top:12px}.logo-import{margin-top:24px!important;font-size:11px!important}.logo-import input{font-size:11px!important;width:100%}.logo-dialog{width:min(1440px,96vw);max-width:96vw;height:94svh;max-height:94svh;padding:0;border:1px solid #6f5e4e;border-radius:16px;background:#1b1e21;color:#ede6dd;overflow:auto;overscroll-behavior:contain}.logo-dialog::backdrop{background:#090b0ee8;backdrop-filter:blur(10px)}.logo-dialog #logo-studio{display:block;padding:30px 40px}.logo-dialog .logo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:start}.logo-dialog .logo-atelier-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo-dialog .logo-atelier-header button{width:auto;white-space:nowrap;position:sticky;top:0}.logo-dialog #logo-studio h2{font-size:46px;margin:16px 0}.logo-dialog .logo-settings{margin:0;padding:25px;background:#24272a;border:1px solid #ffffff14;border-radius:12px}.logo-dialog .logo-canvas{min-height:330px;padding:35px;margin-top:0}.logo-dialog .logo-canvas svg{max-height:340px}.logo-dialog .logo-presets{grid-template-columns:repeat(4,1fr)}.logo-dialog .logo-variants{grid-template-columns:repeat(4,1fr)}.logo-dialog .logo-variants button>span{height:110px}.logo-dialog .logo-applications{grid-template-columns:1fr 1fr}.logo-dialog .logo-mockups figure{min-height:220px}.logo-dialog .logo-businesscard{max-width:230px}.logo-dialog .logo-avatar{width:105px;height:105px}.logo-dialog .logo-browser-mark{height:70px}.logo-dialog .logo-intro{max-width:760px;margin-bottom:30px;font-size:14px;color:#b8afa6}.logo-dialog .logo-stage-actions{grid-template-columns:1fr 1fr}.logo-dialog label{display:block;font-size:11px;color:#d2c7bd;margin:16px 0}.logo-dialog input:not([type=checkbox]):not([type=range]):not([type=color]),.logo-dialog select{display:block;width:100%;padding:11px;margin-top:8px;background:#1b1e21;border:1px solid #ffffff26;color:#e9ded2;border-radius:5px;font:12px Arial,sans-serif}.logo-dialog input[type=range]{display:block;width:100%;margin-top:12px;accent-color:#cca786}.logo-dialog input[type=color]{display:block;margin-top:8px}.logo-dialog #logo-studio .logo-checkbox{display:flex}.logo-dialog .primary{background:#d3b18f;color:#191c1f;border:0;border-radius:5px;padding:16px;font-size:12px;cursor:pointer}.logo-dialog .logo-main .logo-collection:first-of-type{margin-top:30px}@media(max-width:1000px){.logo-dialog .logo-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.logo-dialog #logo-studio{padding:25px}.logo-dialog .logo-presets{grid-template-columns:1fr 1fr}}@media(max-width:760px){.logo-dialog{width:100%;max-width:100%;height:100svh;max-height:100svh;border-radius:0}.logo-dialog #logo-studio{padding:20px}.logo-dialog .logo-workspace{display:flex;flex-direction:column}.logo-dialog .logo-main,.logo-dialog .logo-settings{width:100%}.logo-dialog .logo-atelier-header{display:block}.logo-dialog .logo-canvas{min-height:220px;padding:20px}.logo-dialog .logo-variants{grid-template-columns:repeat(4,1fr)}.logo-dialog .logo-variants button>span{height:70px;padding:5px}.logo-dialog .logo-variants b{font-size:8px}.logo-dialog .logo-settings{padding:20px}.logo-dialog .logo-mockups figure{min-height:170px}.logo-dialog .logo-atelier-header button{width:100%}.logo-dialog .logo-applications{grid-template-columns:1fr}.logo-dialog input,.logo-dialog select{font-size:16px!important}}@media(prefers-reduced-motion:reduce){.logo-dialog *{scroll-behavior:auto}}
.logo-dialog .logo-atelier-header{position:sticky;top:-1px;z-index:5;background:#1b1e21;border-bottom:1px solid #ffffff20;padding-bottom:12px}.logo-dialog .logo-atelier-header button{flex-shrink:0}@media(max-width:760px){.logo-dialog #logo-studio .logo-atelier-header h2{font-size:27px;margin:8px 0}.logo-dialog .logo-atelier-header .logo-label{margin:6px 0}.logo-dialog .logo-atelier-header button{margin-bottom:0}}