:root{--color-primary: #0f172a;--color-secondary: #334155;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-bg-app: #f1f5f9;--color-bg-panel: #ffffff;--color-bg-preview: #e2e8f0;--color-text-main: #1e293b;--color-text-muted: #64748b;--color-border: #cbd5e1;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-serif: "Georgia", serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--color-bg-app)}.editor-panel{flex:1;max-width:50%;min-width:400px;background-color:var(--color-bg-panel);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--shadow-md);z-index:10}.editor-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border);background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.editor-content{padding:var(--spacing-6);flex:1}.preview-panel{flex:1;background-color:var(--color-bg-preview);display:flex;justify-content:center;align-items:flex-start;padding:var(--spacing-8);overflow-y:auto}.resume-page{width:210mm;min-height:297mm;background-color:#fff;box-shadow:var(--shadow-lg);padding:0;margin-bottom:var(--spacing-8);transform-origin:top center}@media print{@page{margin:0;size:auto}body *{visibility:hidden}body{background:#fff}.resume-page,.resume-page *{visibility:visible}.resume-page{position:absolute;left:0;top:0;width:100%;margin:0;padding:0;box-shadow:none;background:#fff;transform:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.app-container,.editor-panel,.preview-panel{display:block;height:auto;overflow:visible;background:#fff}.editor-panel{display:none}.preview-panel{padding:0;display:block}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-base);background-color:var(--color-bg-app);color:var(--color-text-main);-webkit-font-smoothing:antialiased}#root{height:100vh;overflow:hidden}