.design-studio-panel{background:var(--bg-secondary);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;max-width:100%;padding:24px;overflow-x:hidden}.design-studio-hint{color:var(--text-muted);margin-bottom:16px;font-size:.85rem;line-height:1.55}.design-templates{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.design-template-chip{border:2px solid var(--border);background:var(--bg-tertiary);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;transition:border-color .15s,transform .15s;display:flex}.design-template-chip.active{border-color:var(--accent);color:var(--accent)}.design-template-chip:hover{transform:translateY(-1px)}.design-template-swatch{border:1px solid #00000026;border-radius:4px;width:20px;height:20px}.design-workspace{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:20px;max-width:100%;display:grid}@media (max-width:900px){.design-workspace{grid-template-columns:1fr}}.design-controls{flex-direction:column;gap:12px;max-height:min(70vh,720px);padding-right:4px;display:flex;overflow-y:auto}.design-invite-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.design-invite-row .tool-field{margin-bottom:0}.design-controls .tool-field input,.design-controls .tool-field textarea,.design-controls .tool-field select{width:100%}.design-preview-wrap{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-width:0;max-width:100%;max-height:min(70vh,720px);padding:16px;display:flex;overflow:auto}.design-preview-wrap canvas{width:auto;max-width:100%;height:auto;box-shadow:var(--shadow);border-radius:8px;display:block}.design-resume-preview{color:#111;width:100%;max-width:640px;box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:8px;padding:32px;font-family:Georgia,Times New Roman,serif}.design-resume-preview h1{color:#111;margin:0 0 4px;font-size:1.75rem}.design-resume-preview .resume-role{color:#4b5563;margin-bottom:16px;font-size:1rem}.design-resume-preview .resume-contact{color:#6b7280;margin-bottom:20px;font-size:.85rem}.design-resume-preview h2{text-transform:uppercase;letter-spacing:.08em;color:#374151;border-bottom:2px solid #e5e7eb;margin:20px 0 8px;padding-bottom:4px;font-size:.95rem}.design-resume-preview p,.design-resume-preview li{color:#374151;font-size:.9rem;line-height:1.55}.emoji-grid-wrap{max-height:480px;overflow-y:auto}.emoji-category{margin-bottom:20px}.emoji-category h3{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.emoji-grid{flex-wrap:wrap;gap:6px;display:flex}.emoji-btn{border:1px solid var(--border);background:var(--bg-tertiary);cursor:pointer;border-radius:8px;width:44px;height:44px;font-size:1.5rem;transition:transform .1s,border-color .15s}.emoji-btn:hover{border-color:var(--accent);transform:scale(1.1)}.design-copied-toast{color:var(--success);font-size:.85rem}.logo-maker-intro{color:var(--text-muted);margin:0 0 16px;font-size:.88rem;line-height:1.55}.logo-maker-workspace{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:960px){.logo-maker-workspace{grid-template-columns:1fr}}.logo-maker-sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.logo-maker-tabs{flex-wrap:wrap;gap:6px;display:flex}.logo-maker-tabs button{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.logo-maker-tabs button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.logo-maker-panel{flex-direction:column;gap:10px;max-height:min(68vh,640px);padding-right:4px;display:flex;overflow-y:auto}.logo-section{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:10px;overflow:hidden}.logo-section summary{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;font-weight:700;list-style:none;display:flex}.logo-section summary::-webkit-details-marker{display:none}.logo-section-body{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.logo-section-body .tool-field{margin:0}.logo-section-body .tool-field label{font-size:.78rem}.logo-template-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.logo-template-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.78rem;transition:border-color .15s,transform .1s;display:flex}.logo-template-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.logo-template-swatch{border:1px solid #0000001f;border-radius:6px;flex-shrink:0;width:22px;height:22px}.logo-icon-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.logo-icon-chip{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:7px 6px;font-size:.72rem;font-weight:600}.logo-icon-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.logo-color-field label{color:var(--text-muted);margin-bottom:4px;font-size:.78rem;display:block}.logo-color-input-wrap{align-items:center;gap:8px;display:flex}.logo-color-input-wrap input[type=color]{border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;border-radius:6px;width:36px;height:32px;padding:2px}.logo-color-hex{border:1px solid var(--border);background:var(--bg-secondary);min-width:0;color:var(--text-primary);border-radius:6px;flex:1;padding:6px 8px;font-family:monospace;font-size:.82rem}.logo-preset-colors{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.logo-preset-swatch{border:2px solid var(--border);cursor:pointer;border-radius:6px;width:26px;height:26px;transition:transform .1s}.logo-preset-swatch:hover{transform:scale(1.1)}.logo-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.logo-range-field label{color:var(--text-muted);margin-bottom:4px;font-size:.78rem;display:block}.logo-range-field input[type=range]{width:100%;accent-color:var(--accent)}.logo-align-btns{gap:6px;display:flex}.logo-align-btns button{border:1px solid var(--border);background:var(--bg-secondary);width:40px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.logo-align-btns button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.logo-download-btn{flex-shrink:0;width:100%;margin-top:4px}.logo-maker-preview{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.logo-preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-self:flex-start;margin:0;font-size:.78rem;font-weight:700}.logo-preview-stage{border:1px solid var(--border);background:var(--bg-tertiary);border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:320px;padding:24px;display:flex}.logo-preview-stage--transparent{background:var(--checkerboard)}.logo-interactive-canvas{width:min(100%,420px);max-width:100%;height:auto;box-shadow:var(--shadow);touch-action:none;cursor:grab;border-radius:10px;display:block}.logo-interactive-canvas.is-dragging{cursor:grabbing}.logo-interactive-canvas.is-free-layout{outline:2px dashed color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:4px}.logo-upload-preview{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding:10px;display:flex}.logo-upload-preview img{object-fit:contain;border-radius:6px;max-width:100%;max-height:80px}.logo-upload-preview--wide img{object-fit:cover;width:100%;max-height:64px}.logo-upload-note{color:var(--accent);margin:0;font-size:.78rem}.logo-drag-help{color:var(--text-muted);margin:0 0 8px;font-size:.8rem;line-height:1.5}.logo-element-pills{flex-wrap:wrap;gap:6px;display:flex}.logo-element-pill{text-transform:capitalize;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600}.logo-element-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.logo-reset-btn{width:100%;margin-top:4px}.logo-preview-stage .logo-interactive-canvas{box-shadow:none}.logo-preview-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.75rem}