.formatter-page{min-height:100vh;background:var(--bg-neutral)}.breadcrumb-section{background:var(--white-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--separator-subtle)}.formatter-hero{background:linear-gradient(135deg,var(--bg-purple-tint) 0,var(--bg-blue-tint) 100%)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:stretch;max-width:100%;overflow:hidden}@media (max-width:1024px){.tool-grid{grid-template-columns:1fr}}@media (max-width:640px){.tool-grid{gap:var(--space-4);padding:0}}.tool-editor-column,.tool-preview-column{position:relative;display:flex;flex-direction:column;max-width:100%;min-width:0}.tool-card-flex{display:flex;flex-direction:column;height:100%;transition:none!important;max-width:100%;overflow:hidden}.tool-card-flex:hover{transform:none!important;box-shadow:var(--shadow-glass-md)!important}.editor-wrapper{flex:1 1;display:flex;flex-direction:column;min-height:400px}.preview-container-flex{flex:1 1;overflow-y:auto;min-height:400px;max-height:700px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--gray-bg);width:100%;box-sizing:border-box}.preview-container-flex .linkedin-preview{width:100%;margin:0}.preview-container-flex .preview-card{width:100%!important;max-width:none!important}.bg-gradient-brand{background:linear-gradient(135deg,var(--brand-primary) 0,var(--purple) 100%);color:white}.bg-gradient-brand:hover{background:linear-gradient(135deg,var(--brand-dark) 0,var(--purple) 100%)}.step-number-badge{width:48px;height:48px;border-radius:var(--radius-full);background:var(--brand-primary);color:white;font-size:var(--text-xl);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-glass-md)}.icon-wrapper,.step-number-badge{display:flex;align-items:center;justify-content:center}.icon-wrapper{width:56px;height:56px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glass-sm)}.style-preview{padding:var(--space-3);min-height:60px}.style-preview,.style-preview-compact{border-radius:var(--radius-md);background:var(--gray-bg);text-align:center;font-family:var(--font-body);display:flex;align-items:center;justify-content:center}.style-preview-compact{padding:var(--space-2);min-height:40px}.tip-number{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);background:var(--purple-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}