.arc-resume{--font-display:var(--arc-font-display);--font-ui:var(--arc-font-body);--font-mono:var(--arc-font-mono);--ease:var(--ease-out);--bg-paper:var(--background);--bg-page:var(--muted);--bg-card:var(--card);--bg-sunk:var(--muted);--ink-900:var(--foreground);--ink-700:var(--foreground);--ink-600:var(--muted-foreground);--ink-400:var(--muted-foreground);--line:var(--border);--line-strong:var(--border);--accent-50:color-mix(in srgb, var(--primary) 12%, transparent);--accent-100:color-mix(in srgb, var(--primary) 20%, transparent);--danger:var(--destructive,#cf174c);background:var(--background);min-height:100%;color:var(--foreground);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}#main-scroll-container:has(.arc-resume-shell){scrollbar-gutter:auto}.arc-resume-shell{isolation:isolate;border:1px solid var(--arc-line);background:var(--arc-bg);border-bottom:0;border-radius:35px 35px 0 0;flex-direction:column;height:calc(100svh - 6rem);margin-bottom:-2.5rem;display:flex;position:relative;overflow:hidden}.arc-resume-quiet-bg{pointer-events:none;z-index:-1;background:radial-gradient(120% 55% at 50% -8%, var(--arc-glow), transparent 62%), var(--arc-bg);position:absolute;inset:0;overflow:hidden}@media (max-width:767px){.arc-resume-shell{border-left:0;border-right:0;border-radius:31px 31px 0 0;height:calc(100svh - 6rem);min-height:560px;margin-bottom:-2.5rem;margin-left:-1rem;margin-right:-1rem}}.arc-resume [data-slot=button],.arc-resume-portal [data-slot=button]{border-radius:999px}.arc-resume [data-slot=button]:focus-visible,.arc-resume-portal [data-slot=button]:focus-visible{box-shadow:none;outline:2px solid var(--arc-accent);outline-offset:2px}.arc-resume .arc-cta-btn{color:var(--arc-fg);font-size:13px}.arc-resume .arc-cta-btn>span{white-space:nowrap}@keyframes arc-iridescent{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.arc-resume button{font:inherit;color:inherit;cursor:pointer}.arc-resume .serif{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400}.arc-resume .btn{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.arc-resume .btn-primary{background:var(--foreground);color:var(--background)}.arc-resume .btn-primary:hover{opacity:.9}.arc-resume .btn-accent{background:var(--primary);color:var(--primary-foreground)}.arc-resume .btn-accent:hover{opacity:.9}.arc-resume .btn-ghost{color:var(--foreground);border-color:var(--border);background:0 0}.arc-resume .btn-ghost:hover{background:var(--accent)}.arc-resume .btn-quiet{color:var(--muted-foreground);background:0 0}.arc-resume .btn-quiet:hover{background:var(--accent);color:var(--foreground)}.arc-resume .btn-sm{border-radius:999px;height:28px;padding:0 10px;font-size:12px}.arc-resume .btn:disabled{pointer-events:none;opacity:.5}.arc-resume .btn:focus-visible{outline:2px solid var(--arc-accent);outline-offset:2px}.arc-resume .input,.arc-resume .textarea{background:color-mix(in oklch, var(--arc-bg), transparent 34%);border:1px solid var(--arc-line);width:100%;height:34px;color:var(--foreground);font-size:13px;font-family:var(--font-ui);padding:6px 14px;transition:border-color .12s}.arc-resume .input{border-radius:999px}.arc-resume .input:focus,.arc-resume .textarea:focus{outline:2px solid var(--arc-accent);outline-offset:1px;border-color:var(--arc-accent);box-shadow:none}.arc-resume .textarea{resize:vertical;border-radius:14px;height:auto;min-height:72px;padding:10px 14px;line-height:1.5}.arc-resume .label{color:var(--arc-fg-2);margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.arc-resume .tag{background:var(--muted);border:1px solid var(--border);color:var(--foreground);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:inline-flex}.arc-resume .section-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);font-size:9.5px;font-weight:500}.arc-resume .accent-picker-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.arc-resume .accent-picker-swatch{border:1px solid var(--arc-line);border-radius:12px;flex:none;width:40px;height:40px;display:flex}.arc-resume .accent-picker-hex{font-family:var(--font-mono);text-transform:uppercase;font-size:12.5px}.arc-resume .accent-picker-spectrum.react-colorful{border-radius:12px;width:100%;height:160px;margin-bottom:12px;overflow:hidden}.arc-resume .accent-picker-spectrum .react-colorful__saturation{border-bottom:none;border-radius:12px 12px 0 0}.arc-resume .accent-picker-spectrum .react-colorful__hue{border-radius:0 0 12px 12px;height:20px}.arc-resume .accent-picker-spectrum .react-colorful__pointer{border-width:2px;width:18px;height:18px}.arc-resume .accent-picker-presets{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.arc-resume .accent-picker-preset{border:1px solid var(--arc-line);cursor:pointer;border-radius:999px;width:26px;height:26px;transition:border-color .12s,box-shadow .12s,transform .12s}.arc-resume .accent-picker-preset:hover{transform:scale(1.08)}.arc-resume .accent-picker-preset[data-active=true]{border:2px solid var(--ink-900);box-shadow:0 0 0 3px var(--ring)}.arc-resume .doc-page{color:#1a1a1a;width:794px;min-height:1123px;font-family:var(--font-ui);background:#fff;margin:0 auto;font-size:11pt;line-height:1.45;position:relative;overflow:hidden;box-shadow:0 1px #0a0a0f08,0 12px 40px #0a0a0f40}.arc-resume .tpl{color:#14141a;box-sizing:border-box;min-height:100%}.arc-resume .tpl h1,.arc-resume .tpl h2,.arc-resume .tpl h3,.arc-resume .tpl p,.arc-resume .tpl ul{margin:0}.arc-resume .tpl ul{padding-left:18px}.arc-resume .drag-handle{cursor:grab;color:var(--muted-foreground);border-radius:999px;place-items:center;width:22px;height:22px;display:inline-grid}.arc-resume .drag-handle:hover{color:var(--foreground);background:var(--accent)}.arc-resume .drag-handle:active{cursor:grabbing}.arc-resume .accordion{border:1px solid var(--arc-line);background:var(--arc-sheet);border-radius:999px;overflow:hidden}.arc-resume .accordion:has(.accordion-body){border-radius:24px}.arc-resume .accordion+.accordion{margin-top:8px}.arc-resume .accordion-head{-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:8px 10px 8px 13px;display:flex}.arc-resume .accordion-head:hover{background:var(--accent)}.arc-resume .accordion-title{flex:1;font-size:13px;font-weight:500}.arc-resume .accordion-body{border-top:1px solid var(--arc-line);animation:rb-panel-open .22s var(--ease) both;padding:14px}@keyframes rb-panel-open{0%{opacity:0;transform:translateY(-4px)}}.arc-resume .quiet-scroll::-webkit-scrollbar{width:10px;height:10px}.arc-resume .quiet-scroll::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.arc-resume .quiet-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.arc-resume .builder-grid{grid-template-columns:minmax(420px,45fr) minmax(0,55fr);height:100%;display:grid}.arc-resume .mobile-tabbar{display:none}.arc-resume .mobile-pane{min-width:0;min-height:0}.arc-resume .preview-pane{scrollbar-gutter:stable}.arc-resume .show-mobile{display:none!important}.arc-resume .display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:400;line-height:1.05}.arc-resume .save-dot{background:var(--arc-ok,#16a34a);border-radius:999px;width:7px;height:7px;display:inline-block}.arc-resume .save-dot.pulse{animation:rb-dot-pulse .6s var(--ease)}.arc-resume .save-dot.error{background:var(--destructive,#cf174c)}@keyframes rb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rb-dot-pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes rb-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:900px){.arc-resume .hide-mobile{display:none!important}.arc-resume .show-mobile{display:inline-flex!important}.arc-resume .builder-topbar{gap:8px!important;height:56px!important;padding:0 12px!important}.arc-resume .builder-topbar .input{max-width:160px!important;font-size:13px!important}.arc-resume .builder-grid{flex-direction:column;grid-template-columns:1fr;overflow:hidden;display:flex!important}.arc-resume .mobile-pane{flex:none;min-height:0;display:none}.arc-resume .mobile-pane.active{flex:1 1 0;height:100%;min-height:0;display:block}.arc-resume .builder-editor{border-right:none!important;padding:16px 14px 96px!important}.arc-resume .preview-pane{padding-bottom:96px}.arc-resume .preview-toolbar{gap:6px!important;padding:8px 10px!important}.arc-resume .preview-stage{padding:14px 10px 0!important}.arc-resume .mobile-tabbar{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:var(--arc-glass,#000000b3);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-top:1px solid var(--border);z-index:40;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0000004d}.arc-resume .mobile-tabbar .btn{border-radius:999px;flex-direction:column;flex:1;gap:2px;height:auto;min-height:46px;padding:6px 4px;font-size:11px}.arc-resume .mobile-tabbar .btn svg{display:block}.arc-resume .mobile-tabbar .mobile-download-btn{flex:1}.arc-resume .mobile-sheet-backdrop{z-index:45;background:#00000080;animation:.18s rb-fade-in;position:fixed;inset:0}.arc-resume .mobile-sheet{background:var(--background);border-top:1px solid var(--border);padding:6px 14px calc(20px + env(safe-area-inset-bottom,0px));z-index:46;animation:rb-sheet-up .26s var(--ease);border-top-left-radius:18px;border-top-right-radius:18px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 32px #0006}.arc-resume .mobile-sheet-handle{background:var(--border);border-radius:999px;width:36px;height:4px;margin:8px auto 12px}.arc-resume .mobile-sheet-row{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--foreground);text-align:left;background:0 0;align-items:center;gap:12px;padding:14px 6px;font-size:15px;display:flex}.arc-resume .mobile-sheet-row:last-child{border-bottom:none}.arc-resume .mobile-sheet-row svg{color:var(--muted-foreground)}}@media (prefers-reduced-motion:reduce){.arc-resume *{transition:none!important;animation:none!important}}