/* PDF document studio. Original design; system fonts and real sample-document imagery. */
:root{--bg:#f6f5f1;--surface:#fff;--ink:#25343f;--ink-2:#57646e;--ink-3:#6b767d;--line:#dcdedb;--line-2:#eceeeb;--accent:#b64032;--accent-hover:#963326;--accent-soft:#fbefea;--focus:#265f87;--r-panel:18px;--r-ctl:9px;--ok:#276d5f}
body{font-size:15px;line-height:1.6;background:var(--bg)}
.site{min-height:80px;padding:0 40px;background:#fbfbf8;gap:24px;border-bottom:1px solid #e1e4df}
.brand{font-size:17px;letter-spacing:-.035em;gap:10px}.brand .mark{width:34px;height:38px}.mark path{stroke:var(--accent)}
.tasks{padding:0;background:transparent;gap:4px;border-radius:0}.tasks a{min-height:44px;border-radius:7px;color:var(--ink-2);font-size:14px;padding:0 17px}.tasks a[aria-current=page]{background:var(--accent-soft);box-shadow:none;color:var(--accent)}
.langs{gap:0}.langs a{font-size:12px;padding:0 8px;min-height:44px}.langs a[aria-current=true]{background:#eaf0ec;color:#264e43}
main{max-width:1536px;padding:0 32px 32px}.task-head{padding:24px 0 14px;align-items:center;gap:0 18px}.task-head h1{font-size:23px;font-weight:750;letter-spacing:-.045em}.intro{font-size:14px}
.studio-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent);display:block;margin-bottom:4px}.task-head .studio-kicker{flex-basis:100%;margin-bottom:4px}body.is-empty .task-head{display:none}
.hero{max-width:1160px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:56px 0 32px;align-items:center}
.hero-copy>.studio-kicker{font-size:12px;letter-spacing:.08em;margin:0 0 20px;color:var(--ink-2)}
.hero-title{font-size:clamp(38px,4.4vw,60px);font-weight:780;letter-spacing:-.055em;line-height:1.17;white-space:pre-line;margin:0 0 20px;color:#23343f;max-width:none}
.hero-lead{max-width:30em;font-size:16px;line-height:1.8;margin-bottom:26px;color:var(--ink-2)}
.hero-actions{gap:10px}.btn{min-height:42px;border-color:#cdd4ce;box-shadow:none;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 0 #81251a15}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}
.btn.big{min-height:50px;padding:0 22px;font-size:15px}.btn.quiet{color:#385d54}.btn.quiet:hover:not(:disabled){background:#edf2ee}.btn:focus-visible{outline-offset:3px}
.hero-actions .btn.quiet{border:1px solid #d1d8d2;background:transparent;color:var(--ink)}
.hero>.hero-copy>.hint{font-size:12px;margin-top:10px}.hero-templates{margin:22px 0 16px;padding:14px 16px;border:1px solid #dde2db;border-radius:12px;background:#fff}.hero-templates.empty{background:#eef2ed}.hero-templates h2{font-size:14px}.hero-templates p{font-size:13px;line-height:1.65}.privacy{font-size:12px;color:#385d54;padding-left:18px;position:relative;line-height:1.6}.privacy:before{content:'';position:absolute;left:2px;top:6px;width:7px;height:9px;border:1.6px solid currentColor;border-radius:2px 2px 4px 4px}.support{font-size:13px}.support summary{min-height:36px;font-weight:500;color:var(--ink-2)}
.studio-preview{margin:0;padding:0;border:1px solid #dce1da;border-radius:24px;overflow:hidden;background:#e9eee7;box-shadow:0 16px 40px #293e3310;min-width:0}
.studio-preview-top{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6ded3;gap:12px}.studio-preview-label{font-size:12px;font-weight:650;color:#40594e}.studio-format{font-size:10px;letter-spacing:.09em;border:1px solid #b7c7b8;padding:3px 6px;border-radius:5px;color:#40594e}
.studio-desk{height:416px;position:relative;padding:30px 25px;background-image:radial-gradient(#b5c5b34d .8px,transparent .8px);background-size:18px 18px}
.studio-paper,.studio-paper-back{position:absolute;width:218px;aspect-ratio:595/842;left:calc(50% - 108px);top:28px;border:1px solid #d6dbd2;border-radius:3px;background:#fff;box-shadow:0 10px 22px #35493617;transform:rotate(-5deg)}
.studio-paper-back{transform:rotate(4deg);left:calc(50% - 93px);top:26px;background:#fafbf8}.studio-paper img{width:100%;height:100%;object-fit:contain;display:block;border-radius:2px;user-select:none}
.studio-source-tag{position:absolute;left:20px;top:70px;padding:7px 10px;background:#fff;border:1px solid #d8dfd6;border-radius:7px;box-shadow:0 3px 7px #293e3308;font-size:11px;color:#44594e}
.studio-page-plan{position:absolute;bottom:24px;right:22px;left:62px;padding:14px 16px;border:1px solid #d9dfd4;border-radius:12px;background:#fff;box-shadow:0 10px 24px #25382a10}
.studio-plan-title{font-size:11px;margin:0 0 10px;color:var(--ink-2)}.studio-plan-pages{display:flex;gap:8px}.studio-plan-page{flex:1;border:1px solid #dfe4de;min-width:0;padding:6px 8px;border-radius:5px;border-top:3px solid #3d6fb4;display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-plan-page small{font-size:9px;color:#78827a}.studio-plan-page b{font-size:12px;font-weight:650}.studio-b{border-top-color:#a8553a}.studio-c{border-top-color:#5e7f2e}.studio-preview-caption{font-size:11px;color:#586d5e;padding:12px 22px;background:#f5f8f1;border-top:1px solid #dae1d4}
.ws-top{padding:0;margin-bottom:14px}.steps{gap:28px;font-size:12px}.steps .num{font-size:10px;width:22px;height:22px}.steps li.current .num{border-color:var(--accent);color:var(--accent)}
.layout{gap:16px}.panel{border:1px solid #dfe3dd;border-radius:16px;padding:20px;box-shadow:0 2px 5px #24382a02}.panel-head{padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #edf0e9}.panel-head h2,#h-review{font-size:15px;font-weight:700;letter-spacing:-.025em;gap:7px}.panel-head .ui-icon,#h-review .ui-icon{color:var(--ink-2);width:18px;height:18px}.panel-head .count{font-size:11px;display:block;flex-basis:100%;font-weight:400;color:var(--ink-2);margin-left:25px}
.layout .work{background:#eaf0e9;border-color:#dae2d7;padding:20px 18px 14px}.layout .work .panel-head{border-bottom-color:#d8e1d4}.rail-hint{font-size:12px;color:#526653;margin-bottom:8px}.filter{gap:5px}.fbtn{background:#f8faf6;border-color:#d4ddd0;font-size:12px;border-radius:7px;min-height:36px}.fbtn.on{background:#fff;border-color:#698174;color:#385d54}.keys{color:#526653;font-size:12px}.keys summary{min-height:36px}
.layout .work .page-rail .card{flex-basis:236px;width:236px;border-color:#d7dfd3;border-radius:10px;padding:12px;box-shadow:0 4px 10px #304c3210;gap:10px}.layout .work .page-rail .cards{gap:16px;padding-top:8px}.page-rail .thumb{box-shadow:0 2px 6px #233a2810;border-color:#e0e4dc;max-height:330px}.layout .work .page-rail .cap-text{font-size:11px}.page-rail .pos{font-size:11px}.page-rail .card-top{gap:5px}.page-grip{color:#597260}.page-rail .card-actions{gap:5px}.page-rail .moves{gap:3px}.page-rail .btn.small{font-size:12px;padding:0 7px}.page-rail .moves .btn.icon{padding:0;width:30px;min-height:32px}.page-rail .chip{font-size:10px;min-width:20px;height:20px;border-radius:4px}.rail-nav{gap:16px;padding-top:12px}.rail-position{font-size:12px;color:#4d6454}
.dropzone{border:1px dashed #b8c8b8;background:#f7faf5;border-radius:12px;padding:16px 8px}.file{border-radius:9px;border-color:#dce3d8}.file.open{background:#f2f6ef}.file-toggle{padding:12px 10px}.file-meta b,.file-meta .fname{font-size:12px}.file-detail{background:#f6f8f3;padding:12px;border-radius:10px}.file-detail .hint{font-size:11px}.file-detail .text{font-size:13px}.tpl-drawer{background:#f8f9f6;border-color:#dee4d9;border-radius:10px}.tpl-drawer summary{font-size:13px}.sample-note{font-size:11px;padding:8px;line-height:1.6}.layout .sources>.hint{font-size:11px}
.review-list .linkrow{border-radius:6px;font-size:12px;padding:7px 6px}.review-list .pos{color:var(--ink-2)}.counts.big{font-size:14px;line-height:1.7;font-weight:600}.confirm{background:#f0f5ef;border:1px solid #dce5d8;border-radius:10px;padding:12px}.confirm .check{font-size:12px;line-height:1.6}.confirm .hint{font-size:11px}.cond{background:#fbfbf8;border:1px solid #e0e4db;border-radius:10px}.cond summary{font-size:12px;min-height:42px}.cond .hint{font-size:11px}.cond label,.lbl{font-size:12px}.text{font-size:14px;border-color:#cdd7cc}.review>.hint{font-size:11px}.rname{font-size:15px}.rthumb{width:170px;max-height:225px;box-shadow:0 6px 14px #293e3310}.results h3{color:#276d5f;font-size:20px;letter-spacing:-.025em;margin-bottom:20px}.rbody .btn.primary{min-height:50px}.result-config>summary{font-size:12px;color:#385d54}.cond-ok{background:#eef5ec}.result-info{font-size:12px}.site-foot{color:var(--ink-2);font-size:11px;padding:18px 32px;max-width:1536px;margin:auto;border-top:1px solid var(--line-2)}.site-foot .preview-flag{font-size:10px;color:#79827b}.site-foot .about summary{font-size:11px;color:var(--ink-2)}
@media(min-width:960px){.layout{grid-template-columns:248px minmax(0,1fr) 286px;height:max(540px,calc(100dvh - var(--layout-top,180px) - 16px))}.layout .review .create-row{margin:0 -20px;padding:12px 20px 20px;bottom:-20px}.layout>.sources{padding:20px 16px}}
@media(min-width:721px) and (max-width:1023px){.site{padding:8px 24px 0;min-height:92px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;padding:32px 0}.hero-title{font-size:40px}.studio-desk{height:390px}.studio-paper{width:195px}.studio-paper-back{width:195px}.studio-source-tag{left:12px}.studio-page-plan{left:24px;right:14px}.langs a{padding:0 7px}.tasks{margin-top:6px}}
@media(max-width:720px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.site{padding:4px 16px 0;gap:0 4px;min-height:0;grid-template-columns:minmax(0,1fr) auto}.site .brand{font-size:13px;gap:7px;min-height:44px}.brand .mark{width:24px;height:29px}.site .langs-nav{grid-row:1;grid-column:2}.langs a{font-size:11px;padding:0 3px;min-width:40px;min-height:44px}.site .tasks{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;margin:4px 0 9px;gap:3px;background:#ecefea;border-radius:9px}.tasks a{min-height:40px;padding:0 4px;font-size:12px;line-height:1.4;border-radius:7px;white-space:normal}.tasks a[aria-current=page]{background:#fff;color:var(--accent);box-shadow:0 1px 4px #20352908}main{padding:0 16px 20px}.task-head{padding:16px 0 10px;gap:0}.task-head .studio-kicker{font-size:9px;letter-spacing:.14em;margin-bottom:4px}.task-head h1{font-size:21px}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 2px 20px}.hero-copy>.studio-kicker{font-size:11px;margin-bottom:14px;letter-spacing:.04em}.hero-title{font-size:36px;line-height:1.2;margin-bottom:16px;letter-spacing:-.055em}.hero-lead{font-size:14px;line-height:1.75;margin-bottom:20px}.hero-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:8px}.hero-actions .btn{font-size:13px;padding:0 12px;min-height:48px;white-space:normal}.hero-copy>.hint{font-size:11px}.hero-templates{margin:18px 0 12px;padding:12px}.hero-templates h2{font-size:13px}.hero-templates p{font-size:12px;margin-bottom:0}.privacy{font-size:11px;margin-top:12px}.support{font-size:12px}.studio-preview{border-radius:18px}.studio-preview-top{padding:12px 16px}.studio-desk{height:338px}.studio-paper,.studio-paper-back{width:174px;left:calc(50% - 88px);top:24px}.studio-paper-back{left:calc(50% - 73px)}.studio-source-tag{top:54px;font-size:10px;left:12px}.studio-page-plan{bottom:20px;left:34px;right:14px;padding:12px}.studio-plan-page{padding:6px;gap:5px}.studio-preview-caption{padding:10px 16px;font-size:10px}.ws-top{margin-bottom:12px}.mtabs{padding:4px;gap:4px;background:#e7ece4;border-radius:10px}.mtab{font-size:13px;min-height:44px;gap:5px;border-radius:7px}.mtab.on{color:#385d54;background:#fff;box-shadow:0 2px 5px #1e352b08}.mtab .ui-icon{width:16px;height:16px}.mbadge{background:#e5ece2;color:#3e5948;font-size:10px;min-width:18px}.panel{padding:16px;border-radius:14px}.panel-head{padding-bottom:12px;margin-bottom:10px}.panel-head h2,#h-review{font-size:15px}.panel-head .count{font-size:11px;margin-left:24px}.layout .work{padding:16px 14px 10px}.rail-hint{font-size:12px}.layout .work .page-rail .card{flex-basis:232px;width:232px;padding:10px;gap:10px}.layout .work .page-rail{max-height:510px}.page-rail .thumb{max-height:295px}.layout .work .page-rail .cap-text{font-size:11px}.page-rail .moves .btn.icon{min-height:40px;width:36px}.page-rail .btn.small{min-height:40px}.page-rail .card-actions{flex-wrap:wrap;gap:8px}.rail-nav{padding-top:6px}.file-meta b,.file-meta .fname{font-size:13px}.sample-note{font-size:11px}.actionbar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fbfcf9;border-top:1px solid #dde4d8;box-shadow:0 -4px 14px #233b2a05;gap:10px}.actionbar .btn{min-height:48px;font-size:13px;padding:0 16px}.ab-summary{font-size:12px;color:#4b5e50}.rthumb{width:160px;max-height:210px}.results h3{font-size:20px;margin-bottom:18px}.result{gap:16px}.result-config>summary{min-height:48px}.cond summary{font-size:12px}.confirm .check{font-size:13px}.site-foot{padding:16px 18px;font-size:10px}.site-foot a{min-height:44px}}
@media(max-width:350px){.site{padding-right:12px;padding-left:12px}.site .brand{font-size:11px;gap:4px}.brand .mark{width:20px}.langs a{font-size:10px;min-width:36px}.hero-title{font-size:32px}.hero-actions .btn{font-size:12px;padding:0 9px}.layout .work .page-rail .card{flex-basis:218px;width:218px}.mtab .ui-icon{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* One-file tasks: the source badge must not squeeze the document name into a narrow column. */
.file-head:not(button){display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 8px}.file-head:not(button)>.file-meta{grid-column:2;min-width:0}.file-head:not(button)>.tag-sample{grid-column:2;justify-self:start;font-size:10px}.file-head:not(button) .flabel{font-size:13px;word-break:keep-all}.file-head:not(button) .fname{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-head:not(button) .sub{font-size:11px;line-height:1.6}.cond-result:not(.unmet){background:#edf4eb;color:#365b46}

/* Recurring packets: reuse the existing work-template flow, alongside a clear one-time path. */
.compression-panel{margin-top:20px;padding:14px;border:1px solid #d4dace;border-radius:10px;background:#f7f9f3;min-width:0}.compression-panel h4{font-size:15px;line-height:1.5;margin:0 0 10px}.compression-panel p{font-size:12px;line-height:1.75;overflow-wrap:anywhere}.compression-warning{padding:10px;background:#fff3df;border-radius:7px;color:#714a21}.compression-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.75;margin:12px 0}.compression-consent input{flex-shrink:0;margin-top:5px}.compression-panel .row{flex-wrap:wrap}.compression-panel .btn{min-height:44px;white-space:normal;font-size:12px;padding:9px 12px;line-height:1.6}.compression-result{border-top:1px solid #d9e2d1;margin-top:15px;padding-top:14px;min-width:0}.compression-result>b{display:block;font-size:13px;color:#326754}.compression-result.unmet>b{color:#8e422c}.compression-result .rthumb{margin:12px 0;display:block;width:120px;height:auto}.compression-result a{display:inline-flex;text-decoration:none;align-items:center}.compression-result .rname{font-size:12px;overflow-wrap:anywhere}
.hero.value-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:32px 0;align-items:start}
.value-hero .hero-copy>.studio-kicker{margin-bottom:12px;color:#385d54}
.value-hero .hero-title{font-size:clamp(34px,3.7vw,48px);line-height:1.22;margin-bottom:14px}
.value-hero .hero-lead{font-size:15px;line-height:1.75;margin-bottom:20px;max-width:36em}
.value-choice{min-width:0;border:1px solid #d8dfd4;border-radius:14px;padding:17px 18px;margin-bottom:12px;background:white}
.value-choice h2{font-size:16px;line-height:1.5;letter-spacing:-.025em;margin:0 0 8px;font-weight:750}
.value-repeat{background:#eaf0e7;border-color:#cbd9c6}
.value-choice .hero-templates{padding:0;margin:0 0 12px;border:0;background:transparent;border-radius:0}
.value-choice .hero-templates p{font-size:12px;line-height:1.65;margin:8px 0}
.value-choice .hero-templates .hint{color:#4d6050}
.value-choice .ht-list{margin-top:0;gap:8px}
.value-choice .ht-item{background:#fff;border-color:#c9d7c4;padding:12px 14px;min-height:72px;border-radius:9px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:start;width:100%;white-space:normal;overflow-wrap:anywhere}
.value-choice .ht-name{font-size:14px;font-weight:750;line-height:1.5}
.value-choice .ht-item .sub{font-size:11px;line-height:1.6}
.value-use{font-size:12px;color:#9a3025;font-weight:700;margin-top:4px}
.value-template-cta{width:100%;justify-content:center;white-space:normal;line-height:1.5;text-align:center}
.value-once .hint{font-size:12px;line-height:1.7;margin:0 0 12px}
.value-once .hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.value-once .hero-actions .btn{font-size:13px;min-height:46px;padding:8px 16px;flex:1;white-space:normal;line-height:1.5}
.value-once .hero-actions .btn.quiet{flex:0 1 auto;border-color:transparent;font-size:12px}
.value-workflow{min-width:0;margin:0;border:1px solid #d8e0d4;border-radius:18px;background:#fff;overflow:hidden}
.value-workflow-caption{padding:17px 20px;background:#edf2ea;border-bottom:1px solid #dce4d7;display:flex;flex-direction:column;gap:5px}
.value-workflow-caption b{font-size:14px;line-height:1.6}
.value-workflow-caption span{font-size:11px;line-height:1.65;color:#526453}
.value-steps{list-style:none;margin:0;padding:0 20px}
.value-step{padding:17px 0;border-bottom:1px solid #e4e8e0}
.value-step:last-child{border-bottom:0}
.value-step h3{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.6;margin:0 0 8px}
.value-step-number{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#e9eee5;color:#375846;font-size:12px}
.value-step>p{font-size:12px;line-height:1.7;margin:0;color:#526453}
.value-bundle{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;margin:12px 0}
.value-bundle>img{width:82px;height:116px;object-fit:contain;box-shadow:0 3px 9px #314b3220;border:1px solid #e0e4dc}
.value-roles{display:grid;gap:7px;min-width:0}
.value-role{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border:1px solid #dce4d8;border-left:3px solid #3d6fb4;border-radius:6px;font-size:11px;min-width:0;line-height:1.5}
.value-role b{font-weight:650;overflow-wrap:anywhere}.value-role span{color:#657161;flex-shrink:0}
.value-role-1{border-left-color:#a8553a}.value-role-2{border-left-color:#5e7f2e}
.value-order{display:flex;gap:5px;flex-wrap:wrap}
.value-page{display:grid;place-items:center;min-width:29px;min-height:28px;border:1px solid #d9e0d4;border-top:3px solid #3d6fb4;border-radius:5px;font-size:10px;padding:3px 6px;background:#fafbf8}
.value-page-B{border-top-color:#a8553a}.value-page-C{border-top-color:#5e7f2e}
.value-connections{display:grid;gap:5px;margin-top:10px}
.value-connections span{font-size:11px;line-height:1.65;color:#3f5a49;background:#f2f5ef;padding:5px 9px;border-radius:5px;overflow-wrap:anywhere}
.value-caution{padding:12px 20px;margin:0;border-top:1px solid #e0e6da;background:#f8f9f5;color:#5c6458;font-size:11px;line-height:1.75}
@media(max-width:720px){
 .hero.value-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 0 18px}
 .value-hero .hero-title{font-size:34px;line-height:1.24;margin-bottom:12px}
 .value-hero .hero-lead{font-size:13px;line-height:1.75;margin-bottom:16px}
 .value-hero .hero-copy>.studio-kicker{font-size:10px;margin-bottom:10px}
 .value-choice{padding:14px;margin-bottom:10px;border-radius:12px}
 .value-choice h2{font-size:15px;margin-bottom:6px}
 .value-choice .hero-templates p{font-size:12px}
 .value-template-cta{font-size:13px!important;min-height:48px!important;padding:10px 12px!important}
 .value-once .hero-actions .btn{font-size:12px;min-height:46px;padding:9px 12px}
 .value-workflow-caption{padding:15px 16px}
 .value-steps{padding:0 16px}
 .value-caution{padding:12px 16px}
 .value-hero .privacy{margin-bottom:6px}
}
@media(max-width:350px){
 .value-hero .hero-title{font-size:28px}
 .value-hero .hero-lead{font-size:12px}
 .value-choice{padding:12px}
 .value-choice h2{font-size:14px}
 .value-once .hero-actions .btn{padding:8px 10px}
 .value-bundle{grid-template-columns:66px minmax(0,1fr);gap:10px}
 .value-bundle>img{width:66px;height:94px}
 .value-role{padding:6px 7px;font-size:10px}
 .value-step h3{font-size:13px}
 .value-page{min-width:25px;padding:3px 5px}
}