/* Editorial Motion, Automated Marketer palette. Vendored OFL fonts; no network. */
@font-face{font-family:Inter;src:url('/fonts/inter-latin-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Cormorant Infant';src:url('/fonts/CormorantInfant-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-style:italic;font-display:swap}
:root{--page:#f5f7fa;--card:#fff;--band:#e8eef6;--ink:#203f65;--body:#272525;--muted:#5c6573;--line:#dce3ec;--accent:#be202e;--accent-dark:#9c1925;--dark:#0b1626;--shadow:0 12px 36px #203f6510,0 3px 9px #203f6508;font-family:Inter,'Segoe UI',sans-serif;font-size:20px;color:var(--body);background:var(--page);color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:disabled{opacity:.45;cursor:not-allowed}button,input,textarea,select,summary{outline-offset:5px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2a5c9a}::selection{background:#fbe3e5;color:#203f65}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}textarea{caret-color:var(--accent)}*{scrollbar-color:#9fadc0 #e8eef6;scrollbar-width:thin}.skip{position:absolute;top:-80px;left:24px;background:var(--ink);color:white;padding:15px;z-index:30}.skip:focus{top:12px}
.masthead,body[data-app=plugin]>header{max-width:1560px;height:92px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.identity{display:flex;align-items:center;gap:14px;color:var(--ink);font-weight:800;letter-spacing:-.6px;font-size:25px;text-decoration:none}.identity>svg{height:38px;width:38px;color:var(--accent)}.identity small{display:none}.local{font-size:18px;color:var(--muted);display:flex;align-items:center;gap:10px}.local>span:first-child:empty{height:8px;width:8px;border-radius:50%;background:#0f7a73}.local span{padding:0 5px}.intro{max-width:1480px;margin:10px auto 28px;padding:45px 48px 48px;min-height:280px;background:var(--dark);border-radius:22px;color:#eef1f7;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden;position:relative}.intro h1{margin:0 0 18px;font-size:clamp(42px,4.4vw,70px);font-weight:800;line-height:1.03;letter-spacing:-.035em;color:#eef1f7}.intro h1>span,.intro h1>em{display:block}.intro h1 em{font-family:'Cormorant Infant',Cambria,serif;font-style:italic;font-weight:600;font-size:1.15em;color:#7fb2f0;letter-spacing:-.02em;line-height:1.05}.intro p{margin:0;max-width:660px;color:#bcc8d9;font-size:20px;line-height:1.65}.hero-route{display:flex;gap:23px;align-items:center;flex-shrink:0;text-align:center;padding-right:3px}.route-node{display:flex;flex-direction:column;align-items:center;gap:12px}.route-mark{width:70px;height:70px;display:grid;place-items:center;border:1px solid #39516e;background:#12223a;border-radius:18px;font-size:28px;font-weight:700;color:#7fb2f0}.route-node strong{font-size:20px;color:#eef1f7}.route-node>span:last-child{font-size:18px;color:#aebdd0}.route-arrow{font-size:32px;color:#7fb2f0;margin-top:-48px}.route-arrow .route-mark{width:auto;background:none;border:0}
body[data-app=plugin]>main{max-width:1480px;margin:auto;padding:0 0 30px}body[data-app=plugin] .intro{margin-top:10px}.stage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1480px;margin:0 auto 30px}.stage-nav button{display:flex;align-items:center;text-align:left;gap:17px;min-height:88px;padding:19px 24px;background:#fff;border:0;border-radius:12px;color:var(--muted);font-size:20px;box-shadow:0 3px 10px #203f6505}.stage-nav button>span:first-child{font-family:'Cormorant Infant',Cambria,serif;font-size:36px;font-weight:600;font-style:italic;color:#778aa3}.stage-nav button strong{font-weight:650;flex:1}.stage-nav button>span:last-child{font-size:26px}.stage-nav button.active{background:var(--ink);color:#fff}.stage-nav button.active>span{color:#b9d4f4}.stage-nav button:hover:not(.active){background:var(--band);color:var(--ink)}.stage-nav button:active{transform:translateY(1px)}
.workbench{display:grid;grid-template-columns:minmax(400px,.85fr) minmax(0,1.15fr);gap:30px;align-items:start}.controls,.document-area{background:var(--card);border:0;border-radius:18px;box-shadow:var(--shadow)}.controls{padding:32px}.document-area{min-height:710px;overflow:hidden}h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;color:var(--ink);font-weight:750;margin:0 0 24px}h3{font-size:25px;line-height:1.3;color:var(--ink);letter-spacing:-.02em;margin:0 0 16px}p{line-height:1.65}.section-title,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-title h2,.section-heading h3{margin:0}.segmented,.platform-picker{display:flex;gap:6px;border-radius:11px;background:var(--band);padding:6px;margin:26px 0 24px}.segmented button,.platform-picker button{width:50%;padding:13px 12px;min-height:52px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;font-weight:600}.segmented button[aria-pressed=true],.platform-picker button.selected{background:white;box-shadow:0 3px 8px #203f650c;color:var(--ink)}.drop-zone,.intake .file-label{min-height:190px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;border:2px dashed #a6b8ce;border-radius:14px;background:#f8fafe;cursor:pointer;margin:0;padding:22px}.drop-zone:hover,.drop-zone.drag,.intake .file-label:hover{background:#e8eef6;border-color:var(--ink)}.drop-zone:focus-within,.intake .file-label:focus-within{outline:3px solid #2a5c9a;outline-offset:4px}.drop-zone svg,.file-label svg{width:40px;height:40px;color:var(--ink)}.drop-zone strong,.file-label strong{font-size:23px;color:var(--ink);font-weight:700;max-width:100%;overflow-wrap:anywhere}.drop-zone>span,.file-label>span{font-size:18px;font-weight:400;color:var(--muted)}.drop-zone input,.file-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.input-hint,.demo-hint{font-size:18px;color:var(--muted);line-height:1.6}.input-hint{margin:14px 0}.demo-hint{text-align:center;margin:14px 0 0}.confirmations{display:grid;gap:14px;margin:24px 0}.confirmations label,.confirm{display:flex;align-items:flex-start;gap:12px;font-size:18px;line-height:1.6;color:var(--muted);font-weight:400}.confirm input,input[type=checkbox]{accent-color:var(--accent);width:21px;height:21px;flex-shrink:0;margin:4px 0 0}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:16px;min-height:60px;border-radius:10px;padding:15px 23px;font-size:20px;font-weight:700;text-decoration:none}.primary{background:var(--accent);border:0;color:#fff}.primary:hover{background:var(--accent-dark)}.primary>span{font-size:26px}.primary svg{width:24px;height:24px}.secondary{background:#e8eef6;border:0;color:var(--ink)}.secondary:hover{background:#dce6f2}.controls .primary,.controls .secondary{width:100%}.controls .secondary{margin-top:12px}.text-button{background:transparent;border:0;color:var(--accent);font-size:18px;font-weight:600;padding:9px 0;text-decoration:underline;text-underline-offset:6px}.text-button:hover{color:var(--accent-dark)}button,input,select{touch-action:manipulation}.settings label,#manual-input>label,.intake form>label:not(.file-label),.decisions label{display:block;margin:22px 0 9px;font-size:19px;font-weight:650;color:var(--ink)}.settings input,.settings select,#manual-input textarea,.intake select,.decisions select{width:100%;min-height:58px;border:1px solid #a3b4c9;border-radius:9px;padding:13px 15px;background:#fff;color:var(--ink);font-size:20px}.settings select{font-size:18px}#manual-input textarea{line-height:1.65;resize:vertical}.optional{font-weight:400;color:var(--muted)}#knowledge-file{font-size:18px;max-width:100%}.access-flow{background:var(--band);border-radius:12px;padding:22px;margin:25px 0;font-size:18px;line-height:1.7}.access-flow p{margin:8px 0 12px}.access-flow span{color:var(--muted);font-size:18px}
.empty{padding:35px}.empty>h2,.empty>h3,.inspected h2{font-size:clamp(30px,2.9vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 18px}.empty>h2 span,.empty>h3 span,.inspected h2 span{display:block}.empty>h2 em,.empty>h3 em,.inspected h2 em{font-family:'Cormorant Infant',Cambria,serif;font-size:1.15em;font-weight:600;display:block;color:var(--accent);line-height:1.1}.empty>p{font-size:20px;color:var(--muted);margin:0 0 24px;max-width:670px}.flow-switch{display:flex;gap:4px;padding:5px;background:var(--band);border-radius:10px;margin:24px 0}.flow-switch button{border:0;border-radius:7px;min-height:53px;font-size:19px;font-weight:650;padding:10px 13px;color:var(--muted);background:transparent;flex:1}.flow-switch button.selected{color:white;background:var(--ink)}.flow-switch button:hover:not(.selected){color:var(--ink);background:#dce6f2}.flow-window{background:#12223a;border-radius:15px;overflow:hidden;color:#eef1f7;min-height:280px}.window-bar{display:flex;align-items:center;gap:6px;background:#1a2d4a;padding:17px 20px;font-size:18px}.window-bar>span{height:8px;width:8px;border-radius:50%;background:#5b7292}.window-bar strong{margin-left:10px;font-size:18px;font-weight:500}.flow-content{padding:27px}.flow-content h3{color:#e8f1fd;font-size:27px;margin:0 0 13px}.flow-content p{font-size:19px;color:#bfccdd;margin:0;line-height:1.7}.flow-proof{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:25px;margin-top:22px;border-top:1px solid #344963;color:#9ec2ef;font-size:18px}.flow-proof strong{font-weight:600;color:#e8f1fd}.safeguards{margin-top:24px;font-size:18px;color:var(--muted)}summary{cursor:pointer;font-size:18px;font-weight:600;color:var(--ink);padding:10px 0}details p{font-size:18px;line-height:1.7}.inspected{padding:40px}.review-stamp{display:inline-block;color:#0f7a73;background:#e5f3ef;padding:9px 13px;font-size:18px;font-weight:700;border-radius:7px;margin-bottom:24px}.inspected p{font-size:20px;color:var(--muted);line-height:1.75}.what-next{border-top:1px solid var(--line);padding-top:24px;margin:27px 0}.what-next strong{color:var(--ink);font-size:21px}.what-next p{margin:7px 0 25px}.imported-files{padding-left:22px;font-size:18px;overflow-wrap:anywhere}.imported-files li{padding:9px 0}.review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:32px}.review-top h2{font-size:34px;margin-bottom:10px;overflow-wrap:anywhere}.review-top p{font-size:18px;color:var(--muted);margin:0}.status-tag,.badge{padding:8px 13px;background:#e5f3ef;color:#0d665f;border-radius:7px;font-size:18px;white-space:nowrap}.tabs{display:flex;gap:8px;padding:0 27px;background:#f7f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:auto}.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:20px 17px;font-size:20px;color:var(--muted);white-space:nowrap}.tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);font-weight:700}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 32px 15px;font-size:18px;color:var(--muted)}.editor-heading label{font-weight:600;color:var(--ink)}#editor{width:calc(100% - 64px);margin:0 32px;min-height:590px;resize:vertical;padding:26px;background:#f8fafe;border:1px solid #b7c7db;border-radius:11px;color:#203f65;font:18px/1.8 Consolas,'Courier New',monospace;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere}#editor[readonly]{background:#edf2f8}.editor-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 32px 20px;color:var(--muted);font-size:18px;font-variant-numeric:tabular-nums}#inventory{margin:0 32px;padding:17px 0;border-top:1px solid var(--line)}#file-list{list-style:none;padding:0;margin:12px 0}#file-list li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:18px;color:var(--muted);overflow-wrap:anywhere}#file-list li span:last-child{white-space:nowrap}.export{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--band);padding:28px 32px}.export strong{font-size:24px;color:var(--ink)}.export p{font-size:18px;color:var(--muted);margin:8px 0 0}.export button{flex-shrink:0}.export>div:last-child{display:flex;gap:12px}.export>div:last-child:first-child{display:block}.stage-next{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:30px;padding:27px;background:var(--band);border-radius:12px}.stage-next p{font-size:20px;color:var(--ink);margin:0;max-width:550px}.stage-next button{flex-shrink:0}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:18px;padding:30px 0}footer p{margin:0}#message,#error{background:#fbe3e5;color:#96202b;padding:19px 23px;border-radius:10px;font-size:19px;line-height:1.65;margin:0 0 25px}body.busy #message{background:var(--band);color:var(--ink)}body.busy{cursor:progress}
/* A focused page per stage, instead of a permanently dense control rail. */
body[data-app=plugin][data-stage=source] .settings{display:none!important}body[data-app=plugin][data-stage=shape] .source-section{display:none}body[data-app=plugin][data-stage=review] .controls{display:none}body[data-app=plugin][data-stage=review] .workbench{grid-template-columns:1fr}body[data-app=plugin][data-stage=review] .intro{display:none}body[data-app=plugin][data-stage=shape] .intro{display:none}body[data-app=plugin]:not([data-stage=source]) .stage-nav{margin-top:20px}
/* Application migration uses the same grammar, with wider source review. */
body[data-app=application] .shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(400px,.85fr) minmax(0,1.15fr);gap:30px;align-items:start}body[data-app=application] .intake{padding:32px;background:#fff;border:0;border-radius:18px;box-shadow:var(--shadow)}body[data-app=application] .intake h1{font-size:28px;letter-spacing:-.025em;line-height:1.2;color:var(--ink);font-weight:750;margin:0 0 15px}body[data-app=application] .intake>p{font-size:20px;color:var(--muted);margin:0 0 24px}body[data-app=application] .intake form>label:first-child{margin-top:0}.intake .primary{width:100%;margin-top:20px}.platform-picker{margin-top:12px}.intake .demo{margin:26px 0 0}.demo p{font-size:18px;color:var(--muted);margin:0 0 12px}.demo>div{display:flex;gap:12px}.demo button{flex:1;min-height:54px;font-size:19px;font-weight:600;background:var(--band);color:var(--ink);border:0;border-radius:9px;padding:12px}.demo button:hover{background:#dce6f2}.destination{margin-top:28px;padding-top:25px;border-top:1px solid var(--line);font-size:18px;color:var(--muted)}.destination>span{display:block;margin-bottom:8px}.destination strong{display:block;color:var(--ink);font-size:23px}.destination p{margin:10px 0 0;font-size:18px;line-height:1.7}body[data-app=application] #workspace{min-width:0;background:white;border-radius:18px;padding:32px;box-shadow:var(--shadow)}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.workspace-heading h2{margin-bottom:12px;font-size:30px}.workspace-heading p{font-size:18px;color:var(--muted);margin:0}.workspace-heading button,.section-heading button,.export button:not(.primary){border:0;background:var(--band);padding:13px 19px;min-height:54px;border-radius:9px;color:var(--ink);font-size:18px;font-weight:650;white-space:nowrap}#status{font-size:19px;color:var(--muted);margin:0 0 20px;line-height:1.65}body[data-app=application] .empty{padding:12px 0 0}body[data-app=application] .empty>.secondary{width:100%;margin-top:24px}.section-heading{margin-bottom:18px}.section-heading h3{font-size:29px}.muted,.note{font-size:18px;color:var(--muted);line-height:1.7}#results>section{padding:26px 0 32px;margin:0;border-bottom:1px solid var(--line)}#results>section>p{font-size:20px;color:var(--muted);margin:15px 0 25px}#facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:25px;background:var(--band);border-radius:12px;margin:22px 0}#facts dt{font-size:18px;color:var(--muted)}#facts dd{margin:10px 0 0;font-size:25px;color:var(--ink);font-weight:750;overflow-wrap:anywhere}#results h4{font-size:22px;color:var(--ink);margin:25px 0 12px}#routes{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.mono{font:18px/1.7 Consolas,monospace;overflow-wrap:anywhere}#gaps p{font-size:19px;color:var(--ink)}#gaps li{font-size:18px;line-height:1.8}.decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px}.decisions label{margin-top:8px}.decisions select{margin-bottom:16px}.source-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#f5f8fc;border-radius:12px;overflow:hidden;margin:25px 0}.file-list{max-height:430px;overflow:auto;padding:8px}body[data-app=application] #file-list{margin:0}.file-row{display:flex;align-items:center;gap:12px;padding:13px 10px;border-bottom:1px solid var(--line)}.file-row button{border:0;background:transparent;font-size:18px;color:var(--ink);text-align:left;flex:1;padding:8px 0;overflow-wrap:anywhere}.file-row button:hover{color:var(--accent)}.file-row span{font-size:18px;color:var(--muted)}.file-row.blocked{opacity:.65}.preview{background:#12223a;padding:23px;min-width:0}.preview p{font-size:18px;color:#c0d5ef;overflow-wrap:anywhere;margin:0 0 18px}.preview pre{font:18px/1.7 Consolas,monospace;max-height:360px;color:#edf3fc;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.confirm{margin:23px 0}#prompt{width:100%;min-height:620px;resize:vertical;background:#f8fafe;border:1px solid #b7c7db;border-radius:12px;padding:27px;color:var(--ink);font:18px/1.8 Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body[data-app=application][data-stage=source] #results{display:none!important}body[data-app=application][data-stage=inspect] #empty,body[data-app=application][data-stage=review] #empty{display:none!important}body[data-app=application]:not([data-stage=source]) .intake{display:none}body[data-app=application]:not([data-stage=source]) .shell{grid-template-columns:1fr}body[data-app=application]:not([data-stage=source]) .intro{display:none}body[data-app=application]:not([data-stage=source]) .stage-nav{margin-top:20px}body[data-app=application][data-stage=inspect] [data-review-section="3"]{display:none}body[data-app=application][data-stage=review] [data-review-section]:not([data-review-section="3"]){display:none}body[data-app=application] [data-review-section="3"]>.secondary{width:auto;margin-bottom:30px}body[data-app=application] footer{padding-bottom:5px}
@media(min-width:1700px){.workbench,body[data-app=application] .shell{grid-template-columns:540px minmax(0,1fr)}}
@media(max-width:1560px){body[data-app=plugin]>main,body[data-app=application]>.intro,body[data-app=application]>.stage-nav,body[data-app=application]>.shell{margin-left:32px;margin-right:32px}.intro h1{font-size:58px}.hero-route{gap:14px}.route-node>span:last-child{max-width:180px}.route-node strong{font-size:19px}.route-node>span:last-child{font-size:18px}.intro{padding:40px}.workbench,body[data-app=application] .shell{gap:24px;grid-template-columns:minmax(390px,.85fr) minmax(0,1.15fr)}}
@media(max-width:1180px){.hero-route{display:none}.intro{min-height:0;padding:36px 40px}.intro h1{font-size:58px}.intro p{max-width:850px}.workbench,body[data-app=application] .shell{grid-template-columns:minmax(350px,.95fr) minmax(0,1.05fr);gap:20px}.controls,.inspected,body[data-app=application] .intake,body[data-app=application] #workspace{padding:26px}.empty{padding:28px}.flow-switch button{font-size:18px;padding:10px 8px}.flow-proof{display:block}.flow-proof>*{display:block;margin-top:8px}.flow-proof>span:nth-child(2){display:none}.stage-nav button{padding:16px 19px;gap:12px;font-size:18px}.stage-nav button>span:first-child{font-size:31px}.stage-nav button>span:last-child{display:none}.review-top{flex-direction:column}.editor-heading{align-items:flex-start;flex-direction:column}.export{align-items:flex-start;flex-direction:column}.export>div:last-child{width:100%}.export button{flex:1}.source-grid{grid-template-columns:1fr}.preview{min-height:300px}.decisions{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-next{flex-direction:column;align-items:flex-start}.stage-next button{width:100%}}
@media(max-width:850px){.masthead,body[data-app=plugin]>header{padding:0 24px;height:80px}.identity{font-size:22px}.local{font-size:18px}.local>span{display:none}.workbench,body[data-app=application] .shell{grid-template-columns:1fr}.document-area{min-height:0}.empty>h2,.empty>h3{font-size:40px}.intro h1{font-size:55px}body[data-app=application] #workspace .workspace-heading{display:none}#editor{min-height:550px}.stage-nav{gap:8px}.stage-nav button{font-size:18px;padding:15px}.stage-nav button>span:first-child{display:none}.stage-nav button strong{font-weight:650}.document-area{margin-top:0}body[data-app=application] .intake{padding:30px}.flow-proof{display:flex}.flow-proof>*{display:initial}.flow-proof>span:nth-child(2){display:initial}#facts{gap:15px;padding:20px}.intro p{font-size:20px}.destination{display:none}}
@media(max-width:600px){.masthead,body[data-app=plugin]>header{padding:0 20px;gap:15px;height:80px}.identity{font-size:20px;letter-spacing:-.5px}.identity>svg{height:30px;width:30px}.local{font-size:18px;max-width:120px;line-height:1.35;text-align:right}.local span{display:none}body[data-app=plugin]>main,body[data-app=application]>.intro,body[data-app=application]>.stage-nav,body[data-app=application]>.shell{margin-left:16px;margin-right:16px}.intro{margin-top:4px;margin-bottom:20px;padding:29px 25px;border-radius:17px}.intro h1{font-size:44px;line-height:1.05}.intro p{font-size:18px;line-height:1.65}.intro p br{display:none}.stage-nav{gap:6px;margin-bottom:20px}.stage-nav button{padding:14px 10px;min-height:75px;font-size:18px;line-height:1.35}.stage-nav button strong{font-weight:600}.controls,body[data-app=application] .intake{padding:24px}.section-title{align-items:flex-start}.section-title h2{font-size:27px}.section-title .text-button{white-space:nowrap}.segmented{margin:22px 0}.segmented button{font-size:18px;padding:12px 8px}.drop-zone{padding:18px;min-height:190px}.drop-zone strong{font-size:22px}.drop-zone>span{font-size:18px}.confirmations label{font-size:18px}.primary,.secondary{font-size:19px;padding:15px 18px;min-height:60px}.empty,.inspected{padding:27px 23px}.empty>h2,.empty>h3,.inspected h2{font-size:35px}.empty>p,.inspected p{font-size:19px}.flow-switch{gap:3px;padding:4px}.flow-switch button{font-size:18px;padding:12px 7px}.window-bar{padding:16px 14px;gap:4px}.window-bar strong{font-size:18px;margin-left:7px}.window-bar>span{height:6px;width:6px}.flow-content{padding:23px}.flow-content h3{font-size:25px}.flow-content p{font-size:18px}.flow-proof{display:block;font-size:18px}.flow-proof>*{display:block;margin-top:8px}.flow-proof>span:nth-child(2){display:none}.review-top{padding:25px 23px}.review-top h2{font-size:30px}.review-top p{line-height:1.65}.tabs{padding:0 10px;gap:0}.tabs button{font-size:18px;padding:18px 13px}.editor-heading{padding:22px 22px 14px;font-size:18px}.editor-heading>span{line-height:1.55}#editor{width:calc(100% - 36px);margin:0 18px;padding:18px;font-size:18px;min-height:530px}.editor-bottom{padding:15px 22px;align-items:flex-start;gap:16px;flex-direction:column}#inventory{margin:0 22px}#file-list li{font-size:18px}.export{padding:25px 23px}.export button{width:100%;font-size:19px}footer{font-size:18px;display:block;line-height:1.6;padding-top:25px}footer a{display:block;margin-top:12px}.what-next p{font-size:18px}.settings input{font-size:20px}body[data-app=application] #workspace{padding:25px 22px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading h3{font-size:29px}.section-heading button{font-size:18px}.muted,.note{font-size:18px}#facts{grid-template-columns:1fr;background:var(--band);padding:22px;gap:20px}#facts div{padding-bottom:17px;border-bottom:1px solid #c6d3e4}#facts div:last-child{padding-bottom:0;border-bottom:0}#facts dd{font-size:26px;margin-top:5px}.decisions{grid-template-columns:1fr;gap:10px}.decisions select{font-size:20px}.source-grid{margin:20px -4px}.file-row{padding:12px 6px;gap:8px}.file-row span{font-size:18px}.file-row button{font-size:18px}.preview{padding:20px}.preview pre{font-size:18px}#prompt{font-size:18px;padding:20px;min-height:550px}.export>div{flex-direction:column}.badge{font-size:18px}.stage-next{padding:22px}.stage-next p{font-size:19px}.demo>div{flex-direction:column}.demo button{min-height:56px;font-size:20px}}
@media(prefers-reduced-motion:no-preference){.flow-window[data-panel] .flow-content{animation:source-reveal .25s cubic-bezier(.25,1,.5,1)}.route-arrow{animation:route-nudge 3s ease-in-out infinite}.primary,.secondary,.stage-nav button,.flow-switch button{transition:background .16s ease-out,color .16s ease-out}.document-area,#results{animation:source-reveal .3s cubic-bezier(.25,1,.5,1)}@keyframes source-reveal{from{clip-path:inset(0 0 5% 0)}to{clip-path:inset(0)}}@keyframes route-nudge{0%,75%,100%{transform:translateX(0)}40%{transform:translateX(9px)}}}

/* The existing walkthrough is an inline disclosure, never an autoplay/modal. */
.walkthrough{max-width:1480px;margin:0 auto 22px;color:var(--ink)}
.walkthrough>summary{display:inline-flex;align-items:center;gap:12px;min-height:56px;list-style:none;background:var(--band);padding:14px 22px;border-radius:10px;font-size:20px;font-weight:700;cursor:pointer}
.walkthrough>summary::-webkit-details-marker{display:none}
.walkthrough>summary:before{content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid var(--accent)}
.walkthrough[open]>summary{background:var(--ink);color:white}.walkthrough[open]>summary:before{border-left-color:#a8c9f2}
.walkthrough-panel{margin-top:18px;padding:30px;background:white;border-radius:18px;box-shadow:var(--shadow)}
.walkthrough-panel h2{margin:0 0 12px;font-size:30px}.walkthrough-panel p{font-size:20px;color:var(--muted);margin:0 0 24px;max-width:75ch}
.walkthrough video{display:block;width:100%;height:auto;max-height:60vh;aspect-ratio:16/9;background:#0b1626;border-radius:12px;object-fit:contain}
.video-download{display:inline-flex;min-height:48px;align-items:center;margin-top:15px;font-size:19px;font-weight:650;color:var(--ink)}
.backend-transfer{max-width:1480px;margin:0 auto 26px;color:var(--ink)}.backend-transfer>summary{min-height:58px;padding:17px 23px;background:var(--band);border-radius:10px;font-size:20px}.backend-transfer>section{background:white;border-radius:14px;padding:30px;margin-top:15px;box-shadow:var(--shadow)}.backend-transfer p{font-size:19px}.backend-transfer label:not(.confirm){display:block;margin:20px 0 9px;font-size:19px;font-weight:650}.backend-transfer input:not([type=checkbox]){display:block;max-width:100%;min-height:50px;font-size:19px}.backend-transfer input[type=text],.backend-transfer input:not([type]){border:1px solid #a3b4c9;border-radius:9px;padding:12px}.backend-transfer .data-status{padding:20px;background:var(--band);border-radius:10px;line-height:1.7}@media(max-width:1560px){.backend-transfer{margin-left:32px;margin-right:32px}}@media(max-width:600px){.backend-transfer{margin-left:16px;margin-right:16px}.backend-transfer>section{padding:23px}.backend-transfer p{font-size:18px}}
@media(max-width:1560px){.walkthrough{margin-left:32px;margin-right:32px}}
@media(max-width:600px){.walkthrough{margin:0 16px 20px}.walkthrough>summary{font-size:19px;width:100%;justify-content:center}.walkthrough-panel{padding:22px}.walkthrough-panel h2{font-size:27px}.walkthrough-panel p{font-size:18px}}
/* Beginner guide keeps the existing navy/red visual language. */
.migration-workflow {max-width:1400px;margin:24px auto;padding:32px;background:#fff;border:1px solid #d6dce5;border-radius:12px;color:#12243e;}
.migration-workflow h2 {font-size:clamp(24px,3vw,36px);line-height:1.2;max-width:850px;margin:8px 0 20px;}
.migration-workflow p {max-width:950px;line-height:1.65;}
.migration-workflow label {display:block;font-weight:650;margin:18px 0 7px;}
.migration-workflow input,.migration-workflow select,.migration-workflow textarea {display:block;box-sizing:border-box;width:100%;max-width:950px;padding:12px;border:1px solid #9aa7bb;border-radius:5px;background:#fff;color:#12243e;font:inherit;}
.migration-workflow button {margin:12px 10px 8px 0;white-space:normal;}
.migration-workflow .eyebrow {font-size:12px;letter-spacing:.12em;color:#a83131;font-weight:750;}
.workflow-status {padding:16px;border-left:4px solid #b43838;background:#f2f4f8;overflow-wrap:anywhere;}
.workflow-steps details {border-top:1px solid #d6dce5;padding:18px 0;}
.workflow-steps summary {font-size:18px;font-weight:650;cursor:pointer;line-height:1.5;}
.migration-workflow textarea {min-height:240px;font-size:14px;}
@media(max-width:700px){.migration-workflow{margin:12px;padding:20px}.migration-workflow button{width:100%}}

/* The task is the first screen; supporting controls remain available below. */
body:has(.beginner-guide) .intro{display:none}
.beginner-guide,.journal-drawer{max-width:1480px;margin:24px auto;color:var(--ink)}
.beginner-guide{padding:32px 40px;background:#fff;border-radius:16px;box-shadow:var(--shadow)}
.beginner-guide h2{font-size:clamp(30px,3vw,44px);margin:0 0 15px;line-height:1.15;letter-spacing:-.025em}
.beginner-guide h3{font-size:clamp(25px,2.5vw,32px);margin:14px 0}
.beginner-guide p{font-size:19px;line-height:1.7;max-width:75ch;margin:12px 0}
.beginner-guide .guide-progress{color:var(--accent);font-size:18px;font-weight:750;margin-top:24px}
.guide-success{background:var(--band);padding:15px 20px;border-radius:10px}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}
.guide-actions button{width:auto!important;white-space:normal}
.beginner-guide details{margin:12px 0}.beginner-guide .note{font-size:18px}
.journal-drawer>summary{padding:18px 25px;background:var(--band);border-radius:10px;font-size:19px}
.journal-drawer .migration-workflow{margin:16px 0;max-width:none}
.migration-workflow,.migration-workflow textarea{font-size:18px}
.migration-workflow .workflow-status{border:0;border-radius:10px}
.migration-workflow button{min-height:56px;font-size:18px}
@media(max-width:1560px){.beginner-guide,.journal-drawer{margin-left:32px;margin-right:32px}}
@media(max-width:600px){.beginner-guide,.journal-drawer{margin:16px}.beginner-guide{padding:24px}.beginner-guide p{font-size:18px}.guide-actions{align-items:stretch;flex-direction:column}.guide-actions button{width:100%!important}.journal-drawer .migration-workflow{margin:12px 0;padding:20px}}
.suite-tabs{max-width:1480px;margin:24px auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.suite-tabs button{min-height:64px;padding:16px 24px;border:1px solid #aabbd1;border-radius:10px;background:white;color:var(--ink);font-size:20px;font-weight:700;flex:1}
.suite-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}
.suite-panel[hidden]{display:none!important}.suite-panel#suite-app{display:contents}
.suite-plugin,.suite-learn{max-width:1480px;margin:24px auto}
#plugin-workspace{display:block;width:100%;height:calc(100vh - 190px);min-height:720px;border:0;border-radius:16px;background:var(--band)}
.suite-plugin>details{padding:20px}.suite-learn{padding:32px 40px;background:#fff;border-radius:16px}
.suite-learn h1{font-size:44px;margin:0 0 20px}.suite-learn h2{font-size:30px}
.suite-learn p{font-size:19px;line-height:1.7;max-width:75ch}.suite-learn>section{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}
.suite-learn .walkthrough{margin:24px 0}.suite-learn .walkthrough video{margin-top:20px}
.video-support{margin-top:20px}.video-chapters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.video-chapters[hidden]{display:none}.video-chapters button{min-height:48px;padding:12px 16px;background:var(--band);border:1px solid var(--line);border-radius:8px;font-size:18px;font-weight:600;line-height:1.5;color:var(--ink);text-align:left;white-space:normal}.video-chapters button:hover{background:var(--ink);color:white}
@media(max-width:1560px){.suite-tabs,.suite-plugin,.suite-learn{margin-left:32px;margin-right:32px}}
@media(max-width:760px){.suite-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.suite-tabs,.suite-plugin,.suite-learn{margin:16px}.suite-tabs{gap:6px}.suite-tabs button{padding:13px 10px;font-size:18px}.suite-learn{padding:24px}.suite-learn h1{font-size:34px}.suite-learn p{font-size:18px}#plugin-workspace{height:calc(100vh - 150px);min-height:650px}}
/* Video-first onboarding shared by all three tools. */
.suite-icon{width:24px;height:24px;flex:0 0 24px;vertical-align:middle}
.suite-tabs button{display:flex;align-items:center;justify-content:center;gap:10px}
.suite-panel>.tutorial-start{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);gap:36px;max-width:1480px;margin:24px auto 32px;padding:32px;background:#fff;border-radius:16px;color:#203f65}
.tutorial-start .tutorial-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}
.suite-panel .tutorial-start h2{font:750 clamp(28px,2.8vw,40px)/1.15 Inter,'Segoe UI',sans-serif;letter-spacing:-.025em;margin:0;text-wrap:balance}
.suite-panel .tutorial-start h3{font:650 22px/1.35 Inter,'Segoe UI',sans-serif;margin:0}
.suite-panel .tutorial-start p{font:400 18px/1.55 Inter,'Segoe UI',sans-serif;margin:0;max-width:55ch}
.tutorial-start .tutorial-media{min-width:0;align-self:center}
.tutorial-start video{display:block;width:100%;aspect-ratio:16/9;max-height:none;background:#0b1626;border-radius:12px;object-fit:contain}
.suite-panel .tutorial-start button.tutorial-watch,.suite-panel .tutorial-start button.tutorial-next{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:14px 20px;border:0;border-radius:9px;font:650 18px/1.4 Inter,'Segoe UI',sans-serif;cursor:pointer;text-align:left;white-space:normal}
.tutorial-start .tutorial-watch{background:#be202e;color:#fff}
.tutorial-start .tutorial-next{background:#e8eef6;color:#203f65}
.tutorial-start .tutorial-watch:hover{background:#9c1925}
.tutorial-start .tutorial-next:hover{background:#dbe5f2}
.tutorial-start :is(button,summary,video):focus-visible{outline:3px solid #203f65;outline-offset:4px}
.suite-panel .tutorial-start .tutorial-hint{font-size:16px;color:#53637a}
.tutorial-start .tutorial-extras{margin-top:12px}
.tutorial-start .tutorial-extras>summary{cursor:pointer;padding:12px 0;min-height:44px;font:650 18px/1.5 Inter,'Segoe UI',sans-serif;background:none;color:#203f65}
.tutorial-start .tutorial-status:empty{display:none}
.suite-panel .tutorial-start .tutorial-status{margin-top:12px;color:#9c1925}
.tutorial-start .video-support{margin-top:12px}
@media(max-width:1560px){#suite-app>.tutorial-start{margin-left:32px;margin-right:32px}}
@media(max-width:900px){.suite-panel>.tutorial-start{grid-template-columns:1fr;gap:16px;padding:24px}.tutorial-start .tutorial-copy{display:contents}.tutorial-start .tutorial-copy>h2{grid-row:1}.tutorial-start .tutorial-copy>h3{grid-row:2}.tutorial-start .tutorial-media{grid-row:3}.tutorial-start .tutorial-copy>p:not(.tutorial-hint){grid-row:4}.tutorial-start .tutorial-watch{grid-row:5}.tutorial-start .tutorial-next{grid-row:6}.tutorial-start .tutorial-hint{grid-row:7}.suite-panel .tutorial-start h2{font-size:32px}}
@media(max-width:600px){#suite-app>.tutorial-start{margin-left:16px;margin-right:16px}.suite-panel>.tutorial-start{padding:20px;margin-top:16px}.suite-tabs button{gap:7px}.suite-icon{width:22px;height:22px;flex-basis:22px}.suite-panel .tutorial-start h2{font-size:28px}.tutorial-start .tutorial-watch,.tutorial-start .tutorial-next{width:100%}}