.resume-canvas{--paper: #fffdf8;--ink: #111827;--ink-strong: #0f172a;--text: #374151;--muted: #7b8190;--line: #ddd6ca;--line-soft: #eee7dc;--accent: #c65a2e;--blue: #17385f;--accent-soft: rgba(198, 90, 46, .1);--chip-bg: #fffaf2;--chip-line: #eadfce;--chip-text: #555f6f;--footer: #8a8f9d;--link: #17385f;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased}.resume-canvas *{box-sizing:border-box}.inline-editing .editable-text{border-radius:3px;cursor:text;outline:1px solid transparent;transition:background .12s ease,outline-color .12s ease,box-shadow .12s ease}.inline-editing .editable-text:hover{background:var(--accent-soft);outline-color:color-mix(in srgb,var(--accent) 35%,transparent)}.inline-editing .editable-text:focus{background:#fffaf2f5;outline-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.inline-editing .thumb-kicker.editable-text:focus,.inline-editing .thumb-title.editable-text:focus{background:#ffffff2e;outline-color:#ffffffb3}.sheet{width:210mm;height:297mm;margin:28px auto 48px;background:var(--paper);box-shadow:0 28px 80px #0f172a38;position:relative;overflow:hidden}.export-mode .sheet{margin:0;box-shadow:none}.sheet:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--accent))}.page,.p2-page{height:100%;padding:14mm 16mm 10mm;display:flex;flex-direction:column}.header{display:grid;grid-template-columns:1fr 52mm;gap:11mm;padding-bottom:5.8mm;border-bottom:1.2px solid var(--line)}.eyebrow{margin:0 0 5.3mm;color:var(--accent);font-size:8px;letter-spacing:.2em;text-transform:uppercase;font-weight:850}.name-row{display:flex;align-items:flex-end;gap:5mm;margin:0 0 4mm}.resume-canvas h1{margin:0;color:var(--ink-strong);font-size:44px;line-height:.9;letter-spacing:-.075em;font-weight:900}.positioning{margin:0;max-width:122mm;color:var(--ink-strong);font-size:17.7px;line-height:1.38;letter-spacing:-.035em;font-weight:850}.role-line{margin:4.1mm 0 0;max-width:121mm;color:var(--text);font-size:10.65px;line-height:1.62;font-weight:560}.contact{padding-top:5.8mm}.contact-title{margin:0 0 4mm;color:var(--ink-strong);font-size:13.7px;font-weight:900;letter-spacing:-.02em}.contact-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-soft)}.contact-list li{display:grid;grid-template-columns:17mm 1fr;gap:3mm;padding:2.45mm 0;border-bottom:1px solid var(--line-soft);align-items:start}.contact-list span{color:var(--muted);font-size:7.85px;line-height:1.25;letter-spacing:.16em;text-transform:uppercase;font-weight:850}.contact-list b{color:var(--text);font-size:9.85px;line-height:1.48;font-weight:650}.section,.p2-section{display:grid;grid-template-columns:23mm 1fr;gap:7mm;padding:5.2mm 0;border-bottom:1px solid var(--line-soft)}.section-label,.p2-label{padding-top:.5mm;color:var(--muted);font-size:7.5px;line-height:1.28;letter-spacing:.18em;text-transform:uppercase;font-weight:900}.section-label .cn,.p2-label .cn{display:block;margin-bottom:1.3mm;color:var(--ink-strong);font-size:10.7px;letter-spacing:-.02em;text-transform:none;font-weight:900}.proof-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.proof-item{padding:3mm 3.5mm 3mm 0;border-right:1px solid var(--line-soft)}.proof-item:last-child{border-right:0;padding-right:0;padding-left:3.7mm}.proof-item:not(:first-child){padding-left:3.7mm}.proof-item b{display:block;margin-bottom:1.15mm;color:var(--ink-strong);font-size:15.7px;line-height:1;letter-spacing:-.045em;font-weight:900}.proof-item:first-child b{color:var(--accent)}.proof-item span{display:block;color:var(--muted);font-size:7.95px;line-height:1.45;font-weight:600}.career-section{flex:1;display:grid;grid-template-columns:23mm 1fr;gap:7mm;padding:5.4mm 0 0;min-height:0}.career-list{min-height:0}.experience{display:grid;grid-template-columns:31mm 1fr;gap:6mm;padding:0 0 3.95mm;margin:0 0 3.95mm;border-bottom:1px solid var(--line-soft)}.experience:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.time{color:var(--muted);font-size:8.05px;line-height:1.45;font-weight:850;letter-spacing:.04em}.time strong{display:block;margin-bottom:1.85mm;color:var(--accent);font-size:9.9px;line-height:1;letter-spacing:.08em;font-weight:900}.time em{display:block;margin-top:1.85mm;color:var(--muted);font-size:6.9px;font-style:normal;letter-spacing:.12em;text-transform:uppercase}.exp-main h2{margin:0 0 2.15mm;color:var(--ink-strong);font-size:14.1px;line-height:1.22;letter-spacing:-.025em;font-weight:900}.exp-lead{margin:0 0 2.55mm;color:var(--text);font-size:8.95px;line-height:1.57;font-weight:560}.exp-lead strong,.exp-points b,.p2-tool b,.p2-desc b{color:var(--ink-strong);font-weight:850}.exp-points{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:6mm;row-gap:1.35mm}.exp-points li{color:var(--text);font-size:7.95px;line-height:1.47;font-weight:540;position:relative;padding-left:3mm}.exp-points li:before{content:"";position:absolute;left:0;top:.62em;width:1.25mm;height:1.25mm;border-radius:50%;background:var(--accent)}.footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:3.4mm;border-top:1px solid var(--line);color:var(--footer);font-size:6.9px;letter-spacing:.16em;text-transform:uppercase;font-weight:850}.p2-header{padding-bottom:5.9mm;border-bottom:1.2px solid var(--line)}.p2-header h1{margin:0;color:var(--ink-strong);font-size:35px;line-height:.96;letter-spacing:-.06em;font-weight:900}.p2-sub{margin:3.5mm 0 0;max-width:150mm;color:var(--text);font-size:10.55px;line-height:1.6;font-weight:560}.p2-section{padding:5.4mm 0}.p2-section.projects{flex:1;min-height:0;border-bottom:0;padding-top:4.2mm;padding-bottom:0}.p2-toolgrid{display:grid;grid-template-columns:1fr 1fr;column-gap:6mm;row-gap:1.7mm}.p2-tool{color:var(--text);font-size:7.85px;line-height:1.45;font-weight:600}.p2-project-list{border-top:1px solid var(--line-soft);background:transparent}.p2-project{display:grid;grid-template-columns:calc(31mm * var(--project-scale)) 1fr;gap:4.6mm;align-items:center;padding:2.45mm 0;border-bottom:1px solid var(--line-soft)}.p2-project:last-child{border-bottom:0}.p2-thumb{width:calc(31mm * var(--project-scale));min-width:calc(31mm * var(--project-scale));height:calc(19.6mm * var(--project-scale));border-radius:2.7mm;overflow:hidden;padding:2.5mm;box-shadow:0 5px 13px #11182714;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.p2-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.2),transparent 24%),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 9px);pointer-events:none}.thumb-kicker,.thumb-title{position:relative;z-index:1;display:block}.thumb-kicker{margin-bottom:.8mm;color:#ffffffb8;font-size:5.45px;line-height:1;font-weight:850;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.thumb-title{color:#fff;font-size:9.6px;line-height:1.08;font-weight:900;letter-spacing:-.03em}.thumb-finance{background:linear-gradient(135deg,#e8edf5,#c9d7ea 46%,#8db4ed)}.thumb-finance .thumb-kicker{color:#12213894}.thumb-finance .thumb-title{color:#1d3557}.thumb-geo{background:linear-gradient(135deg,#111,#1c1b18 32%,#3b3121 72%,#cf9f44)}.thumb-ecom{background:linear-gradient(135deg,#f1f5f9,#e4edf2 45%,#c9dbd4)}.thumb-ecom .thumb-kicker{color:#223a348c}.thumb-ecom .thumb-title{color:#1b2a2a}.thumb-video{background:linear-gradient(135deg,#08090f,#14172b 38%,#2b1f37 72%,#6c3048)}.thumb-relation{background:linear-gradient(135deg,#0c1230,#142055 36%,#171840 62%,#212d69)}.thumb-method{background:linear-gradient(135deg,#1f2937,#384152 44%,#b45309)}.p2-meta{min-width:0;overflow:hidden}.p2-kicker{margin:0 0 .8mm;color:var(--accent);font-size:6.65px;line-height:1;letter-spacing:.13em;text-transform:uppercase;font-weight:900}.p2-kicker strong{margin-right:1.5mm;color:var(--accent);font-size:9.7px;letter-spacing:-.02em}.p2-desc{margin:0;color:var(--text);font-size:8.1px;line-height:1.45;font-weight:560}.p2-links{margin:.95mm 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1mm 2.6mm}.p2-links li{color:var(--text);font-size:6.75px;line-height:1.22;font-weight:700;word-break:break-all}.p2-links span{color:var(--ink-strong);font-weight:900}.p2-links a{color:var(--link);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--link) 32%,transparent)}.p2-chips{margin-top:1mm;display:flex;flex-wrap:wrap;gap:.7mm}.p2-chip{display:inline-flex;align-items:center;padding:.58mm .95mm;border:1px solid var(--chip-line);border-radius:999px;background:var(--chip-bg);color:var(--chip-text);font-size:5.9px;line-height:1;font-weight:760;white-space:nowrap}.template-tech-blue{--paper: #f8fbff;--ink: #0b1220;--ink-strong: #071a3a;--text: #2f3b52;--muted: #6b7a90;--line: #c8d8ee;--line-soft: #e3edf8;--accent: #1d9bf0;--blue: #0f3d91;--accent-soft: rgba(29, 155, 240, .12);--chip-bg: #eff6ff;--chip-line: #bfdbfe;--chip-text: #1e3a8a;--footer: #64748b;--link: #0f3d91}.template-tech-blue .sheet{background:linear-gradient(180deg,#fffffff0,#f8fbfff5),radial-gradient(circle at 86% 4%,rgba(56,189,248,.18),transparent 26%),radial-gradient(circle at 4% 96%,rgba(30,64,175,.1),transparent 34%),var(--paper);box-shadow:0 28px 80px #0f172a2e,0 0 0 1px #94a3b838}.template-tech-blue .sheet:before{background:linear-gradient(90deg,#0f3d91,#1d9bf0 46%,#67e8f9);box-shadow:0 0 22px #38bdf873}.template-tech-blue .p2-thumb:not(.thumb-finance):not(.thumb-ecom):not(.thumb-geo):not(.thumb-video):not(.thumb-relation){background:linear-gradient(135deg,#082f6f,#0f3d91 42%,#1d9bf0)}.template-rose-red{--paper: #fffafa;--ink: #1f1111;--ink-strong: #1f1111;--text: #3f2a2a;--muted: #8a6b6b;--line: #f0c7c7;--line-soft: #f7dddd;--accent: #e11d48;--blue: #991b1b;--accent-soft: rgba(225, 29, 72, .1);--chip-bg: #fff1f2;--chip-line: #fecdd3;--chip-text: #9f1239;--footer: #9f7777;--link: #be123c}.template-rose-red .sheet:before{background:linear-gradient(90deg,#991b1b,#e11d48)}.template-black-gold{--paper: #0b0f14;--ink: #fff7df;--ink-strong: #fff2c2;--text: #d7dce6;--muted: #8f98a8;--line: #39404d;--line-soft: #242b36;--accent: #d6a84f;--blue: #2f5f9f;--accent-soft: rgba(214, 168, 79, .14);--chip-bg: rgba(214, 168, 79, .1);--chip-line: rgba(214, 168, 79, .32);--chip-text: #f5d78b;--footer: #7f8796;--link: #f0c86a}.template-black-gold .sheet{background:radial-gradient(circle at 86% 6%,rgba(214,168,79,.13),transparent 25%),linear-gradient(180deg,#0e141d,#090d13);box-shadow:0 28px 80px #0000007a}.template-black-gold.inline-editing .editable-text:focus{background:#d6a84f1a}.template-black-gold .proof-line,.template-black-gold .contact-list{background:#ffffff03}.template-green-white{--paper: #fbfffd;--ink: #10231d;--ink-strong: #073b2f;--text: #33443f;--muted: #6c7f78;--line: #b8d4ca;--line-soft: #dceae5;--accent: #0f8b6f;--blue: #164e63;--accent-soft: rgba(15, 139, 111, .1);--chip-bg: #f0fbf7;--chip-line: #bfe5d9;--chip-text: #1f6f5d;--footer: #7d8d88;--link: #0f766e}.template-green-white .sheet{background:radial-gradient(circle at 90% 6%,rgba(15,139,111,.08),transparent 26%),linear-gradient(180deg,#fff,#f7fffb);box-shadow:0 28px 80px #0f41352e}.template-minimal-gray{--paper: #ffffff;--ink: #111111;--ink-strong: #171717;--text: #404040;--muted: #8a8a8a;--line: #cfcfcf;--line-soft: #e7e7e7;--accent: #111111;--blue: #111111;--accent-soft: rgba(0, 0, 0, .06);--chip-bg: #f7f7f7;--chip-line: #dedede;--chip-text: #3f3f3f;--footer: #9a9a9a;--link: #111111}.template-minimal-gray .sheet{background:#fff;box-shadow:0 28px 80px #00000029}.template-minimal-gray .sheet:before{height:4px;background:#111}.density-compact .experience{padding-bottom:3.1mm;margin-bottom:3.1mm}.density-compact .exp-lead{font-size:8.55px;line-height:1.5}.density-compact .exp-points li,.density-compact .p2-desc{font-size:7.7px}.density-relaxed .experience{padding-bottom:4.4mm;margin-bottom:4.4mm}.density-relaxed .p2-project{padding:2.8mm 0}@page{size:A4;margin:0}@media print{body{background:#fff}.sheet{margin:0;box-shadow:none}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100dvh;min-height:100%;overflow:hidden}body{background:#dfe3ea;color:#111827;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}button,input,textarea,select{font:inherit}.loading-shell{min-height:100dvh;display:grid;place-content:center;gap:8px;background:linear-gradient(180deg,#ffffffdb,#eff3f8f0),#eef2f7;color:#475569;text-align:center}.loading-shell strong{color:#0f172a;font-size:18px;font-weight:900}.loading-shell span{font-size:13px;font-weight:700}.start-shell{min-height:100dvh;overflow:auto;display:grid;grid-template-columns:minmax(420px,640px) minmax(320px,460px);align-items:center;justify-content:center;gap:42px;padding:54px 44px;background:linear-gradient(180deg,#ffffffd1,#eff3f8eb),#eef2f7}.start-hero{min-width:0}.start-copy{max-width:640px}.start-kicker{margin:0 0 14px;color:#c65a2e;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.start-copy h1{margin:0;color:#0f172a;font-size:42px;line-height:1.12;font-weight:950;letter-spacing:0}.start-copy p:not(.start-kicker){margin:18px 0 0;max-width:560px;color:#475569;font-size:16px;line-height:1.8}.start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.start-primary,.start-secondary{min-height:48px;border-radius:8px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:900;cursor:pointer}.start-primary{border:0;background:#17385f;color:#fff;box-shadow:0 14px 28px #17385f2e}.start-secondary{border:1px solid #ccd6e3;background:#fff;color:#17385f}.start-primary:hover{background:#0f2d50}.start-secondary:hover,.start-secondary-row button:hover{background:#f8fafc;border-color:#b8c5d6}.start-secondary-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.start-secondary-row button{border:1px solid #d8dee9;border-radius:8px;background:#ffffffbd;color:#475569;padding:9px 11px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;cursor:pointer}.start-message{margin:18px 0 0;max-width:560px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;padding:10px 12px;font-size:13px;line-height:1.55}.start-template-preview{min-width:0;display:grid;gap:14px}.start-account-panel,.start-template-card{border:1px solid rgba(203,213,225,.82);border-radius:8px;background:#ffffffe0;padding:18px;box-shadow:0 20px 42px #0f172a1f}.start-template-preview strong,.start-template-preview span,.signed-in-card em{display:block}.start-template-preview strong{color:#0f172a;font-size:15px}.start-template-preview span{margin-top:6px;color:#64748b;font-size:13px;line-height:1.45}.start-account-title{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;margin-bottom:14px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid #d8dee9;border-radius:8px;padding:4px;margin-bottom:12px;background:#f8fafc}.auth-switch button{border:0;border-radius:6px;background:transparent;color:#64748b;padding:8px;font-size:13px;font-weight:900;cursor:pointer}.auth-switch button.active,.auth-submit{background:#17385f;color:#fff}.auth-submit{width:100%;border:0;border-radius:8px;padding:11px 12px;font-size:14px;font-weight:900;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:wait}.signed-in-card{border:1px solid #d8dee9;border-radius:8px;background:#f8fafc;padding:12px}.signed-in-card em{margin-top:8px;color:#9a3412;font-size:12px;font-style:normal;line-height:1.45}.signed-in-card button{margin-top:12px;border:1px solid #d8dee9;border-radius:8px;background:#fff;color:#475569;padding:9px 11px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;cursor:pointer}.account-message{margin-top:12px}.start-page-stack{position:relative;height:430px;margin-top:18px}.start-page-card{position:absolute;top:0;right:56px;bottom:34px;left:0;border-radius:8px;background:linear-gradient(90deg,transparent 0 14%,rgba(198,90,46,.14) 14% 15%,transparent 15%),linear-gradient(180deg,#fff 0,#fff 14%,#f8fafc 14%,#f8fafc 15%,#fff 15%,#fff);border:1px solid #e2e8f0;box-shadow:0 16px 30px #0f172a1a}.start-page-card:before,.start-page-card:after{content:"";position:absolute;left:26px;right:26px;border-radius:5px}.start-page-card:before{top:42px;height:86px;background:linear-gradient(90deg,#17385f 0 38%,transparent 38%),linear-gradient(180deg,transparent 0 52%,#e2e8f0 52% 58%,transparent 58%)}.start-page-card:after{top:160px;height:188px;background:linear-gradient(90deg,#17385fdb,#c65a2ec7),repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.16) 16px 18px)}.start-page-card.second{top:64px;right:0;bottom:0;left:56px;transform:rotate(2deg);opacity:.92;background:linear-gradient(90deg,transparent 0 14%,rgba(23,56,95,.12) 14% 15%,transparent 15%),#fff}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:280px minmax(620px,1fr) 360px;overflow:hidden}.app-shell.workspace-library,.app-shell.workspace-templates{grid-template-columns:280px minmax(720px,1fr)}.sidebar,.editor-pane{height:100dvh;min-height:0;background:#f8fafc;border-right:1px solid #d9dee8;padding:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar::-webkit-scrollbar,.editor-pane::-webkit-scrollbar,.preview-scroll::-webkit-scrollbar{width:10px;height:10px}.sidebar::-webkit-scrollbar-thumb,.editor-pane::-webkit-scrollbar-thumb,.preview-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border:3px solid transparent;border-radius:999px;background-clip:content-box}.editor-pane{border-right:0;border-left:1px solid #d9dee8;padding-bottom:42px}.brand{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex:0 0 auto}.brand strong,.preview-toolbar strong{display:block;font-size:15px;line-height:1.2}.brand span,.preview-toolbar span{display:block;margin-top:3px;color:#64748b;font-size:12px}.ai-template-assistant,.workspace-nav{flex:0 0 auto;display:grid;gap:6px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.sidebar-section-title{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:11px;font-weight:900}.ai-prompt-box{border:1px solid #d8dee9;border-radius:8px;background:#fff;padding:8px;display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:start;color:#64748b}.ai-prompt-box textarea{min-height:66px;border:0;padding:0;resize:none;color:#111827;font-size:12px;line-height:1.45;outline:none}.ai-template-results{display:grid;gap:6px}.ai-template-result{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:8px;display:grid;gap:7px}.ai-template-result strong,.ai-template-result span{display:block}.ai-template-result strong{color:#0f172a;font-size:12px}.ai-template-result span{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35}.ai-template-result>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ai-template-result button{border:1px solid #d8dee9;border-radius:7px;background:#f8fafc;color:#334155;padding:6px 8px;font-size:12px;font-weight:800;cursor:pointer}.ai-template-result button:hover{background:#edf2f7}.workspace-nav button{width:100%;border:0;border-radius:8px;background:transparent;color:#475569;padding:9px 10px;display:inline-flex;align-items:center;gap:8px;text-align:left;font-size:13px;font-weight:800;cursor:pointer}.workspace-nav button:hover{background:#eef2f7}.workspace-nav button.active{background:#17385f;color:#fff}.version-header{flex:0 0 auto;margin-bottom:10px}.section-title,.card-title{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#334155;font-size:13px;font-weight:800}.sidebar .section-title{flex:0 0 auto}.version-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:2px;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.version-scroll::-webkit-scrollbar{width:10px}.version-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border:3px solid transparent;border-radius:999px;background-clip:content-box}.version-list{display:grid;gap:8px}.sidebar-footer{flex:0 0 auto;margin:14px -18px -18px;padding:12px 18px 14px;border-top:1px solid #e2e8f0;background:#f8fafc}.account-panel{border:1px solid #d8dee9;border-radius:8px;background:#fff;padding:9px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.account-panel strong,.account-panel span,.account-panel em{display:block}.account-panel strong{color:#0f172a;font-size:12px;line-height:1.25}.account-panel span,.account-panel em{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.account-panel em{color:#9a3412;font-style:normal}.account-panel button{width:28px;height:28px;border:1px solid #d8dee9;border-radius:7px;background:#f8fafc;color:#475569;display:grid;place-items:center;cursor:pointer}.version-item{width:100%;position:relative;border:1px solid #d8dee9;border-radius:8px;background:#fff;overflow:hidden}.version-item.active{border-color:#c65a2e;box-shadow:0 0 0 2px #c65a2e1f}.version-select-button{width:100%;border:0;background:transparent;padding:10px;text-align:left;cursor:pointer}.version-item strong,.version-item span,.version-item em{display:block}.version-item strong{color:#0f172a;font-size:13px;line-height:1.35}.version-item span{margin-top:5px;color:#64748b;font-size:12px}.version-item em{margin-top:8px;color:#c65a2e;font-size:11px;font-style:normal;font-weight:800}.version-card-actions{position:absolute;top:8px;right:8px;display:inline-flex;gap:5px;opacity:0;pointer-events:none;transition:opacity .15s ease}.version-item:hover .version-card-actions,.version-item:focus-within .version-card-actions{opacity:1;pointer-events:auto}.version-card-actions button{width:26px;height:26px;border:1px solid #d8dee9;border-radius:7px;background:#fffffff5;color:#475569;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px #0f172a1a}.version-card-actions button:disabled{opacity:.45;cursor:not-allowed}.secondary-action,.primary-action,.ghost-action,.danger-action{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;cursor:pointer}.secondary-action{width:100%;margin-top:8px;padding:10px;color:#334155;background:#e9eef5}.danger-action{width:100%;margin-top:8px;padding:10px;color:#9f1239;background:#ffe4e6}.danger-action:disabled{opacity:.55;cursor:not-allowed}.primary-action{padding:10px 14px;color:#fff;background:#17385f}.ghost-action{padding:10px 12px;color:#17385f;background:#e8eef6}.primary-action:disabled{opacity:.65;cursor:wait}.preview-pane{min-width:0;min-height:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.preview-toolbar{height:62px;flex:0 0 auto;background:#f8fafcf5;border-bottom:1px solid #d9dee8;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.toolbar-actions{display:flex;align-items:center;gap:10px}.zoom-control{display:inline-flex;align-items:center;height:36px;border:1px solid #d8dee9;border-radius:8px;background:#fff;overflow:hidden}.zoom-control button{width:34px;height:34px;border:0;background:transparent;color:#334155;display:grid;place-items:center;cursor:pointer}.zoom-control button:hover{background:#edf2f7}.zoom-control span{min-width:48px;text-align:center;color:#475569;font-size:12px;font-weight:800}.preview-scroll{flex:1;min-height:0;overflow:auto;padding:18px 20px 42px;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.preview-scale-wrap{margin:0 auto;transform-origin:top center}.preview-scale-inner{transform-origin:top left}.preview-scale-inner .sheet{margin-top:0;margin-bottom:28px}.workspace-main{min-width:0;min-height:0;height:100dvh;overflow:auto;padding:20px 24px 44px;background:#eef2f7}.workspace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.workspace-header strong,.workspace-header span{display:block}.workspace-header strong{color:#0f172a;font-size:18px;line-height:1.2}.workspace-header span{margin-top:5px;color:#64748b;font-size:13px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.library-panel{min-width:0;border:1px solid #d8dee9;border-radius:8px;background:#fff;padding:12px}.library-panel.wide{grid-column:1 / -1}.library-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.library-panel-title strong{color:#0f172a;font-size:14px}.library-panel-title button{border:1px solid #d8dee9;border-radius:7px;background:#f8fafc;color:#334155;padding:6px 10px;font-size:12px;font-weight:900;cursor:pointer}.nested-list{display:grid;gap:10px}.template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,204px));gap:14px;align-items:start}.template-card{position:relative;border:1px solid #d8dee9;border-radius:8px;background:#fff;padding:7px;overflow:hidden}.template-card.active{border-color:#c65a2e;box-shadow:0 0 0 2px #c65a2e2e}.template-card:hover{border-color:#b8c5d6;background:#fbfdff}.template-select-button{width:100%;border:0;background:transparent;padding:0;display:grid;gap:7px;text-align:left;cursor:pointer}.template-card strong{display:block;color:#0f172a;font-size:13px;line-height:1.25;text-align:center}.template-card-topline{display:block!important;margin-top:0!important}.template-card.active .template-thumbnail{outline:2px solid rgba(198,90,46,.42);outline-offset:-2px}.template-thumbnail{width:152px;aspect-ratio:210 / 297;border-radius:7px;background:#edf2f7;border:1px solid #e2e8f0;display:block;justify-self:center;overflow:hidden}.template-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.template-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#0f172a6b;display:grid;place-items:center;padding:10px;opacity:0;pointer-events:none;transition:opacity .16s ease}.template-card:hover .template-card-overlay,.template-card:focus-within .template-card-overlay{opacity:1;pointer-events:auto}.template-create-button{border:0;border-radius:8px;background:#17385f;color:#fff;padding:9px 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #0f172a3d}.editor-card{background:#fff;border:1px solid #d8dee9;border-radius:8px;padding:12px;margin-bottom:12px}.advanced-editor{margin-top:12px}.hidden-legacy-editor{display:none}.advanced-editor>summary{list-style:none;border:1px solid #d8dee9;border-radius:8px;background:#fff;padding:12px;cursor:pointer}.advanced-editor>summary::-webkit-details-marker{display:none}.advanced-editor>summary span,.advanced-editor>summary em{display:block}.advanced-editor>summary span{color:#0f172a;font-size:13px;font-weight:900}.advanced-editor>summary em{margin-top:4px;color:#64748b;font-size:12px;font-style:normal;line-height:1.35}.advanced-editor[open]>summary{margin-bottom:12px;border-color:#c65a2e;box-shadow:0 0 0 2px #c65a2e1a}.field{display:grid;gap:6px;margin-bottom:10px}.field:last-child{margin-bottom:0}.field span{color:#64748b;font-size:12px;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #d8dee9;border-radius:7px;background:#fff;color:#111827;padding:9px 10px;font-size:13px;line-height:1.45}.field input[type=color]{height:38px;padding:4px}.field input[type=range]{padding:0}.field textarea{min-height:88px;resize:vertical}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-note{margin:0;color:#475569;font-size:13px;line-height:1.55}.history-list{margin-top:10px;display:grid;gap:8px}.history-item{border-top:1px solid #e2e8f0;padding-top:8px;display:grid;gap:2px}.history-item strong{color:#c65a2e;font-size:11px;letter-spacing:.08em}.history-item span{color:#334155;font-size:12px;word-break:break-all}.history-item em{color:#94a3b8;font-size:11px;font-style:normal}.mini-list{display:grid;gap:8px}.mini-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:7px;padding:8px;background:#f8fafc}.mini-row.compact{padding:6px}.mini-row strong,.mini-row span{display:block}.mini-row strong{color:#0f172a;font-size:12px;line-height:1.35}.mini-row span{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35}.nested-editor{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:8px;display:grid;gap:7px}.nested-editor>strong{color:#0f172a;font-size:12px;line-height:1.35}.compact-add{margin-top:0;padding:7px 8px}.chip-editor{display:flex;flex-wrap:wrap;gap:6px}.pill-button{border:1px solid #d8dee9;border-radius:999px;background:#fff;color:#475569;padding:5px 8px;font-size:11px;line-height:1.2;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.pill-button:hover{border-color:#fecdd3;background:#fff1f2;color:#9f1239}.mini-actions{display:flex;align-items:center;gap:4px}.small-icon-button{width:26px;height:26px;border:1px solid #d8dee9;border-radius:6px;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer}.small-icon-button:disabled{opacity:.35;cursor:not-allowed}.inline-add{width:100%;margin-top:10px;border:1px dashed #cbd5e1;border-radius:7px;padding:9px 10px;background:#f8fafc;color:#334155;font-size:12px;font-weight:800;cursor:pointer}.filename-action{margin-top:-2px;margin-bottom:10px;border-style:solid;background:#fff7ed;color:#9a3412}.inline-add:hover,.small-icon-button:hover:not(:disabled),.ghost-action:hover,.secondary-action:hover{background:#edf2f7}@media(max-width:1180px){.app-shell{grid-template-columns:240px minmax(520px,1fr)}.editor-pane{display:none}}@media(max-width:900px){.start-shell{grid-template-columns:1fr;align-items:start;gap:24px;padding:34px 18px}.start-copy h1{font-size:32px}.start-actions{display:grid;grid-template-columns:1fr}.start-page-stack{height:340px}}