:root{--color-canvas: #2b2622;--color-canvas-soft: #383330;--color-canvas-sunken: #1e1a18;--color-hairline: #3f3a36;--color-hairline-light: #524b45;--color-primary: #f7f5f0;--color-on-primary: #2b2622;--color-ink: #f7f5f0;--color-body-strong: #dad2c1;--color-body: #c9c0ad;--color-mute: #aea69c;--color-subtle: #7a7268;--color-bg: var(--color-canvas);--color-surface: var(--color-canvas-soft);--color-border: var(--color-hairline);--color-border-focus: var(--color-body-strong);--color-text: var(--color-ink);--color-text-muted: var(--color-mute);--color-surface-hover: #443e39;--color-surface-active: #2b2622;--color-section-header-bg: #312b27;--color-section-header-hover: #38322e;--color-input-bg: var(--color-canvas);--color-card-bg: var(--color-canvas);--color-modal-bg: var(--color-canvas);--color-modal-overlay: rgba(18, 15, 13, .8);--color-active-bg: rgba(247, 245, 240, .12);--color-danger-bg: rgba(239, 68, 68, .16);--color-danger-border: rgba(239, 68, 68, .38);--color-danger-text: #fca5a5;--color-warning-bg: rgba(245, 158, 11, .14);--color-warning-border: rgba(245, 158, 11, .36);--color-warning-text: #fbbf24;--color-error-bg: rgba(239, 68, 68, .16);--color-error-border: rgba(239, 68, 68, .38);--color-error-text: #fca5a5;--color-success-bg: rgba(34, 197, 94, .14);--color-success-border: rgba(34, 197, 94, .36);--color-success-text: #86efac}[data-theme=light]{color-scheme:light;--color-canvas: #f7f5f0;--color-canvas-soft: #ffffff;--color-canvas-sunken: #ede8df;--color-hairline: #e2dcd2;--color-hairline-light: #ccc2b3;--color-primary: #2b2622;--color-on-primary: #f7f5f0;--color-ink: #2b2622;--color-body-strong: #383330;--color-body: #4f4740;--color-mute: #786f65;--color-subtle: #9c9285;--color-bg: var(--color-canvas);--color-surface: var(--color-canvas-soft);--color-border: var(--color-hairline);--color-border-focus: var(--color-primary);--color-text: var(--color-ink);--color-text-muted: var(--color-mute);--color-surface-hover: #f3eee6;--color-surface-active: #eae4da;--color-section-header-bg: #f8f6f1;--color-section-header-hover: #ede8df;--color-input-bg: #ffffff;--color-card-bg: #faf8f5;--color-modal-bg: #ffffff;--color-modal-overlay: rgba(43, 38, 34, .45);--color-active-bg: rgba(43, 38, 34, .08);--color-danger-bg: #fee2e2;--color-danger-border: #fca5a5;--color-danger-text: #991b1b;--color-warning-bg: #fef3c7;--color-warning-border: #fcd34d;--color-warning-text: #92400e;--color-error-bg: #fee2e2;--color-error-border: #fca5a5;--color-error-text: #991b1b;--color-success-bg: #dcfce7;--color-success-border: #86efac;--color-success-text: #166534;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-serif-display: "Instrument Serif", Georgia, "Times New Roman", serif;--radius-none: 0px;--radius-xxs: 1px;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 9999px;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 96px;--header-height: 56px}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-canvas)}::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-hairline-light)}body{margin:0;padding:0;font-family:var(--font-sans);font-size:14px;line-height:20px;color:var(--color-ink);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--color-canvas)}#app-header{height:var(--header-height);background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;z-index:20;flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem}.header-brand{display:flex;align-items:baseline;gap:.5rem}.app-title{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap}.header-nav{display:flex;align-items:center;gap:.25rem;padding:2px;background-color:#0003;border:1px solid var(--color-hairline);border-radius:var(--radius-sm)}.nav-tab{font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:18px;color:var(--color-body);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;transition:all .15s ease;user-select:none}.nav-tab:hover{color:var(--color-ink);background-color:#ffffff0d}.nav-tab.active{color:var(--color-ink);background-color:var(--color-canvas-soft);border-color:var(--color-hairline)}.nav-tab:focus-visible{outline:2px solid var(--color-body-strong);outline-offset:1px}.header-template-selector{display:none}.header-select{padding:.35rem .65rem;font-size:.8rem;font-family:var(--font-sans);font-weight:500;color:var(--color-ink);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.header-select:hover{border-color:var(--color-hairline-light)}.header-select:focus-visible{outline:2px solid var(--color-body-strong);outline-offset:1px}.header-select option{background-color:var(--color-canvas);color:var(--color-ink)}.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.725rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em}.badge-connected{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.badge-connecting{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.badge-dirty{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.badge-hosted{background-color:var(--color-canvas-soft);color:var(--color-body);border:1px solid var(--color-hairline)}#sync-status{white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:13.5px;font-weight:500;padding:.45rem .85rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease;line-height:1.25;text-decoration:none;white-space:nowrap;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:transparent}.btn-primary:hover:not(:disabled){opacity:.92;color:var(--color-on-primary)}.btn-primary:active:not(:disabled){opacity:.82}.btn-secondary{background-color:var(--color-canvas-soft);color:var(--color-ink);border-color:var(--color-hairline)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-hairline-light);color:var(--color-ink)}.btn-secondary:active:not(:disabled){background-color:var(--color-surface-active)}.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background-color:#ef444447}.btn-sm{padding:.25rem .5rem;font-size:.775rem;border-radius:var(--radius-sm)}.btn-xs{padding:.2rem .45rem;font-size:.725rem;border-radius:var(--radius-sm)}.btn-block{width:100%}.btn-icon{width:1.85rem;height:1.85rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.visually-hidden{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}#app-main{flex:1;display:flex;flex-direction:column;min-height:0;height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.two-pane-layout{display:flex;flex:1;height:100%;min-height:0;overflow:hidden;position:relative;background-color:var(--color-canvas)}.editor-pane{width:var(--editor-width, 48%);min-width:320px;max-width:calc(100% - 340px);flex-shrink:0;height:100%;min-height:0;overflow-y:auto;background-color:#24201d;border-right:none;padding:1.25rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1rem}.pane-resizer{width:12px;margin:0 -6px;height:100%;position:relative;cursor:col-resize;user-select:none;touch-action:none;z-index:15;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0;outline:none}.pane-resizer:before{content:"";position:absolute;top:0;bottom:0;left:5.5px;width:1px;background-color:var(--color-hairline);transition:background-color .15s ease,width .15s ease,left .15s ease}.resizer-handle{width:4px;height:32px;border-radius:var(--radius-sm);background-color:#554e48;position:relative;z-index:2;transition:background-color .15s ease,height .15s ease,transform .15s ease}.pane-resizer:hover:before,.pane-resizer.is-active:before{background-color:var(--color-body-strong);width:2px;left:5px}.pane-resizer:hover .resizer-handle,.pane-resizer.is-active .resizer-handle{background-color:var(--color-primary);height:42px;transform:scaleX(1.25)}.pane-resizer:focus-visible:before{background-color:var(--color-primary);box-shadow:0 0 0 2px #f7f5f04d}body.is-resizing{cursor:col-resize!important;user-select:none!important}body.is-resizing *{user-select:none!important;cursor:col-resize!important}.preview-pane{flex:1;min-width:320px;height:100%;min-height:0;overflow-y:auto;overflow-x:auto;background-color:var(--color-canvas-sunken);padding:1.25rem .75rem 2rem;display:flex;flex-direction:column;align-items:safe center;position:relative}.preview-vertical-controls{position:sticky;top:1rem;align-self:flex-end;margin-right:.75rem;margin-bottom:-115px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:.3rem;background-color:#2b2622f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-hairline);box-shadow:0 4px 16px #00000073;padding:.3rem;border-radius:var(--radius-sm);user-select:none}[data-theme=light] .preview-vertical-controls{background-color:#fffffff0;border-color:#cbd5e1;box-shadow:0 4px 16px #0000001f}.preview-vertical-controls .preview-tool-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-body-strong);cursor:pointer;font-family:var(--font-sans);font-size:.75rem;font-weight:500;transition:all .12s ease;line-height:1}[data-theme=light] .preview-vertical-controls .preview-tool-btn{background:#f8fafc;border-color:#cbd5e1;color:#334155}.preview-vertical-controls .preview-tool-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-ink);border-color:var(--color-hairline-light)}[data-theme=light] .preview-vertical-controls .preview-tool-btn:hover:not(:disabled){background-color:#0f172a;color:#fff;border-color:#0f172a}.preview-vertical-controls .preview-tool-btn:active:not(:disabled){background-color:var(--color-surface-active)}.preview-vertical-controls .preview-tool-btn:disabled{opacity:.35;cursor:not-allowed}.preview-vertical-controls .preview-fit-btn{font-family:var(--font-mono);font-size:.675rem;font-weight:600;letter-spacing:.02em}.preview-tool-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-body-strong);border-radius:var(--radius-sm);padding:.25rem .5rem;font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .12s ease;line-height:1}.preview-tool-btn svg{display:block}.preview-tool-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-ink);border-color:var(--color-hairline-light)}.preview-tool-btn:active:not(:disabled){background-color:var(--color-surface-active)}.preview-tool-btn:disabled{opacity:.35;cursor:not-allowed}.preview-tool-btn:focus-visible{outline:2px solid var(--color-body-strong);outline-offset:1px}.preview-zoom-pct{min-width:44px;padding:.2rem .35rem;font-family:var(--font-mono);font-weight:500;color:var(--color-ink);background-color:transparent;border-color:transparent}.preview-fit-btn{padding:.2rem .5rem;font-size:.7rem;font-weight:600;letter-spacing:.02em}.resume-preview{display:flex;flex-direction:column;align-items:center;width:100%;min-height:min-content;--preview-zoom: 1}.editor-accordion{display:flex;flex-direction:column;gap:.75rem}.editor-section{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background-color:var(--color-canvas-soft);overflow:hidden}.editor-section-header{padding:.75rem 1rem;background-color:var(--color-section-header-bg);cursor:pointer;user-select:none;font-weight:500;font-size:.9rem;color:var(--color-ink);border-bottom:1px solid transparent;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease}.editor-section-header:hover{background-color:var(--color-section-header-hover)}.editor-section-header::-webkit-details-marker{display:none}.editor-section-header:after{content:"▾";font-size:.85rem;color:var(--color-mute);transition:transform .2s ease}.editor-section[open] .editor-section-header{border-bottom-color:var(--color-hairline)}.editor-section:not([open]) .editor-section-header:after{transform:rotate(-90deg)}.editor-section-header h2{margin:0;font-size:.9rem;font-weight:500;display:inline}.editor-section-body{padding:1rem;display:flex;flex-direction:column;gap:.875rem}.form-group{display:flex;flex-direction:column;gap:.35rem;flex:1}.form-row{display:flex;gap:.75rem;align-items:flex-start}.flex-1{flex:1}.flex-2{flex:2}label{font-size:.8rem;font-weight:500;color:var(--color-body-strong)}input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea{font-family:var(--font-sans);font-size:.875rem;padding:.45rem .65rem;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background-color:var(--color-input-bg);color:var(--color-ink);width:100%;box-sizing:border-box;transition:border-color .15s ease}input::placeholder,textarea::placeholder{color:var(--color-subtle)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-body-strong);outline-offset:-1px;border-color:transparent}.checkbox-group{display:flex;align-items:center;padding-top:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.45rem;font-size:.825rem;color:var(--color-body);cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{accent-color:var(--color-body-strong)}.field-hint{font-size:.725rem;color:var(--color-mute)}.label-with-counter{display:flex;justify-content:space-between;align-items:baseline}.char-counter{font-family:var(--font-mono);font-size:.725rem;color:var(--color-mute);font-variant-numeric:tabular-nums}.margin-setting-card{margin-top:.75rem;padding:.75rem .85rem;background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.5rem}.margin-setting-header{display:flex;justify-content:space-between;align-items:center}.margin-setting-label{font-size:.8rem;font-weight:500;color:var(--color-body-strong);margin:0}.margin-custom-box{display:flex;align-items:center;gap:.35rem}.margin-custom-box input[type=number]{width:50px;padding:.2rem .35rem;font-size:.75rem;font-family:var(--font-mono);font-weight:500;text-align:center;border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background-color:var(--color-canvas);color:var(--color-ink)}.margin-unit-label{font-size:.75rem;color:var(--color-mute);font-family:var(--font-mono)}.margin-setting-controls{display:flex;align-items:center;gap:.75rem}.margin-select-wrapper{flex:1}.margin-select-wrapper select{font-size:.8rem;padding:.35rem .5rem}.margin-slider-wrapper{flex:1;display:flex;align-items:center}.margin-slider-wrapper input[type=range]{width:100%;cursor:pointer;accent-color:var(--color-ink);height:4px}.editor-autosave-row{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-hairline)}.editor-autosave-row .checkbox-label{font-size:.775rem;color:var(--color-body)}.autosave-actions{display:flex;gap:.35rem}.editor-diagnostics-panel{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-hairline)}.sub-section{display:flex;flex-direction:column;gap:.5rem}.sub-section-header{display:flex;align-items:center;justify-content:space-between}.sub-section-header h3,.sub-section-header h4{margin:0;font-size:.85rem;font-weight:600;color:var(--color-body-strong)}.item-list{display:flex;flex-direction:column;gap:.65rem}.item-card{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:.75rem;background-color:var(--color-card-bg);display:flex;flex-direction:column;gap:.65rem}.item-card-compact{flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem .75rem}.item-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--color-ink)}.item-actions{display:flex;align-items:center;gap:.25rem}.bullet-item{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.4rem}.bullet-inputs{flex:1;display:flex;flex-direction:column;gap:.2rem}.notice-box{padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.825rem;line-height:1.4}.notice-warning{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.diagnostic-card{padding:.75rem;border-radius:var(--radius-sm);margin-bottom:.75rem}.diagnostic-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}.diagnostic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.diagnostic-msg{margin:0;font-size:.8rem}.diagnostic-group{margin-top:.5rem}.diagnostic-collapsible{border-radius:var(--radius-sm);overflow:hidden}.diagnostic-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:.45rem .65rem;background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;list-style:none}.diagnostic-summary::-webkit-details-marker{display:none}.diagnostic-summary:before{content:"▸";display:inline-block;margin-right:.4rem;transition:transform .15s ease;font-size:.85rem;color:var(--color-warning-text)}details[open].diagnostic-collapsible .diagnostic-summary:before{transform:rotate(90deg)}details[open].diagnostic-collapsible .diagnostic-summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.badge-warning-count{background-color:#f59e0b33;color:var(--color-warning-text);font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:var(--radius-sm)}.diagnostic-items-container{display:flex;flex-direction:column;gap:.25rem;padding:.4rem;background-color:#0003;border:1px solid var(--color-warning-border);border-top:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);max-height:220px;overflow-y:auto}.diagnostic-group-title{margin:.4rem 0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-mute)}.diagnostic-item{font-size:.775rem;padding:.35rem .5rem;border-radius:var(--radius-sm);margin-bottom:.25rem;font-family:var(--font-mono)}.diagnostic-error-item{background-color:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.diagnostic-warning-item{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.diagnostics-clean{font-size:.8rem;color:var(--color-success-text);background-color:var(--color-success-bg);padding:.45rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-success-border)}.text-error{color:var(--color-error-text)}.text-warning{color:var(--color-warning-text)}.modal-overlay{position:fixed;inset:0;background-color:var(--color-modal-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-dialog{background-color:var(--color-modal-bg);border:1px solid var(--color-hairline);border-radius:var(--radius-md);width:100%;max-width:520px;box-shadow:0 16px 36px #0009;overflow:hidden;color:var(--color-ink)}.modal-dialog.modal-lg{max-width:680px}.ai-prompt-config-box,.ai-prompt-copy-box,.ai-prompt-import-box{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.ai-step-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-ink)}.step-badge{background-color:var(--color-hairline);color:var(--color-ink);font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:.15rem .45rem;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:.65rem}@media(max-width:620px){.form-grid-3{grid-template-columns:1fr}}.ai-prompt-preview-textarea,.ai-json-paste-input{font-family:var(--font-mono);font-size:11.5px;line-height:1.45;background-color:var(--color-canvas);color:var(--color-body-strong);border:1px solid var(--color-hairline);border-radius:var(--radius-xs);resize:vertical}.btn-copied{background-color:#2e5939!important;color:#f7f5f0!important;border-color:#3b7348!important}[data-theme=light] .btn-copied{background-color:#276738!important;color:#fff!important}.modal-header{padding:.9rem 1.25rem;background-color:var(--color-canvas-soft);border-bottom:1px solid var(--color-hairline);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--color-ink)}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;font-size:.875rem;line-height:1.5;color:var(--color-body);max-height:70vh;overflow-y:auto}.modal-body p{margin:0}.modal-body strong{color:var(--color-ink)}.modal-footer{padding:.75rem 1.25rem;background-color:var(--color-canvas-soft);border-top:1px solid var(--color-hairline);display:flex;justify-content:flex-end;gap:.5rem}.print-instructions-list{padding-left:1.25rem;margin:.5rem 0;color:var(--color-body-strong)}.print-instructions-list li{margin-bottom:.4rem}.templates-view{flex:1;height:calc(100vh - var(--header-height));overflow-y:auto;background-color:var(--color-canvas);padding:0 0 4rem}.templates-view-inner{max-width:1360px;margin:0 auto}.templates-header-band{padding:2.5rem 1.5rem 2rem;border-bottom:1px solid var(--color-hairline);margin-bottom:2rem;background:linear-gradient(180deg,rgba(56,51,48,.4) 0%,transparent 100%)}.templates-header-content{max-width:840px}.templates-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--color-mute);text-transform:uppercase;margin-bottom:.5rem}.templates-title{margin:0 0 .75rem;font-size:2rem;font-weight:500;letter-spacing:-.03em;color:var(--color-ink);line-height:1.2}.templates-subtitle{margin:0;font-size:1rem;line-height:1.55;color:var(--color-body)}.templates-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.75rem;padding:0 1.5rem}.template-card{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.template-card:hover{border-color:var(--color-hairline-light)}.template-card.is-active-template{border-color:var(--color-body-strong);box-shadow:inset 0 0 0 1px var(--color-body-strong)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.template-card-title-group{display:flex;flex-direction:column;gap:.4rem}.template-card-name{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--color-ink)}.template-card-badges{display:flex;flex-wrap:wrap;gap:.35rem}.template-badge{font-size:.7rem;font-family:var(--font-mono);padding:.15rem .45rem;border-radius:var(--radius-sm);background-color:#ffffff0f;border:1px solid var(--color-hairline);color:var(--color-body-strong)}.template-badge.badge-ats{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.template-badge.badge-caveat{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.badge-active-indicator{font-family:var(--font-mono);font-size:.725rem;font-weight:600;color:var(--color-primary);background-color:#f7f5f026;border:1px solid var(--color-primary);padding:.2rem .55rem;border-radius:var(--radius-sm);white-space:nowrap}.template-card-preview-frame{background-color:var(--color-canvas-sunken);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:.85rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.template-svg-wrapper{width:100%;max-width:360px;height:480px;display:flex;justify-content:center;align-items:center}.template-svg-wrapper svg{width:100%;height:100%;object-fit:contain;display:block}.template-card-body{display:flex;flex-direction:column;gap:.75rem;flex:1}.template-card-desc{margin:0;font-size:.85rem;line-height:1.45;color:var(--color-body)}.template-specs-list{display:flex;flex-direction:column;gap:.35rem;padding:.6rem .75rem;background-color:#0003;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);font-size:.775rem}.template-spec-row{display:flex;justify-content:space-between;align-items:center}.spec-label{color:var(--color-mute)}.spec-value{color:var(--color-ink);font-family:var(--font-mono)}.template-caveat-box{display:flex;gap:.5rem;padding:.6rem .75rem;background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);font-size:.75rem;line-height:1.4;color:var(--color-warning-text)}.caveat-icon{font-weight:700}.template-card-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.5rem}@media(max-width:1024px){html,body{height:auto;min-height:100%;overflow-y:auto}#app{height:auto;min-height:100vh;overflow:visible}#app-header{position:sticky;top:0;z-index:50}#app-main{height:auto;min-height:calc(100vh - var(--header-height));overflow:visible}.two-pane-layout{flex-direction:column;height:auto;overflow:visible}.editor-pane{width:100%;max-width:none;min-width:0;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--color-hairline);padding-bottom:2.5rem}.pane-resizer{display:none}.preview-pane{width:100%;height:auto;min-height:auto;overflow:visible;padding-top:1.5rem;padding-bottom:5rem}.preview-vertical-controls{position:sticky;top:calc(var(--header-height) + 1rem);z-index:40}.templates-view{height:auto;min-height:calc(100vh - var(--header-height));overflow:visible}.templates-cards-grid{grid-template-columns:1fr}}.form-row-icon{margin-top:.25rem;margin-bottom:.5rem}.icon-upload-wrapper{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;flex-wrap:wrap}.btn-upload-icon{cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.icon-preview-badge{width:28px;height:28px;min-width:28px;border-radius:4px;background-color:#fff;border:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 3px #0000001a}.icon-preview-thumb{width:100%;height:100%;object-fit:contain;display:block}.btn-remove-icon{color:var(--color-danger, #ef4444);border-color:#ef444466}.btn-remove-icon:hover{background-color:#ef44441a;color:#f87171}.icon-upload-hint{font-size:.75rem;color:var(--color-mute)}@media(max-height:650px)and (min-width:1025px){#app{height:auto;min-height:100vh;overflow-y:auto}#app-main{min-height:560px}}:root{--page-width: 210mm;--page-height: 297mm;--page-padding: 12.7mm;--content-width: 184.6mm;--content-height: 271.6mm;--color-text-main: #000000;--color-text-muted: #111111;--color-text-light: #222222;--color-bg-page: #ffffff;--font-serif: "Times New Roman", Times, "Nimbus Roman", "Latin Modern Roman", "Computer Modern", Georgia, serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-name: 24pt;--font-size-headline: 10pt;--font-size-contact: 9.5pt;--font-size-heading: 11pt;--font-size-entry-title: 10.5pt;--font-size-entry-subtitle: 10.5pt;--font-size-body: 10pt;--font-size-meta: 10pt;--line-height-body: 1.28}.accent-slate{--accent-primary: #000000;--accent-secondary: #000000;--accent-rule: #000000}.accent-navy{--accent-primary: #0f2b5c;--accent-secondary: #1e3a8a;--accent-rule: #0f2b5c}.accent-forest{--accent-primary: #14452f;--accent-secondary: #166534;--accent-rule: #14452f}.accent-ocean{--accent-primary: #1e90ff;--accent-secondary: #0080ff;--accent-rule: #1e90ff}.resume-pages-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:4px 6px 16px;background-color:transparent;box-sizing:border-box;zoom:var(--preview-zoom, 1);transform-origin:top center;transition:zoom .12s ease-out}@supports not (zoom: 1){.resume-pages-container{transform:scale(var(--preview-zoom, 1));transform-origin:top center}}.resume-page{width:var(--page-width);height:var(--page-height);min-height:var(--page-height);max-height:var(--page-height);padding:var(--page-padding);box-sizing:border-box;background-color:var(--color-bg-page);color:var(--color-text-main);font-family:var(--font-serif);position:relative;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003;border:1px solid #cbd5e1;overflow:hidden;page-break-inside:avoid;break-inside:avoid}.resume-page.paper-a4{--page-width: 210mm;--page-height: 297mm}.resume-page.paper-letter{--page-width: 215.9mm;--page-height: 279.4mm}.resume-page.margin-normal{--page-padding: 14mm;--content-width: 182mm;--content-height: 269mm}.resume-page.margin-narrow,.resume-page.margin-reduced{--page-padding: 10mm;--content-width: 190mm;--content-height: 277mm}.resume-page.margin-narrow .atom-header,.resume-page.margin-reduced .atom-header{margin-bottom:6px}.resume-page.margin-narrow .atom-section-heading,.resume-page.margin-reduced .atom-section-heading{margin-top:6px;margin-bottom:3px}.resume-page.margin-narrow .atom-entry,.resume-page.margin-reduced .atom-entry{margin-bottom:4px}.resume-page.margin-narrow .atom-bullet,.resume-page.margin-reduced .atom-bullet{margin-bottom:2px}.resume-page.margin-compact,.resume-page.margin-very-narrow{--page-padding: 7mm;--content-width: 196mm;--content-height: 283mm}.resume-page.margin-compact .atom-header,.resume-page.margin-very-narrow .atom-header{margin-bottom:4px}.resume-page.margin-compact .atom-section-heading,.resume-page.margin-very-narrow .atom-section-heading{margin-top:4px;margin-bottom:2px}.resume-page.margin-compact .atom-entry,.resume-page.margin-very-narrow .atom-entry{margin-bottom:3px}.resume-page.margin-compact .atom-bullet,.resume-page.margin-very-narrow .atom-bullet{margin-bottom:1.5px}.resume-page-content{width:100%;height:100%;max-height:var(--content-height);box-sizing:border-box;display:block;overflow:hidden}.template-classic{font-family:var(--font-serif)}.resume-atom{margin-top:0;box-sizing:border-box;flex-shrink:0}.atom-header{margin-bottom:8px;padding-bottom:0;border-bottom:none;text-align:center}.profile-name{font-family:var(--font-serif);font-size:var(--font-size-name);font-weight:700;line-height:1.1;margin:0 0 3px;color:var(--color-text-main);text-align:center;text-transform:uppercase;letter-spacing:.02em}.profile-headline{font-family:var(--font-serif);font-size:var(--font-size-headline);font-style:italic;margin:1px 0 3px;color:var(--color-text-main);text-align:center}.profile-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;font-size:var(--font-size-contact);color:var(--color-text-main);line-height:1.25;text-align:center}.meta-item{display:inline-flex;align-items:center;color:var(--color-text-main)}.meta-sep{margin:0 4px;color:var(--color-text-main);font-weight:400;user-select:none}.meta-link{color:var(--color-text-main);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-word}.meta-link:hover{color:var(--color-text-main)}.atom-section-heading{margin-top:8px;margin-bottom:4px}.atom-section-heading:first-of-type{margin-top:2px}.section-heading-title{font-family:var(--font-serif);font-size:var(--font-size-heading);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0 0 1px;color:var(--accent-primary);line-height:1.2}.section-heading-rule{width:100%;height:1px;background-color:var(--accent-rule)}.atom-summary-body{margin-bottom:6px}.summary-body-text{font-family:var(--font-serif);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;color:var(--color-text-main);text-align:justify;text-justify:inter-word}.summary-body-text strong{font-weight:700}.atom-entry-heading{margin-top:5px;margin-bottom:2px}.entry-top-row{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:8px}.entry-title-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:0}.entry-title{font-family:var(--font-serif);font-size:var(--font-size-entry-title);font-weight:700;color:var(--color-text-main)}.entry-sep{margin:0 4px;font-weight:400;color:var(--color-text-main)}.entry-subtitle{font-family:var(--font-serif);font-size:var(--font-size-entry-subtitle);font-weight:700;font-style:italic;color:var(--color-text-main)}.entry-meta-group{display:flex;flex-direction:column;align-items:flex-end;font-size:var(--font-size-meta);color:var(--color-text-main);white-space:nowrap;flex-shrink:0}.entry-date{font-family:var(--font-serif);font-weight:700;font-size:var(--font-size-meta);color:var(--color-text-main)}.entry-subline{font-family:var(--font-serif);font-size:9.5pt;font-style:italic;color:var(--color-text-main);margin-top:1px;margin-bottom:2px}.entry-url-link{font-family:var(--font-serif);font-size:var(--font-size-entry-subtitle);color:var(--color-text-main);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.atom-bullet,.atom-education-detail,.atom-skill-group,.atom-certification{display:flex;align-items:baseline;gap:5px;margin-bottom:2.5px;padding-left:14px;font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-main);box-sizing:border-box}.bullet-marker{color:var(--color-text-main);font-size:8pt;line-height:1;user-select:none;flex-shrink:0}.bullet-text{flex:1;color:var(--color-text-main);overflow-wrap:anywhere;word-break:break-word}.bullet-text strong{font-weight:700}.skill-category{font-weight:700;color:var(--color-text-main)}.skill-items{color:var(--color-text-main)}.cert-name{font-weight:700;color:var(--color-text-main)}.cert-issuer,.cert-date{color:var(--color-text-main)}.cert-link{color:var(--color-text-main);text-decoration:underline;text-underline-offset:2px}.atom-continuation-label{margin-top:4px;margin-bottom:3px;padding-left:14px}.continuation-label-text{font-family:var(--font-serif);font-size:9pt;font-style:italic;font-weight:700;color:var(--color-text-muted)}#resume-measurement-root{position:absolute;left:-99999px;top:0;width:var(--page-width);visibility:hidden;pointer-events:none;contain:layout style}.resume-overflow-banner{width:var(--page-width);box-sizing:border-box;padding:14px 18px;background-color:#fef2f2;border:1.5px solid #ef4444;border-radius:6px;color:#991b1b;margin:0 auto 16px;font-family:var(--font-sans);font-size:10pt;line-height:1.4}.overflow-banner-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:11pt;margin-bottom:6px}.overflow-banner-list{margin:6px 0 0 16px;padding:0;list-style-type:disc}.overflow-item-path{font-family:monospace;font-size:9pt;background-color:#fee2e2;padding:1px 4px;border-radius:3px;margin-right:6px}.template-executive{--accent-primary: #1e90ff;--accent-secondary: #0080ff;--accent-rule: #1e90ff;font-family:var(--font-sans);color:#111827}.template-executive.accent-slate{--accent-primary: #1e90ff;--accent-secondary: #0080ff;--accent-rule: #1e90ff}.template-executive .atom-header{text-align:left;margin-bottom:12px}.template-executive .profile-name{font-family:var(--font-sans);font-size:26pt;font-weight:800;letter-spacing:.01em;line-height:1.05;margin:0 0 3px;color:#000;text-align:left;text-transform:uppercase}.template-executive .profile-headline{font-family:var(--font-sans);font-style:normal;font-size:11pt;font-weight:600;line-height:1.25;margin:2px 0 6px;color:var(--accent-primary);text-align:left}.template-executive .executive-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px;font-size:9pt;color:#111827;line-height:1.25;text-align:left;margin-top:4px}.template-executive .executive-meta-row .meta-item{display:inline-flex;align-items:center;gap:6px;color:#111827;text-decoration:none}.template-executive .executive-meta-row .icon-svg{color:var(--accent-primary);flex-shrink:0}.template-executive .executive-meta-row .meta-link{text-decoration:none;color:#111827}.template-executive .executive-meta-row .meta-link:hover{color:var(--accent-primary);text-decoration:underline}.executive-page-1-body{display:flex;flex-direction:row;gap:8mm;width:100%;box-sizing:border-box;align-items:flex-start}.executive-primary-column{flex:0 0 calc((100% - 8mm)*.61);width:calc((100% - 8mm)*.61);box-sizing:border-box;display:flex;flex-direction:column}.executive-sidebar-column{flex:0 0 calc((100% - 8mm)*.39);width:calc((100% - 8mm)*.39);box-sizing:border-box;display:flex;flex-direction:column}.executive-continuation{width:100%;box-sizing:border-box}.template-executive .atom-section-heading{margin-top:10px;margin-bottom:6px}.template-executive .atom-section-heading:first-of-type{margin-top:0}.template-executive .section-heading-title{font-family:var(--font-sans);font-size:10.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#000;margin:0 0 3px;line-height:1.2}.template-executive .section-heading-rule{width:100%;height:1.5px;background-color:#000}.template-executive .summary-body-text{font-family:var(--font-sans);font-size:8.8pt;line-height:1.35;color:#1f2937;text-align:left;margin-bottom:6px}.template-executive .atom-entry-heading{margin-top:8px;margin-bottom:3px}.template-executive .executive-entry-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%}.template-executive .entry-company-badge{width:24px;height:24px;min-width:24px;border-radius:50%;background-color:#f1f5f9;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:7pt;font-weight:700;color:var(--accent-primary);user-select:none;margin-top:2px;box-sizing:border-box;overflow:hidden}.template-executive .entry-company-badge.has-icon{border-radius:4px;background-color:#fff;border-color:#e2e8f0}.template-executive .company-badge-img{width:100%;height:100%;object-fit:contain;display:block}.template-executive .executive-entry-text-group{display:flex;flex-direction:column;flex:1;min-width:0}.template-executive .entry-role-title{font-size:9.8pt;font-weight:700;color:#000;line-height:1.2}.template-executive .entry-company-name{font-size:9.2pt;font-weight:600;color:var(--accent-primary);line-height:1.2;margin-top:1px}.template-executive .entry-date-location-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:8.2pt;color:#4b5563;margin-top:2px;line-height:1.2}.template-executive .entry-date-item,.template-executive .entry-loc-item{display:inline-flex;align-items:center;gap:4px}.template-executive .entry-date-item .icon-svg,.template-executive .entry-loc-item .icon-svg{color:#6b7280;flex-shrink:0}.template-executive .atom-bullet,.template-executive .atom-education-detail,.template-executive .atom-skill-group{font-family:var(--font-sans);font-size:8.5pt;line-height:1.32;color:#1f2937;margin-bottom:2.5px;padding-left:8px;gap:5px}.template-executive .bullet-marker{font-size:7pt;color:#111827;margin-top:1px}.template-executive .atom-skill-group{margin-bottom:3.5px}.template-executive .atom-skill-group .skill-group-text{font-family:var(--font-sans);font-size:8.5pt;line-height:1.32;color:#1f2937}.template-executive .atom-skill-group .skill-category{font-family:var(--font-sans);font-size:8.5pt;font-weight:700;color:#000}.template-executive .atom-skill-group .skill-items{font-family:var(--font-sans);font-size:8.5pt;color:#1f2937}.template-executive .executive-skill-group{margin-bottom:6px}.template-executive .skill-group-heading{font-family:var(--font-sans);font-size:9.2pt;font-weight:700;color:#111827;margin-bottom:4px}.template-executive .skill-items-list{display:flex;flex-direction:column;gap:3.5px}.template-executive .executive-skill-item{display:flex;align-items:baseline;gap:5px;font-family:var(--font-sans);font-size:8.2pt;line-height:1.28;color:#1f2937;padding-left:4px}.template-executive .skill-item-prefix{font-family:var(--font-sans);font-weight:700;color:#000;text-decoration:underline;text-underline-offset:1.5px}.template-executive .executive-achievement-header{display:flex;align-items:center;gap:6px;margin-top:6px;margin-bottom:2px}.template-executive .icon-diamond{color:var(--accent-primary);flex-shrink:0}.template-executive .achievement-title{font-size:8.8pt;font-weight:700;color:#000;line-height:1.2}.template-executive .achievement-desc{font-size:8.2pt;line-height:1.28;color:#374151;margin-bottom:5px;padding-left:18px}.template-executive .executive-edu-header{display:flex;flex-direction:column;gap:1px;margin-top:5px;margin-bottom:4px;font-family:var(--font-sans)}.template-executive .edu-qual-title{font-family:var(--font-sans);font-size:9.2pt;font-weight:700;color:#000;line-height:1.2}.template-executive .edu-inst-name{font-family:var(--font-sans);font-size:8.8pt;font-weight:600;color:var(--accent-primary);line-height:1.2}.template-executive .edu-loc-row{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:8.2pt;color:#4b5563;margin-top:2px}.template-executive .atom-certification{font-family:var(--font-sans);display:block;padding-left:0;margin-bottom:4.5px}.template-executive .executive-cert-item{margin-bottom:4.5px;font-family:var(--font-sans)}.template-executive .executive-cert-item .cert-name{font-family:var(--font-sans);font-size:8.8pt;font-weight:700;color:#000;line-height:1.25}.template-executive .executive-cert-item .cert-subline{font-family:var(--font-sans);font-size:8pt;color:#4b5563;margin-top:1px}@page{size:A4 portrait;margin:0}@media print{@page{size:A4 portrait;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#app-header,#bridge-status,.status-ready,.status-local-connecting,.status-local-connected,.status-local-error,.resume-overflow-banner,.editor-pane,#editor-pane,.pane-resizer,#pane-resizer,.preview-toolbar,.preview-vertical-controls,#templates-view,.templates-view,#modals-container,.modal-overlay,.no-print{display:none!important}:root,html,body,#app,#app-main,#app-body,.two-pane-layout,#preview-pane,.preview-pane,#resume-preview,.resume-pages-container{--preview-zoom: 1 !important;zoom:1!important;transform:none!important}#app,#app-main,#app-body,.two-pane-layout,#preview-pane,.preview-pane,#resume-preview{margin:0!important;padding:0!important;border:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block!important;background:transparent!important}.resume-pages-container{display:block!important;margin:0!important;padding:0!important;gap:0!important;background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important;zoom:1!important;width:var(--page-width, 210mm)!important}.resume-page{width:var(--page-width, 210mm)!important;height:var(--page-height, 297mm)!important;min-height:var(--page-height, 297mm)!important;max-height:var(--page-height, 297mm)!important;margin:0!important;padding:var(--page-padding, 10mm)!important;box-sizing:border-box!important;box-shadow:none!important;border:none!important;border-radius:0!important;overflow:hidden!important;page-break-inside:avoid!important;break-inside:avoid!important}.resume-page-content{width:100%!important;height:100%!important;max-height:var(--content-height)!important;box-sizing:border-box!important;display:block!important;margin:0!important;padding:0!important}.resume-page:not(:last-child){page-break-after:always!important;break-after:page!important}.resume-page:last-child{page-break-after:avoid!important;break-after:avoid!important}}