:root{--bg:#fff;--card:#f0f2f5;--muted:rgba(0,0,0,.08);--accent:#007bff;--text-color:#1a1a1a}:root.dark-mode{--bg:#0b1220;--card:#0f1724;--muted:rgba(230,238,246,.08);--accent:#007bff;--text-color:#e6eef6;color-scheme:dark}.container{display:flex;gap:20px;max-width:1400px;width:100%}.controls{flex:1;height:fit-content;min-width:320px;top:20px}.controls,.preview{background:var(--card);border:1px solid var(--muted);border-radius:10px;padding:16px;position:sticky}.preview{flex:2;height:100%;min-width:460px;top:80px}body input[type=color]{border:0;height:50px;padding:0}button{background:var(--card);margin-bottom:5px}.controls h3{margin:0 0 10px}.controls h3,.preview h3{color:var(--text-color);font-size:1rem}.preview h3{margin:0 0 15px}.controls label{border-bottom:1px solid;color:var(--text-color);display:block;display:inline-block;font-style:italic;margin:10px 0}.controls input[type=text],button,input[type=color],input[type=url],select{background:var(--muted)!important;border:1px solid var(--muted)!important;border-radius:3px;color:var(--text-color)!important;cursor:pointer;margin-bottom:15px;padding:10px;width:100%}.controls input[type=range]{background:var(--muted);width:100%}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:10px}.icon-card{background:var(--bg);border:2px solid transparent;border-radius:8px;cursor:pointer;padding:10px;text-align:center;transition:all .15s}.icon-card.selected{border-color:var(--accent);transform:scale(1.03)}.icon-svg-wrapper{font-size:inherit;height:56px}.icon-svg-wrapper,.logo-preview{align-items:center;display:flex;justify-content:center}.logo-preview{background:var(--bg);border:1px solid var(--muted);border-radius:8px;min-height:240px;overflow:hidden;padding:16px;width:100%}#livePreviewCanvas{max-height:100%;max-width:100%}.controls-row{display:flex;gap:10px}.small{font-size:.85rem;padding:8px}.topbar{gap:10px;justify-content:flex-end;margin-bottom:0;max-width:1400px;width:100%}.theme-toggle,.topbar{align-items:center;display:flex}.theme-toggle{background:var(--card);border:1px solid var(--muted);border-radius:50%;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;margin-bottom:15px;width:40px}.theme-toggle,.theme-toggle i{color:var(--text-color)}.hidden{display:none}.accordion-section{border-bottom:1px solid var(--muted);margin-bottom:10px;padding-bottom:10px}.accordion-header{align-items:center;color:var(--clr-link-html);cursor:pointer;display:flex;font-size:24px;font-weight:700;justify-content:space-between;padding:10px 0}.accordion-header i{color:var(--text-color);transition:transform .3s ease}.accordion-header.active i{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.active{max-height:1000px;transition:max-height .3s ease-in}.font-select-group{display:flex;gap:8px}.font-select-group select{flex-grow:1;font-size:1.1em;padding:8px}select option{font-size:1.1em;padding:5px}.font-preview{border-bottom:1px solid var(--muted);cursor:pointer;font-size:1.2em;padding:8px}.font-preview.selected{background-color:var(--muted)}@media (max-width:980px){.container{flex-direction:column}.controls{order:2}.preview{order:1}}