@keyframes logoSpin{to{transform:rotate(1turn)}}@keyframes logoFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.logo-generator{display:flex;height:100vh;background:var(--ir-bg);color:var(--ir-text);overflow:hidden}.logo-generator *{box-sizing:border-box}.logo-generator__sidebar{width:340px;min-width:340px;background:var(--ir-bg-subtle);border-right:1px solid var(--ir-border-light);display:flex;flex-direction:column}.logo-generator__header-minimal{padding:14px 18px;border-bottom:1px solid var(--ir-border-light);flex-shrink:0}.logo-generator__back{font-size:.8125rem;font-weight:500;color:var(--ir-text-secondary);text-decoration:none;transition:color var(--ir-transition)}.logo-generator__back:hover{color:var(--ir-primary-dark)}.logo-generator__controls{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:14px 14px 24px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.logo-generator__controls::-webkit-scrollbar{width:6px}.logo-generator__controls::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:3px}.logo-generator__controls:hover::-webkit-scrollbar-thumb{background:var(--ir-border)}.logo-generator__section{padding:16px;margin:0 0 12px;background:var(--ir-bg-card);border:1px solid var(--ir-border-light);border-radius:var(--ir-radius)}.logo-generator__section:last-child{margin-bottom:0}.logo-generator__section-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ir-text-muted)}.logo-generator__section-title .section-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--ir-primary-lighter);color:var(--ir-primary-dark);border-radius:6px}.logo-generator__section-title .section-icon svg{width:12px;height:12px}.logo-generator__field{margin-bottom:14px}.logo-generator__field:last-child{margin-bottom:0}.logo-generator__label{display:block;margin-bottom:6px;font-size:.75rem;font-weight:500;color:var(--ir-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.logo-generator__input,.logo-generator__select{width:100%;padding:8px 12px;background:var(--ir-bg-card);border:1px solid var(--ir-border);border-radius:8px;color:var(--ir-text);font-size:.8125rem;font-family:inherit;transition:border-color var(--ir-transition),box-shadow var(--ir-transition)}.logo-generator__input:hover,.logo-generator__select:hover{border-color:var(--ir-border)}.logo-generator__input:focus,.logo-generator__select:focus{outline:none;border-color:var(--ir-primary);box-shadow:0 0 0 3px var(--ir-primary-lighter)}.logo-generator__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px;cursor:pointer}.logo-generator__search{position:relative;display:flex;align-items:center;background:var(--ir-bg-card);border:1px solid var(--ir-border);border-radius:9px;transition:border-color var(--ir-transition),box-shadow var(--ir-transition)}.logo-generator__search:focus-within{border-color:var(--ir-primary);box-shadow:0 0 0 3px var(--ir-primary-lighter)}.logo-generator__search-input{width:100%;padding:9px 12px;background:rgba(0,0,0,0);border:none;color:var(--ir-text);font-size:.875rem;font-family:inherit;outline:none}.logo-generator__search-input::placeholder{color:var(--ir-text-muted)}.logo-generator__slider{width:100%;height:4px;border-radius:2px;background:var(--ir-border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.logo-generator__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ir-primary);cursor:pointer;box-shadow:0 0 0 4px var(--ir-bg-card),0 1px 4px rgba(0,0,0,.15);-webkit-transition:transform var(--ir-transition);transition:transform var(--ir-transition)}.logo-generator__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.logo-generator__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ir-primary);border:4px solid var(--ir-bg-card);box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer}.logo-generator__color{width:100%;height:34px;padding:3px;background:var(--ir-bg-card);border:1px solid var(--ir-border);border-radius:8px;cursor:pointer;transition:border-color var(--ir-transition)}.logo-generator__color:hover{border-color:var(--ir-text-muted)}.logo-generator__color::-webkit-color-swatch-wrapper{padding:0;border:none}.logo-generator__color::-webkit-color-swatch{border:none;border-radius:5px}.logo-generator__color::-moz-color-swatch{border:none;border-radius:5px}.logo-generator__checkbox{display:flex;align-items:center;gap:9px;font-size:.8125rem;font-weight:500;color:var(--ir-text);cursor:pointer;padding:6px 0}.logo-generator__checkbox input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--ir-primary);flex-shrink:0}.logo-generator__bg-presets,.logo-generator__color-presets{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;gap:6px}.logo-generator__bg-preset,.logo-generator__color-preset{width:100%;aspect-ratio:1;border-radius:6px;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:transform var(--ir-transition),box-shadow var(--ir-transition);padding:0}.logo-generator__bg-preset:hover,.logo-generator__color-preset:hover{transform:scale(1.08);box-shadow:0 0 0 2px var(--ir-primary)}.logo-generator__bg-preset:active,.logo-generator__color-preset:active{transform:scale(.95)}.logo-generator__gradient-presets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.logo-generator__gradient-preset{width:100%;height:30px;border-radius:7px;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:transform var(--ir-transition),box-shadow var(--ir-transition);padding:0}.logo-generator__gradient-preset:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--ir-primary)}.logo-generator__presets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.logo-generator__preset-btn{padding:7px 6px;background:var(--ir-bg-card);border:1px solid var(--ir-border);border-radius:7px;color:var(--ir-text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:background var(--ir-transition),color var(--ir-transition),border-color var(--ir-transition)}.logo-generator__preset-btn:hover{background:var(--ir-primary-lighter);color:var(--ir-primary-dark);border-color:var(--ir-primary-light)}.logo-generator__loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 16px;color:var(--ir-text-muted);font-size:.8125rem;background:var(--ir-bg-subtle);border:1px dashed var(--ir-border);border-radius:9px;margin-top:10px}.logo-generator__loading .loading-spinner{width:16px;height:16px;border:2px solid var(--ir-border);border-top-color:var(--ir-primary);border-radius:50%;animation:logoSpin .8s linear infinite}.logo-generator__icons-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;max-height:280px;overflow-y:auto;padding:8px;background:var(--ir-bg-subtle);border:1px solid var(--ir-border-light);border-radius:10px;margin-top:10px;scrollbar-width:thin}.logo-generator__icons-grid::-webkit-scrollbar{width:6px}.logo-generator__icons-grid::-webkit-scrollbar-thumb{background:var(--ir-border);border-radius:3px}.logo-generator__icon-item{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--ir-bg-card);border:1px solid rgba(0,0,0,0);border-radius:8px;cursor:pointer;transition:background var(--ir-transition),border-color var(--ir-transition);position:relative;aspect-ratio:1}.logo-generator__icon-item:hover{border-color:var(--ir-border)}.logo-generator__icon-item--selected{background:var(--ir-primary-lighter);border-color:var(--ir-primary)}.logo-generator__icon-item--selected:after{content:"";position:absolute;top:4px;right:4px;width:14px;height:14px;background:var(--ir-primary);border-radius:50%;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3e%3cpath stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m3 6.5 2 2 4-5'/%3e%3c/svg%3e");background-size:14px 14px;background-position:50%}.logo-generator__icon-image{width:24px;height:24px;object-fit:contain}.logo-generator__main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 60% 40% at 50% 0,var(--ir-primary-lighter) 0,transparent 60%),var(--ir-bg)}.logo-generator__preview-content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;overflow:auto;gap:18px}.logo-generator__preview-info{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ir-text-muted);padding:5px 12px;background:var(--ir-bg-card);border:1px solid var(--ir-border-light);border-radius:999px}.logo-generator__canvas{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--ir-bg-card);border-radius:var(--ir-radius-xl);border:1px solid var(--ir-border-light);box-shadow:0 1px 2px rgba(0,0,0,.04),0 16px 48px -16px rgba(0,0,0,.1);min-height:420px;animation:logoFadeUp .3s ease both;background-image:linear-gradient(45deg,var(--ir-bg-subtle) 25%,transparent 25%),linear-gradient(-45deg,var(--ir-bg-subtle) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ir-bg-subtle) 75%),linear-gradient(-45deg,transparent 75%,var(--ir-bg-subtle) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.logo-generator__canvas svg{max-width:100%;max-height:100%}foreignObject{overflow:visible}foreignObject div{width:100%;height:100%}foreignObject div svg{width:100%!important;height:100%!important;display:block}.logo-generator__empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--ir-text-secondary);padding:64px 40px}.logo-generator__empty-state .empty-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:4px;background:var(--ir-bg-card);border:1px solid var(--ir-border-light);border-radius:20px;color:var(--ir-primary)}.logo-generator__empty-state h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--ir-text);letter-spacing:-.02em}.logo-generator__empty-state p{margin:0;font-size:.9375rem;line-height:1.55;max-width:340px;color:var(--ir-text-muted)}.logo-generator__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.logo-generator__actions .button{min-width:168px;padding:11px 20px;font-size:.875rem;font-weight:600;border-radius:var(--ir-radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--ir-transition),box-shadow var(--ir-transition),background var(--ir-transition)}.logo-generator__actions .button svg{width:16px;height:16px}.logo-generator__actions .button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.logo-generator__actions .button--primary{background:linear-gradient(135deg,var(--ir-primary) 0,var(--ir-primary-dark) 100%);color:#fff;border:none;box-shadow:0 4px 14px -4px rgba(229,90,43,.5)}.logo-generator__actions .button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px -4px rgba(229,90,43,.6)}.logo-generator__actions .button--secondary{background:var(--ir-bg-card);color:var(--ir-text);border:1px solid var(--ir-border)}.logo-generator__actions .button--secondary:hover:not(:disabled){background:var(--ir-bg-subtle);border-color:var(--ir-text-muted)}.logo-generator__logo-info{text-align:center;font-size:.75rem;color:var(--ir-text-muted);line-height:1.5;padding:0 16px;max-width:560px}@media(max-width:1200px){.logo-generator__sidebar{width:320px;min-width:320px}}@media(max-width:968px){.logo-generator{flex-direction:column;height:auto;min-height:100vh}.logo-generator__sidebar{width:100%;min-width:0;max-height:52vh;border-right:none;border-bottom:1px solid var(--ir-border-light)}.logo-generator__main{min-height:50vh}.logo-generator__bg-presets,.logo-generator__color-presets{grid-template-columns:repeat(8,1fr)}.logo-generator__actions{flex-direction:column;align-items:stretch;width:100%;max-width:320px}.logo-generator__actions .button{min-width:0}.logo-generator__canvas{padding:20px;min-height:300px}}@media(max-width:640px){.logo-generator__bg-presets,.logo-generator__color-presets{grid-template-columns:repeat(6,1fr)}.logo-generator__gradient-presets{grid-template-columns:repeat(3,1fr)}.logo-generator__presets{grid-template-columns:repeat(2,1fr)}.logo-generator__icons-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}