:root{--ink:#20201e;--paper:#f3f0e8;--cream:#e9e4d9;--red:#ef5b3f;--sage:#a7aa8c;--line:#20201e2e;--font-geist-sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--ink);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f0e8f0;justify-content:space-between;align-items:center;height:86px;padding:0 4.5vw;display:flex;position:relative}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-size:18px;display:flex}.brand b{font-weight:800}.brand-mark{width:31px;height:31px;color:var(--red);place-items:center;font-size:27px;display:grid;transform:rotate(-18deg)}.nav-links{align-items:center;gap:34px;font-size:13px;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--red)}.privacy-pill{border-left:1px solid var(--line);color:#66655f;align-items:center;gap:8px;padding-left:30px;display:flex}.privacy-pill i,.status-dot{background:#4f8f61;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4f8f611c}.nav-cta{background:var(--ink);color:var(--paper);cursor:pointer;border:0;align-items:center;gap:24px;padding:13px 17px;font-size:13px;transition:background .2s,transform .2s;display:flex}.nav-cta:hover{background:var(--red);transform:translateY(-1px)}.nav-cta span{color:var(--red);font-size:17px}.nav-cta:hover span{color:#fff}.hero{grid-template-columns:minmax(0,1fr) 430px;column-gap:7vw;padding:75px 6vw 52px;display:grid;position:relative}.hero:after{content:"";background:var(--red);z-index:-1;opacity:.94;width:41vw;height:300px;position:absolute;top:-42px;right:-12vw;transform:skew(-18deg)}.hero .eyebrow{text-transform:uppercase;letter-spacing:.16em;grid-column:1/-1;align-items:center;gap:13px;margin-bottom:28px;font-size:10px;display:flex}.eyebrow span,.section-index{color:var(--red);font-family:var(--font-geist-mono), monospace}.hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:980px;margin:0;font-size:clamp(62px,8.8vw,138px);font-weight:800;line-height:.79}.hero h1 em,.tools-heading h2 em{color:var(--red);text-transform:none;letter-spacing:-.055em;font-family:Georgia,serif;font-weight:400}.hero p{border-left:1px solid var(--ink);align-self:end;max-width:390px;margin:0 0 9px;padding:22px 0 0 28px;font-family:Georgia,serif;font-size:20px;line-height:1.5}.hero-compact{padding-top:52px;padding-bottom:36px}.hero-compact h1{font-size:clamp(54px,7vw,105px)}.workspace{padding:0 4.5vw 90px}.dropzone{border:1px solid var(--ink);background:#e8e3d8;grid-template-columns:210px minmax(260px,1fr) auto;align-items:center;gap:34px;min-height:294px;padding:42px 5%;transition:background .2s,transform .2s;display:grid;position:relative}.dropzone:before{content:"";pointer-events:none;border:1px dashed #20201e33;position:absolute;inset:9px}.dropzone.is-dragging{background:#f0c3b4;transform:scale(.995)}.dropzone h2{letter-spacing:-.055em;margin:0 0 7px;font-size:clamp(27px,3vw,45px)}.dropzone p{color:#69675f;margin:0;font-family:Georgia,serif;font-size:17px}.dropzone small{color:#77746c;letter-spacing:.04em;font-size:10px;position:absolute;bottom:19px;left:calc(5% + 244px)}.drop-art{width:156px;height:145px;margin-left:10px;position:relative}.sheet{border:1px solid var(--ink);background:var(--paper);width:94px;height:123px;position:absolute}.sheet-back{background:#c4c4aa;top:4px;left:18px;transform:rotate(-8deg)}.sheet-front{padding:26px 17px;top:13px;left:47px;transform:rotate(5deg);box-shadow:8px 8px #20201e17}.sheet-front i{background:var(--ink);opacity:.6;height:4px;margin:0 0 8px;display:block}.sheet-front i:nth-child(2){width:72%}.sheet-front i:nth-child(3){background:var(--red);opacity:.7;width:100%;height:28px;margin-top:15px}.drop-arrow{background:var(--red);color:#fff;border:5px solid #e8e3d8;border-radius:50%;place-items:center;width:46px;height:46px;font-size:23px;display:grid;position:absolute;bottom:4px;right:-1px}.choose-button{background:var(--red);color:#fff;cursor:pointer;z-index:2;min-width:176px;height:58px;box-shadow:7px 7px 0 var(--ink);border:0;justify-content:space-between;align-items:center;padding:0 18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.choose-button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(3px,3px)}.choose-button:disabled{opacity:.65}.editor-card{border:1px solid var(--ink);background:#eeebe3;border-top:0;padding:35px}.editor-head{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.editor-head h2{letter-spacing:-.05em;margin:7px 0 0;font-size:38px}.section-index{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.editor-summary{border:1px solid var(--line);display:flex}.editor-summary span{border-right:1px solid var(--line);padding:10px 13px;font-size:11px}.editor-summary span:last-child{border:0}.selection-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:10px 0;font-size:11px;display:flex}.selection-bar>button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:8px 11px}.selection-bar>span{color:#77746c}.selection-bar>div{gap:8px;margin-left:auto;display:flex}.selection-bar>div button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:7px 10px}.selection-bar>div button:hover{border-color:var(--red);color:var(--red)}.page-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:18px;padding:28px 0 34px;display:grid}.page-grid.is-reordering{cursor:grabbing}.page-tile{cursor:grab;min-width:0;transition:opacity .18s,transform .18s;position:relative}.page-tile:active{cursor:grabbing}.page-tile.is-dragging{opacity:.38;transform:scale(.97)}.page-tile.is-drop-target:not(.is-dragging):before{content:"";z-index:7;background:var(--red);pointer-events:none;width:3px;position:absolute;top:0;bottom:48px;left:-10px}.drag-handle{z-index:6;border:1px solid var(--ink);background:var(--paper);pointer-events:none;place-items:center;width:25px;height:25px;font-size:17px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.page-preview{aspect-ratio:4/5.34;cursor:pointer;background:#ded9cc;border:1px solid #0000;width:100%;padding:0;transition:border .2s,background .2s,transform .2s;display:block;position:relative;overflow:hidden}.page-preview:hover{border-color:var(--ink);transform:translateY(-1px)}.page-tile.is-selected .page-preview{border:2px solid var(--red);background:#f4c2b5}.page-tile.is-focused .page-preview{box-shadow:inset 0 0 0 2px #20201e2e}.check{z-index:3;border:1px solid var(--ink);background:var(--paper);place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;top:8px;left:8px}.is-selected .check{background:var(--red);border-color:var(--red);color:#fff}.page-image{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.page-meta{justify-content:space-between;align-items:center;gap:5px;padding:8px 2px;font-size:10px;display:flex}.page-meta>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-meta b{border:1px solid var(--line);place-items:center;width:18px;height:18px;margin-right:4px;display:inline-grid}.page-movers{display:flex}.page-movers button{border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;width:23px;height:23px}.page-movers button:disabled{opacity:.2}.page-actions{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;font-size:10px;display:flex}.page-actions button{color:var(--red);cursor:pointer;background:0 0;border:0;padding:0}.page-actions span{color:#79766f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-editor{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;margin-top:16px;padding:20px 0 28px;display:grid}.page-editor-preview{border:1px solid var(--line);background:#dfdacd;padding:14px}.page-canvas{background:#f8f5ee;border:1px solid #20201e24;width:100%;position:relative;overflow:hidden;box-shadow:6px 7px #20201e14;container-type:inline-size}.page-canvas img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.text-overlay{z-index:2;position:absolute;inset:0}.page-text-field{z-index:2;resize:none;color:#0000;caret-color:var(--red);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:2px;outline:none;margin:0;padding:0 2px;font-family:Helvetica,Arial,sans-serif;line-height:1.05;transition:border-color .15s,background .15s,color .15s;position:absolute;overflow:hidden}.page-text-field:hover{background:#fff3;border-color:#ef5b3fb3}.page-text-field:focus,.page-text-field.is-edited{z-index:4;color:var(--ink);background:#fff}.page-text-field:focus{border:2px solid var(--red);min-width:18%;min-height:3.2%;box-shadow:0 2px 10px #20201e29}.page-text-field.is-edited:not(:focus){border-color:#ef5b3f52}.page-rotator{pointer-events:none;position:absolute;inset:0}.page-editor-panel{border:1px solid var(--line);background:#f1ede4;flex-direction:column;min-width:0;padding:18px;display:flex}.page-editor-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:16px;display:flex}.page-editor-head h3{letter-spacing:-.05em;margin:6px 0 0;font-size:22px}.page-editor-head>span{color:#78756e;text-align:right;font-size:11px}.inline-editor-head{margin-bottom:0;padding:2px 2px 12px}.inline-editor-help{border-top:1px solid var(--line);color:#6e6a63;padding-top:18px;font-family:Georgia,serif;font-size:16px;line-height:1.5}.inline-editor-help b{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:11px}.inline-editor-help p{margin:12px 0 0}.line-editor{gap:12px;max-height:680px;padding-right:4px;display:grid;overflow:auto}.line-item{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;display:grid}.line-item>span{border:1px solid var(--line);background:#ffffff8c;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.line-item textarea{resize:vertical;border:1px solid var(--ink);background:var(--paper);width:100%;min-height:66px;color:var(--ink);outline:none;padding:10px 12px;line-height:1.45}.line-item textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px #ef5b3f14}.empty-editor{border:1px dashed var(--line);color:#706d67;background:#ffffff61;padding:20px;font-family:Georgia,serif;font-size:16px;line-height:1.5}.watermark-panel{border:1px solid var(--line);background:#dfdacd;align-items:center;gap:13px;margin-bottom:18px;padding:15px;display:flex}.watermark-panel label{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.watermark-panel input{border:1px solid var(--ink);background:var(--paper);outline:none;flex:1;padding:11px 13px}.watermark-panel input:focus{border-color:var(--red)}.watermark-panel button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:11px 18px}.export-bar{border-top:1px solid var(--ink);align-items:center;gap:14px;padding-top:20px;display:flex}.export-bar p{flex-direction:column;margin:0;font-size:12px;display:flex}.export-bar p small{color:#79766f;margin-top:3px}.export-bar>button{background:var(--red);color:#fff;cursor:pointer;border:0;justify-content:space-between;min-width:182px;margin-left:auto;padding:15px 17px;display:flex}.export-bar>button:disabled{opacity:.6}.tools-section{background:var(--ink);color:var(--paper);grid-template-columns:34% 1fr;gap:7vw;padding:76px 4.5vw 90px;display:grid}.tools-heading h2{letter-spacing:-.065em;text-transform:uppercase;margin:26px 0 0;font-size:clamp(44px,5.3vw,78px);line-height:.88}.tool-grid{border-top:1px solid #f3f0e840;border-left:1px solid #f3f0e840;grid-template-columns:repeat(2,1fr);display:grid}.tool-card{min-height:142px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #f3f0e840;border-top:0;border-left:0;grid-template-columns:28px 54px 1fr 20px;align-items:center;gap:14px;padding:24px;transition:background .2s,color .2s;display:grid}.tool-card:hover{background:var(--red)}.tool-number{font-family:var(--font-geist-mono), monospace;color:#77766f;align-self:start;font-size:9px}.tool-card:hover .tool-number{color:#ffd6cd}.tool-glyph{color:var(--red);font-family:Georgia,serif;font-size:42px}.tool-card:hover .tool-glyph{color:#fff}.tool-card>span:nth-child(3){flex-direction:column;gap:5px;display:flex}.tool-card b{letter-spacing:-.04em;font-size:20px}.tool-card small{color:#99978f;font-family:Georgia,serif;font-size:12px}.tool-card:hover small{color:#ffe0d8}.tool-card>i{opacity:.4;font-style:normal}footer{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:110px;padding:0 4.5vw;font-size:11px;display:flex}footer p{color:#6f6d66}footer>span{text-transform:uppercase;letter-spacing:.1em;color:#8c8981}@media (max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero p{max-width:520px;margin-top:36px}.hero:after{width:55vw;height:240px;right:-22vw}.dropzone{grid-template-columns:150px 1fr}.drop-art{transform-origin:0;transform:scale(.8)}.choose-button{grid-column:2;width:190px}.dropzone small{left:auto;right:5%}.tools-section{grid-template-columns:1fr}}@media (max-width:620px){.topbar{height:72px;padding:0 18px}.nav-cta{padding:11px 12px}.nav-cta span{display:none}.hero{padding:46px 20px 38px}.hero h1{font-size:56px}.hero p{font-size:17px}.workspace{padding:0 14px 58px}.dropzone{text-align:center;grid-template-columns:1fr;gap:18px;padding:38px 25px 55px}.drop-art{transform-origin:50%;margin:0 auto}.choose-button{grid-column:auto;margin:0 auto}.dropzone small{text-align:center;left:20px;right:20px}.editor-card{padding:20px 14px}.editor-head{align-items:start}.editor-summary{flex-direction:column}.editor-summary span{border:0;border-bottom:1px solid var(--line);padding:5px 8px}.selection-bar{flex-wrap:wrap;align-items:flex-start}.selection-bar>div{width:100%;margin:2px 0 0}.page-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-editor{grid-template-columns:1fr}.page-editor-panel{order:2}.page-editor-preview{order:1}.export-bar{flex-wrap:wrap;align-items:flex-start}.export-bar>button{width:100%}.watermark-panel{flex-direction:column;align-items:stretch}.tools-section{padding:58px 18px}.tool-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:12px;padding:26px 18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.site-shell.is-empty{background:var(--paper);flex-direction:column;min-height:100vh;display:flex}.site-shell.is-empty .topbar{border-bottom:0;height:56px}.site-shell.is-empty .nav-links,.site-shell.is-empty .nav-cta,.site-shell.is-empty footer{display:none}.site-shell.is-empty .hero{text-align:center;flex-direction:column;flex:none;align-items:center;width:100%;max-width:1180px;margin:0 auto;padding:16px 24px 10px;display:flex}.site-shell.is-empty .hero:after,.site-shell.is-empty .hero .eyebrow{display:none}.site-shell.is-empty .hero h1{text-transform:none;letter-spacing:-.04em;max-width:760px;margin:0 auto;font-size:clamp(27px,2.7vw,38px);line-height:1.05}.site-shell.is-empty .hero p{max-width:680px;font-family:var(--font-geist-sans), Arial, sans-serif;border:0;margin:7px auto 0;padding:0;font-size:13px;line-height:1.4}.home-features{color:#6f6c65;flex-wrap:wrap;justify-content:center;gap:0;margin:18px auto 0;font-size:12px;display:flex}.home-features span{border-right:1px solid var(--line);padding:0 14px}.home-features span:last-child{border-right:0}.site-shell.is-empty .workspace{flex:none;width:100%;padding:2px 24px 20px}.site-shell.is-empty .dropzone{background:0 0;border:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.site-shell.is-empty .dropzone:before,.site-shell.is-empty .dropzone>:not(.choose-button){display:none}.site-shell.is-empty .choose-button{background:var(--red);color:#fff;letter-spacing:0;min-width:min(240px,100vw - 48px);height:46px;box-shadow:none;border:0;border-radius:4px;justify-content:center;margin:0;padding:0 20px;font-size:14px;font-weight:650}.site-shell.is-empty .choose-button:hover{box-shadow:none;background:#d94d32;transform:none}.site-shell.is-empty .tools-section{color:var(--ink);background:#e7e2d8;padding:28px 4.5vw 64px;display:block}.site-shell.is-empty .tools-heading{max-width:1180px;margin:0 auto 28px}.site-shell.is-empty .tools-heading .section-index{display:none}.site-shell.is-empty .tools-heading h2{letter-spacing:-.05em;text-transform:none;margin:0;font-family:Arial,sans-serif;font-size:clamp(30px,3.5vw,48px);line-height:1}.site-shell.is-empty .tools-heading h2 br{display:none}.site-shell.is-empty .tools-heading h2 em{font-style:normal}.site-shell.is-empty .tool-grid{border:0;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:0 auto}.site-shell.is-empty .tool-card{border:1px solid var(--line);background:var(--paper);min-height:190px;color:var(--ink);grid-template-rows:24px 1fr auto;grid-template-columns:1fr auto;gap:10px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s}.site-shell.is-empty .tool-card:hover{color:var(--ink);border-color:var(--ink);background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #20201e14}.site-shell.is-empty .tool-number{color:#858178;grid-area:1/1}.site-shell.is-empty .tool-glyph{width:54px;height:54px;color:var(--red);background:#f2c8be;border-radius:50%;grid-area:2/1/auto/3;align-self:center;place-items:center;font-size:27px;display:grid}.site-shell.is-empty .tool-card>span:nth-of-type(3){grid-area:3/1}.site-shell.is-empty .tool-card>span:nth-of-type(3) b{font-size:20px}.site-shell.is-empty .tool-card>span:nth-of-type(3) small{color:#77736c;margin-top:5px}.site-shell.is-empty .tool-card>i{color:var(--red);white-space:nowrap;grid-area:3/2;font-size:11px;font-style:normal}@media (max-width:700px){.site-shell.is-empty .hero{padding-top:14px}.site-shell.is-empty .hero h1{font-size:clamp(25px,7.5vw,34px)}.home-features{gap:10px 0}.home-features span{padding:0 9px}.site-shell.is-empty .workspace{padding-bottom:60px}.site-shell.is-empty .tools-section{padding:48px 18px 64px}.site-shell.is-empty .tool-grid{grid-template-columns:repeat(2,1fr)}.site-shell.is-empty .tool-card{min-height:160px;padding:18px}}
