.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}@media (max-width:1024px){.tool-grid{grid-template-columns:1fr}}.tool-editor-column,.tool-preview-column{position:relative;display:flex;flex-direction:column}.tool-card-flex{display:flex;flex-direction:column;height:100%;transition:none!important}.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)}.container-lg{max-width:1280px;margin-left:auto;margin-right:auto}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.hover\:shadow-glass-lg:hover{box-shadow:var(--shadow-glass-lg)}.transition-glass{transition:all var(--transition-normal)}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.text-center{text-align:center}.focus-ring:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--brand-primary)}@media print{.formatter-page{background:white}.glass-card{background:white!important;box-shadow:none!important}}