:root{--bg:#faf7f2;--ink:#3c4038;--muted:#8a877c;--line:#e5e0d5;--soft:#f4ddc7;--paper:#fffefa;--accent:#d59a68;--drop:#d5c3ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:hover{opacity:.8}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{max-width:1280px;margin:auto;padding:24px 42px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:25px;letter-spacing:-1.2px;font-weight:800;display:flex;gap:10px;align-items:center}.brandmark{background:var(--ink);color:var(--soft);height:32px;width:32px;border-radius:10px;display:grid;place-items:center;font-weight:400;font-size:21px}nav{display:flex;gap:25px;font-size:12px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--line);padding:6px 12px;border-radius:20px;color:var(--muted)}main{max-width:1180px;margin:auto;padding:40px 35px 65px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:65px;padding:15px 0 35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}h1{font-size:62px;line-height:1.06;font-weight:500;letter-spacing:-3px;margin:20px 0}h1 em{font-family:Georgia,serif;font-weight:400}.lede{font-size:14px;color:var(--muted);max-width:440px;line-height:1.8}.trust{font-size:11px;color:var(--muted);display:flex;gap:21px;margin-top:23px}.trust span:before{content:'✓';margin-right:6px;color:var(--ink)}.herocard{padding:28px;background:var(--soft);border-radius:23px}.herocard h2{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.7px;margin:12px 0}.herocard p{font-size:12px;color:var(--muted)}.heroart{height:120px;position:relative;display:flex;align-items:center;justify-content:center;margin:4px 0 17px}.visualcard{background:var(--paper);border:1px solid var(--line);border-radius:12px;transform:rotate(-7deg);padding:15px;width:160px;box-shadow:0 12px 20px #00000008}.visualcard:last-child{transform:rotate(8deg);margin-left:-25px;margin-top:12px;background:var(--ink);color:var(--paper)}.visualcard strong{display:block;font-size:25px;font-weight:500;letter-spacing:-1px}.visualcard small{font-size:10px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font-size:23px;letter-spacing:-.6px;font-weight:500}.sectionhead small{color:var(--muted);font-size:11px}.toolnav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.tooltab{display:inline-flex;gap:10px;align-items:center;padding:9px 16px;border:1px solid var(--line);border-radius:30px;font-size:12px;background:var(--paper)}.tooltab[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.workbench{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:26px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:27px}.dropzone{min-height:290px;border:1.5px dashed var(--drop);border-radius:16px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:27px;position:relative}.dropzone.drag{background:var(--soft);border-color:var(--ink)}.dropicon{font-size:30px;display:grid;place-items:center;width:65px;height:65px;border-radius:20px;background:var(--soft);margin-bottom:15px}.dropzone h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0 0 8px}.dropzone p{font-size:11px;color:var(--muted);margin:0 0 19px}.primary,.secondary{border:0;border-radius:9px;padding:12px 19px;background:var(--ink);color:var(--paper);font-size:12px;display:inline-block;cursor:pointer}.secondary{background:var(--soft);color:var(--ink)}button:disabled{cursor:default;opacity:.45}label{font-size:12px;display:block;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;min-width:0}input[type=checkbox]{width:auto;margin-right:7px}input[type=range]{padding:0}input[type=file]{font-size:11px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}.settings h3{font-size:17px;font-weight:500;margin:0 0 17px}.help{font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.status{font-size:12px;color:var(--muted);min-height:22px;margin-top:13px}.status.error{color:#ae4631}.preview{display:block;max-width:100%;max-height:235px;border-radius:9px;object-fit:contain;margin:0 auto 12px}.fileinfo{font-size:11px;overflow-wrap:anywhere;color:var(--muted)}.result{margin-top:22px;background:var(--soft);border-radius:14px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:22px}.result strong{font-size:22px;letter-spacing:-.7px;font-weight:500;display:block}.result small{display:block;color:var(--muted);font-size:11px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.features h3{font-size:16px;letter-spacing:-.4px;font-weight:500;margin:9px 0}.features p{font-size:12px;color:var(--muted)}.faq{max-width:800px;margin:40px auto 0}.faq h2{text-align:center}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:13px}details p{font-size:12px;color:var(--muted)}footer{max-width:1110px;margin:auto;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.footlinks{display:flex;gap:22px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:27px}.breadcrumb a{text-decoration:underline}.pagehead h1{font-size:43px;letter-spacing:-1.5px}.pagehead{margin-bottom:27px}.plain{max-width:730px}.plain h1{font-size:42px;letter-spacing:-1.7px}.plain p,.plain li{color:var(--muted);font-size:14px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:10;padding:10px;background:var(--paper)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.workspace-caption{font-size:10px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:16px}.texteditor{width:100%;height:285px;resize:vertical;font-size:14px;line-height:1.9;padding:19px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.stat{background:var(--bg);border:1px solid var(--line);padding:15px 18px;border-radius:11px}.stat strong{font-size:26px;font-weight:500;letter-spacing:-.9px;display:block}.stat small{font-size:10px;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.toolbar button{background:var(--soft);color:var(--ink);border:0;border-radius:7px;padding:8px 12px;font-size:11px}.optionline{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0}.optionline label{font-size:11px;margin:0}.text-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.text-bottom small{font-size:11px;color:var(--muted)}.text-bottom .actions{margin:0}.subtools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.subtool{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:21px}.subtool h3{font-size:15px;margin:6px 0;font-weight:500}.subtool p{font-size:11px;color:var(--muted);margin:0}.resulthint{font-size:11px;color:var(--muted)}
@media(max-width:850px){.hero{gap:30px}h1{font-size:50px}.grid2{gap:20px}.features{gap:20px}.workbench{padding:22px}}@media(max-width:620px){header{padding:19px 20px}nav{gap:17px}.badge{display:none}main{padding:25px 20px 45px}.hero{grid-template-columns:1fr;gap:22px;padding:10px 0 28px}h1{font-size:48px;letter-spacing:-2.2px;margin:16px 0}.heroart{display:none}.herocard{padding:22px}.herocard h2{font-size:22px;margin:7px 0}.herocard p{margin:0}.trust{gap:12px;font-size:10px}.grid2{grid-template-columns:1fr}.sectionhead{align-items:start}.sectionhead small{display:none}.toolnav{gap:7px}.tooltab{font-size:11px;padding:8px 13px}.workbench{padding:19px}.dropzone{min-height:235px;padding:23px}.fields{gap:13px}.features{grid-template-columns:1fr;gap:14px;padding-top:23px;margin-top:30px}.features h3{margin:5px 0}.features p{margin:5px 0}.result{flex-direction:column;align-items:start;gap:15px}.result a{width:100%;text-align:center}footer{margin:0 20px;flex-direction:column;padding:22px 0;gap:12px}.pagehead h1{font-size:34px;line-height:1.13}.statgrid{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px 15px}.text-bottom{align-items:start;flex-direction:column;gap:15px}.texteditor{height:260px}.subtools{grid-template-columns:1fr 1fr;gap:10px}.subtool{padding:16px}.subtool:last-child{grid-column:1/-1}.workspace-caption{font-size:9px}}

.quicklimits{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.quicklimits button{padding:6px 10px;font-size:10px}.targetbox{padding:16px;border:1px solid var(--line);border-radius:10px;background:#faf4eb}.targetbox .help{margin:9px 0}.targetbox label:last-child{font-size:11px}.usecases{margin-top:30px}.usecasegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.usecasegrid a{border:1px solid var(--line);border-radius:13px;padding:21px;background:var(--paper)}.usecasegrid h3{font-size:16px;font-weight:500;margin:9px 0}.usecasegrid p{font-size:12px;color:var(--muted);margin:0}.usecasegrid .eyebrow{font-size:9px}.output-preview{margin-top:17px;max-height:220px;width:auto;max-width:100%;border-radius:8px} @media(max-width:620px){.usecasegrid{grid-template-columns:1fr;gap:9px}.usecasegrid a{padding:17px}.usecasegrid h3{margin:5px 0}}
.documentnav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.documentnav a{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--paper)}.documentnav a:hover{background:var(--soft)}.newdocs{padding:18px 23px 6px;border:1px solid var(--line);border-radius:17px;background:#f5e5d4;margin:8px 0 30px}.newdocs h2{font-size:21px;margin:0}.newdocs .sectionhead>a{font-size:11px}.documentcards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.doccard{padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.doccard h2{font-size:21px}.doccard p{font-size:12px;color:var(--muted)}.page-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pagetile{border:1px solid var(--line);border-radius:11px;padding:16px;background:var(--bg);min-width:0}.pagetile h3{font-size:14px;margin:0 0 5px}.pagetile p{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:4px 0 12px}.pagebuttons{display:flex;gap:5px;flex-wrap:wrap}.pagebuttons button{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:10px;color:var(--ink)}.previewbox{margin-top:25px;background:var(--bg);padding:22px;border:1px solid var(--line);border-radius:12px}.previewbox h3{font-size:14px;font-weight:500}.previewbox canvas{display:block;max-width:100%;height:auto;margin:auto;background:white;border:1px solid var(--line)}.profilebox{padding:22px;background:var(--soft);border-radius:14px;margin:0 0 20px}.profilebox h2{margin:8px 0}.profilebox .actions{margin-top:12px}.profilebox button{border:1px solid #d4bca6;background:var(--paper)}@media(max-width:620px){header nav{gap:11px;font-size:11px}.page-list{grid-template-columns:repeat(2,1fr)}.documentcards{grid-template-columns:1fr;gap:12px}.newdocs{padding:17px 17px 3px}.newdocs .sectionhead{display:block}.newdocs h2{font-size:19px}.newdocs .sectionhead>a{display:block;margin-top:6px}.pagetile{padding:12px}.profilebox{padding:18px}.profilebox .actions{flex-direction:column}}/* PixnPage visual system */
:root{--bg:#f5f7f5;--ink:#1d3932;--muted:#74847b;--line:#dce5df;--soft:#e2efe5;--paper:#fff;--accent:#9b86d7;--drop:#a9c6b0}body{font-family:Arial,Helvetica,sans-serif}header{max-width:1320px;padding:25px 35px}.brand{letter-spacing:-1.3px;font-size:26px}.brandmark{background:none;width:37px;height:37px;position:relative;overflow:visible}.pixmark{background:#c4b5f2;color:#294137;display:grid;place-items:center;width:29px;height:33px;border-radius:6px;transform:rotate(9deg);font-size:20px;font-weight:700;position:relative}.pixmark:before{content:'';position:absolute;background:#bcecc7;width:29px;height:33px;left:-7px;top:-4px;z-index:-1;border-radius:6px;transform:rotate(-16deg)}.badge{background:#eaf3e9;border:0;color:#6b826a;font-size:9px}main{max-width:1240px}.primary{background:#244439;border-radius:10px;transition:transform .15s,background .15s}.primary:hover{background:#355d49;transform:translateY(-1px)}.secondary{background:#edf2ed}.workbench{border-radius:21px;box-shadow:0 8px 30px #1e423208}.pixhero{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;padding:35px 0 55px}.pixhero h1{font-size:68px;font-weight:500;letter-spacing:-3.8px;line-height:1.04;margin:22px 0}.pixhero h1 span{font-family:Georgia,serif;font-style:italic;color:#5e806b}.pixhero p{font-size:14px;color:var(--muted);line-height:1.9;max-width:420px}.live-dot{display:inline-block;background:#84aa79;width:6px;height:6px;border-radius:50%;margin-right:6px}.heroactions{display:flex;align-items:center;gap:25px;margin-top:26px}.heroactions .primary{padding:13px 19px;display:flex;gap:28px}.plainlink{font-size:12px}.herowork{height:360px;position:relative;background:#e2eadb;border-radius:30px;display:grid;place-items:center;isolation:isolate}.floating-label{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;letter-spacing:1.2px;font-size:8px;color:#7b8b6b}.floating-label span{font-size:21px;color:#78876b}.mockpaper{width:225px;height:255px;background:#fffefa;border-radius:10px;padding:27px 24px;transform:rotate(-6deg);box-shadow:0 15px 35px #35573612;border:1px solid #e2e4d7;margin-top:20px}.mockheading{font-size:21px;line-height:1.2;letter-spacing:-.7px}.mockheading em{font-family:Georgia,serif;font-weight:400}.mocklines{display:grid;gap:6px;margin-top:18px}.mocklines i{height:4px;background:#e7ece4;border-radius:3px}.mocklines i:nth-child(2){width:85%}.mocklines i:nth-child(3){width:65%}.mockhighlight{font-size:9px;background:#e6ddff;padding:4px 5px;margin-top:15px;transform:rotate(1deg)}.mockline{height:4px;background:#e7ece4;width:80%;margin:9px 0}.mocksign{font:italic 19px Georgia;color:#7b8f77;margin-top:13px}.mockstamp{font-size:7px;position:absolute;bottom:21px;right:19px;border:1px solid #95ba9d;padding:4px;color:#7ba087;transform:rotate(-7deg)}.float-chip{position:absolute;background:#fff;border:1px solid #e0e5d9;border-radius:10px;padding:10px 14px;font-size:20px;box-shadow:0 8px 23px #243d3210}.float-chip b{font-size:10px;font-weight:400;margin-left:8px;vertical-align:middle}.chip-one{left:-16px;top:106px;color:#8e73c8;transform:rotate(-5deg)}.chip-two{right:-17px;bottom:46px;color:#698c73;transform:rotate(5deg)}.catalog{scroll-margin-top:20px}.catalog h2{font-size:29px;margin:8px 0 10px;letter-spacing:-1px}.toolsearch{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:9px 14px;background:white;border-radius:11px;width:280px;color:var(--muted)}.toolsearch input{padding:0;border:0;background:none;outline:0;font-size:12px}.toolfilters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 25px}.toolfilters button{border:1px solid var(--line);border-radius:30px;padding:8px 16px;font-size:11px;color:var(--muted);background:none}.toolfilters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.toolcard{padding:23px;background:white;border:1px solid var(--line);border-radius:16px;transition:transform .15s,box-shadow .15s}.toolcard:hover{opacity:1;transform:translateY(-3px);box-shadow:0 9px 22px #2c47320b}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.toolicon{width:43px;height:39px;display:grid;place-items:center;border-radius:11px;background:#e4f0e4;font-size:12px;font-weight:600;color:#73936b}.toolcard:nth-child(3n+2) .toolicon{background:#ece7fa;color:#9780c1}.toolcard:nth-child(3n) .toolicon{background:#f7e7da;color:#bc9370}.tooltag{font-size:9px;color:#9ba797}.toolcard h3{font-size:16px;font-weight:500;letter-spacing:-.4px;margin:0 0 8px;display:flex;align-items:center;justify-content:space-between}.toolcard h3 span{color:#9eac9f;font-size:13px}.toolcard p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.pixbenefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.pixbenefits span{color:#9eaa9a;font-size:10px}.pixbenefits h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:10px 0}.pixbenefits p{font-size:12px;color:var(--muted);line-height:1.8}.editor-work{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:23px}.editorbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.editorbar button{font-size:11px;padding:10px 14px}.editlayout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:23px}.editsettings{padding:18px;background:#f5f7f2;border-radius:13px}.editsettings label{margin-top:15px;font-size:11px}.editsettings label:first-child{margin-top:0}.editsettings input,.editsettings select{padding:9px;font-size:11px;background:#fff}.editsettings textarea{min-height:85px;resize:vertical;font-size:12px;padding:10px}.editsettings .fields{gap:10px}.editsettings input[type=color]{height:37px;padding:4px}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;color:var(--muted)}.page-controls button{padding:7px 11px;font-size:10px}.canvas-shell{position:relative;min-height:280px;background:#e9eeea;display:flex;justify-content:center;align-items:start;overflow:hidden;border:1px solid var(--line);border-radius:9px;touch-action:none}.canvas-shell canvas{display:block;width:100%;height:auto}.canvas-shell #editor-overlay{position:absolute;top:0;left:0;touch-action:none;cursor:crosshair}#editor-placeholder{padding:80px 20px;color:var(--muted);text-align:center;font-size:15px}#editor-placeholder small{display:block;font-size:11px;margin-top:8px}.print-document{display:none}.writerbody{min-height:380px}.form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.form-fields label{font-size:12px}.form-fields input[type=checkbox]{width:auto}.form-fields input,.form-fields select{font-size:13px}.documentnav{margin-top:16px}.toolcard[hidden]{display:none}footer{font-size:10px}@media(max-width:900px){.pixhero{gap:30px}.pixhero h1{font-size:54px}.toolgrid{grid-template-columns:repeat(2,1fr)}.herowork{height:330px}.editlayout{grid-template-columns:210px minmax(0,1fr)}.chip-one{left:-8px}.chip-two{right:-5px}}@media(max-width:620px){header{padding:20px}header nav{gap:12px;font-size:10px}.brand{font-size:23px;gap:7px}.brandmark{width:30px}header nav a:first-child{display:none}.pixhero{grid-template-columns:1fr;padding:15px 0 32px;gap:27px}.pixhero h1{font-size:49px;letter-spacing:-2.9px;margin:17px 0}.pixhero p{font-size:13px}.herowork{height:290px;margin:0 8px}.mockpaper{width:200px;height:230px;padding:23px}.mockheading{font-size:19px}.floating-label{top:17px;font-size:7px}.float-chip{padding:8px 10px;font-size:17px}.chip-one{top:88px;left:-10px}.chip-two{bottom:29px;right:-10px}.float-chip b{font-size:9px}.heroactions{gap:19px}.heroactions .primary{font-size:11px;gap:24px}.trust{font-size:9px}.catalog .sectionhead{align-items:stretch;display:block}.catalog h2{font-size:25px;margin-top:9px}.toolsearch{width:100%;margin-top:16px}.toolgrid{gap:10px}.toolcard{padding:17px}.toolcard h3{font-size:14px}.toolcard p{font-size:11px}.toolcard .cardtop{margin-bottom:18px}.toolicon{width:37px;height:35px;font-size:10px}.tooltag{font-size:8px}.toolfilters{gap:7px;margin:15px 0 20px}.toolfilters button{font-size:10px;padding:7px 12px}.pixbenefits{grid-template-columns:1fr;gap:14px;margin-top:30px;padding-top:24px}.pixbenefits h3{margin:5px 0}.pixbenefits p{margin:4px 0}.editor-work{padding:16px}.editlayout{grid-template-columns:1fr;gap:16px}.editsettings{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px}.editsettings>label,.editsettings>input,.editsettings>select,.editsettings>textarea,.editsettings>.fields,.editsettings>.help{grid-column:1/-1}.editsettings label{margin-top:6px}.form-fields{grid-template-columns:1fr}.pagehead h1{font-size:33px}.editorbar{gap:6px}.editorbar button{font-size:10px;padding:9px 11px}.canvas-shell{min-height:230px}}
@media print{body.writer-printing header,body.writer-printing footer,body.writer-printing main>*:not(#writer-app),body.writer-printing #writer-app>*:not(#writer-print){display:none!important}body.writer-printing main,body.writer-printing #writer-app{margin:0;padding:0;border:0;box-shadow:none;background:white;max-width:none}body.writer-printing .print-document{display:block;color:black;font-family:Arial,sans-serif;white-space:normal}body.writer-printing .print-document h1{font-size:22pt;letter-spacing:normal;line-height:1.25;color:black;margin:0 0 18pt}body.writer-printing .print-document p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 9pt}@page{size:A4;margin:20mm}}

.rewrite-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:28px;margin:24px 0}.rewrite-layout select{width:100%;height:auto;min-height:170px}.rewrite-preview{border:1px solid #dce2dc;background:#eef1eb;border-radius:12px;padding:12px;align-self:start}.rewrite-preview canvas,#rewrite-export-canvas{max-width:100%;height:auto;display:block}#rewrite-export-canvas[hidden],.rewrite-preview canvas[hidden]{display:none}.rewrite-layout textarea{min-height:100px}@media(max-width:760px){.rewrite-layout{grid-template-columns:1fr}}
@media print{body.creator-printing>header,body.creator-printing>footer,body.creator-printing .skip,body.creator-printing main>*:not(#creator-preview){display:none!important}body.creator-printing main{margin:0;padding:0;max-width:none}body.creator-printing #creator-preview{margin:0!important;padding:0!important;border:0!important}#creator-preview tr{break-inside:avoid}#creator-preview th,#creator-preview td{padding:8px;border-bottom:1px solid #ddd;text-align:left}}#creator-preview th,#creator-preview td{padding:10px;text-align:left;border-bottom:1px solid #ddd}
/* Exported PDF page gallery */
.outputgallery{margin-top:22px}.outputgallery h3{font-size:18px;margin:0}.outputthumbs{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.outputthumb{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.outputthumb:hover{border-color:var(--accent)}.outputthumb:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.outputthumb[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.thumbframe{display:flex;align-items:center;justify-content:center;width:100%;height:180px}.thumbframe img{display:block;max-width:100%;max-height:100%;background:#fff;border:1px solid var(--line)}.thumbwait{font-size:11px;color:var(--muted)}.thumbnum{font-weight:600}.outputnav{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0}.outputnav span{font-size:13px;min-width:80px;text-align:center}
@media(max-width:620px){.outputthumbs{grid-template-columns:repeat(2,1fr);gap:9px}.thumbframe{height:150px}.outputnav button{padding:11px 13px}}
/* Footer links wrap so the injected "Privacy choices" button cannot push narrow screens sideways */
.footlinks{flex-wrap:wrap;row-gap:10px;min-width:0}
/* Explanatory guide below tool pages */
.toolguide{max-width:860px;margin:44px auto 0;border-top:1px solid var(--line);padding-top:30px;color:var(--ink);overflow-wrap:break-word}
.toolguide h2{font-size:26px;letter-spacing:-.6px;margin:0 0 16px}
.toolguide h3{font-size:16px;font-weight:600;margin:28px 0 10px}
.toolguide p,.toolguide li{font-size:13px;line-height:1.7}
.toolguide ul,.toolguide ol{padding-left:20px;margin:0}
.toolguide li+li{margin-top:7px}
.guidesteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0!important;counter-reset:step}
.guidesteps li{counter-increment:step;margin:0!important;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px}
.guidesteps li::before{content:counter(step,decimal-leading-zero);display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px}
.guidesteps strong{display:block;margin-bottom:3px}
.guidegrid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.guidegrid h3{margin-top:28px}
.guidefaq details{padding:13px 0}
.guidefaq summary{cursor:pointer;font-size:14px;font-weight:600}
.guidefaq details p{font-size:13px;color:var(--ink);margin:8px 0 0}
.toolguide a,.taskguide a{text-decoration:underline;text-underline-offset:2px}
.guidelinks li{font-size:13px}
.taskguide{border-top:1px solid var(--line);margin-top:50px;padding-top:30px}
.taskguide h2{margin:8px 0 18px}
.taskguide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.taskguide article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}
.taskguide h3{font-size:16px;margin:0 0 8px;line-height:1.35}
.taskguide p{font-size:12.5px;line-height:1.7;margin:0;color:var(--ink)}
@media(max-width:760px){.guidesteps,.guidegrid,.taskguide-grid{grid-template-columns:1fr;gap:12px}.toolguide{margin-top:32px;padding-top:24px}.toolguide h2{font-size:22px}.guidegrid h3{margin-top:20px}}

.install-toggle{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.install-icon{flex:none;width:13px;height:13px;display:block}.toolicon svg{width:22px;height:22px;display:block}html[data-theme=dark] .toolicon{background:#243a2c;color:#a6d69e}html[data-theme=dark] .toolcard:nth-child(3n+2) .toolicon{background:#2e2944;color:#c8b8f2}html[data-theme=dark] .toolcard:nth-child(3n) .toolicon{background:#3b2d22;color:#ebbd92}
.usp{margin:6px 0 46px}.usp-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.usp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.usp-card{display:flex;gap:15px;align-items:flex-start;padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 18px #2c47320a}.usp-icon{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e4f0e4;color:#3f7a4a}.usp-account .usp-icon{background:#ece7fa;color:#6f55a8}.usp-device .usp-icon{background:#f7e7da;color:#9a6535}.usp-card h3{margin:2px 0 4px;font-size:17px;font-weight:700;letter-spacing:-.3px;line-height:1.3;color:var(--ink)}.usp-card p{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}.usp-note{margin-top:14px;padding:14px 18px;border:1px dashed var(--line);border-radius:14px;font-size:12.5px;line-height:1.65;color:var(--muted)}.usp-note h3{display:inline;margin:0 6px 0 0;font-size:12.5px;font-weight:700;color:var(--ink)}.usp-note p{display:inline;margin:0}.usp-note a{text-decoration:underline;text-underline-offset:2px;color:var(--ink)}
html[data-theme=dark] .usp-card{background:#19281f;border-color:#35483e;box-shadow:none}html[data-theme=dark] .usp-card p,html[data-theme=dark] .usp-note{color:#a7b9ac}html[data-theme=dark] .usp-note{border-color:#35483e}html[data-theme=dark] .usp-card h3,html[data-theme=dark] .usp-note h3,html[data-theme=dark] .usp-note a{color:#e3eee6}html[data-theme=dark] .usp-icon{background:#243a2c;color:#a6d69e}html[data-theme=dark] .usp-account .usp-icon{background:#2e2944;color:#c8b8f2}html[data-theme=dark] .usp-device .usp-icon{background:#3b2d22;color:#ebbd92}
@media(max-width:900px){.usp-list{grid-template-columns:1fr;gap:10px}.usp-card{padding:15px 16px;border-radius:16px;align-items:center}}@media(max-width:620px){.toolicon svg{width:19px;height:19px}.usp{margin:0 0 34px}.usp-icon{width:40px;height:40px;border-radius:12px}.usp-icon svg{width:21px;height:21px}.usp-card h3{font-size:15.5px}.usp-card p{font-size:12.5px}.usp-note{padding:12px 14px;font-size:12px}}