.logo-config-panel{background:#f0f4f8;border-radius:12px;padding:16px 14px;}html[data-theme='dark'] .logo-config-panel{background:#0d1117;}.logo-preview-sticky{position:sticky;top:80px;align-self:flex-start;display:flex;flex-direction:column;align-items:center;padding-top:4px;}.logo-section-title{display:block;font-size:0.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;}html[data-theme='dark'] .logo-section-title{color:#94a3b8;}.logo-canvas{background:var(--logo-canvas-bg,#f8f9fa);border:1px solid var(--border);border-radius:16px;width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;padding:24px;}html[data-theme='dark'] .logo-canvas{--logo-canvas-bg:#1a1a2e;}.logo-input{width:100%;padding:9px 12px;border:1.5px solid #c8d3e0;border-radius:8px;background:#ffffff;color:#1e293b;font-size:0.9rem;outline:none;}html[data-theme='dark'] .logo-input{background:#1a1a2e;border-color:#334155;color:#e2e8f0;}.logo-input:focus{border-color:var(--accent);}.logo-select{width:100%;padding:9px 12px;border:1.5px solid #c8d3e0;border-radius:8px;background:#ffffff;color:#1e293b;font-size:0.88rem;outline:none;}html[data-theme='dark'] .logo-select{background:#1a1a2e;border-color:#334155;color:#e2e8f0;}.emoji-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;}.emoji-tab{padding:4px 10px;border:1.5px solid #c8d3e0;border-radius:6px;background:#ffffff;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.15s;color:#334155;}html[data-theme='dark'] .emoji-tab{background:#1a1a2e;border-color:#334155;color:#e2e8f0;}.emoji-tab:hover{border-color:var(--accent);}.emoji-tab.active{border-color:var(--accent);background:var(--accent);color:#fff;}.logo-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:160px;overflow-y:auto;padding:4px;border:1.5px solid #c8d3e0;border-radius:8px;background:#ffffff;}html[data-theme='dark'] .logo-emoji-grid{border-color:#334155;background:#0d1117;}.logo-emoji-btn{width:36px;height:36px;border:2px solid #d1d9e6;border-radius:8px;background:#f8fafc;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color 0.15s,background 0.15s;}html[data-theme='dark'] .logo-emoji-btn{background:#1a1a2e;border-color:#334155;}.logo-emoji-btn:hover{border-color:var(--accent);}.logo-emoji-btn.active{border-color:var(--accent);background:var(--accent);color:#fff;}.logo-shape-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}.logo-shape-btn{width:42px;height:42px;border:2px solid #c8d3e0;border-radius:8px;background:#ffffff;color:var(--accent);cursor:pointer;padding:6px;transition:border-color 0.15s,background 0.15s;}html[data-theme='dark'] .logo-shape-btn{background:#1a1a2e;border-color:#334155;}.logo-shape-btn:hover{border-color:var(--accent);}.logo-shape-btn.active{border-color:var(--accent);background:var(--accent);color:#fff;}.logo-shape-btn svg{width:100%;height:100%;}.logo-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#ffffff;padding:14px 20px;border-radius:12px;font-size:0.9rem;font-weight:600;box-shadow:0 8px 24px rgba(16,185,129,0.3),0 4px 12px rgba(0,0,0,0.1);z-index:10000;opacity:0;transform:translateX(400px);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events:none;display:flex;align-items:center;gap:8px;}.logo-toast::before{content:'✅';font-size:1.2rem;}.logo-toast.show{opacity:1;transform:translateX(0);pointer-events:auto;}html[data-theme='dark'] .logo-toast{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 8px 24px rgba(5,150,105,0.5),0 4px 12px rgba(0,0,0,0.3);}@media (max-width:768px){.logo-toast{top:auto;bottom:20px;right:20px;left:20px;transform:translateY(200px);}.logo-toast.show{transform:translateY(0);}}.logo-style-btn{padding:7px 16px;border:2px solid #c8d3e0;border-radius:8px;background:#ffffff;color:#1e293b;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.15s;}html[data-theme='dark'] .logo-style-btn{background:#1a1a2e;border-color:#334155;color:#e2e8f0;}.logo-style-btn.active{border-color:var(--accent);background:var(--accent);color:#fff;}.logo-colors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}.logo-color-item{display:flex;flex-direction:column;align-items:center;gap:4px;}.logo-color-item label{font-size:0.72rem;font-weight:600;color:var(--text-secondary,#888);text-transform:uppercase;}.logo-color-item input[type="color"]{width:42px;height:32px;border:1px solid var(--border);border-radius:6px;padding:2px;cursor:pointer;background:none;}.logo-palettes{display:flex;flex-wrap:wrap;gap:8px;}.logo-palette-btn{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.25);cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;}.logo-palette-btn:hover{transform:scale(1.2);box-shadow:0 3px 10px rgba(0,0,0,0.35);}.logo-section{background:#ffffff;border:1px solid #dde3ed;border-radius:10px;padding:12px 14px;}html[data-theme='dark'] .logo-section{background:#161b22;border-color:#30363d;}.logo-config-panel .tool-label{color:#334155;font-size:0.78rem;letter-spacing:0.06em;}html[data-theme='dark'] .logo-config-panel .tool-label{color:#94a3b8;}.logo-range{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) 50%,var(--border) 50%);outline:none;cursor:pointer;}.logo-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.3);cursor:pointer;}.logo-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:pointer;}.logo-reset-size{width:28px;height:28px;border-radius:50%;border:1.5px solid #c8d3e0;background:#ffffff;color:#475569;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s,color 0.15s;}html[data-theme='dark'] .logo-reset-size{background:#1a1a2e;border-color:#334155;color:#94a3b8;}.logo-reset-size:hover{background:var(--accent);color:#fff;border-color:var(--accent);}.logo-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:8px;}.logo-example-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:16px 10px 12px;cursor:pointer;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;text-align:center;}.logo-example-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 20px rgba(221,0,49,0.15);}.logo-example-preview{width:100px;height:100px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;}.logo-example-preview svg{width:100%;height:100%;}.logo-example-label{font-size:0.78rem;font-weight:600;color:var(--text);opacity:0.75;line-height:1.2;}.logo-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:96px;flex-shrink:0;}.logo-pos-btn{width:28px;height:28px;border-radius:6px;border:1.5px solid #c8d3e0;background:#ffffff;cursor:pointer;transition:background 0.15s,border-color 0.15s;display:flex;align-items:center;justify-content:center;font-size:8px;color:#64748b;}html[data-theme='dark'] .logo-pos-btn{background:#1a1a2e;border-color:#334155;color:#94a3b8;}.logo-pos-btn:hover{background:#f1f5f9;border-color:var(--accent);}html[data-theme='dark'] .logo-pos-btn:hover{background:#1e293b;}.logo-pos-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;}