:root{--ink:#181817;--muted:#696761;--paper:#f4f1e9;--panel:rgba(255,255,255,.72);--line:rgba(24,24,23,.13);--blue:#5368ed;--violet:#7858df;--danger:#b93d3d;--shadow:0 18px 50px rgba(50,45,35,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:var(--paper);background-image:radial-gradient(rgba(40,38,32,.035) .75px,transparent .75px);background-size:4px 4px;line-height:1.5}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{transform:none}.site-header{height:84px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));font-family:Georgia,serif;font-style:italic}.privacy-pill,.trust-row span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700}.privacy-pill span{color:#36a271}.landing,.workspace{max-width:1180px;margin:auto;padding:32px 24px 90px}.hero-shell{display:grid;grid-template-columns:260px 1fr;gap:16px;max-width:880px;margin:54px auto 100px}.quick-card,.hero-card,.privacy-section,.sidebar,.page-workspace{background:var(--panel);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:28px}.quick-card{padding:28px;align-self:stretch}.quick-card p{font-size:.85rem;color:var(--muted);margin:20px 0 0}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:850;color:#74716a;margin-bottom:10px}.mini-action{width:100%;margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;text-align:left;font-weight:750;cursor:pointer}.mini-action span{color:#f6a81a;font-size:1.2rem;margin-right:6px}.hero-card{padding:42px 46px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-90px;background:linear-gradient(140deg,rgba(83,104,237,.12),rgba(120,88,223,.2));filter:blur(2px)}h1,h2,p{margin-top:0}.hero-card h1{max-width:650px;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96;letter-spacing:-.058em;margin-bottom:22px}.hero-card h1 em{font-style:normal;color:var(--blue)}.hero-card>p{max-width:610px;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.primary-button,.secondary-button,.danger-button,.back-button,.reset-button,.text-button{border:0;cursor:pointer;font-weight:780}.primary-button{background:var(--ink);color:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 7px 17px rgba(24,24,23,.16)}.primary-button:hover{background:var(--blue)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.42;cursor:not-allowed}.secondary-button,.danger-button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px}.danger-button{color:var(--danger)}.compact{padding:8px 11px;font-size:.82rem}.text-link{color:var(--ink);font-weight:750;text-underline-offset:4px}.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.trust-row span{padding:5px 9px;color:var(--blue);font-size:.7rem}.tools-section{scroll-margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-heading h2,.privacy-section h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em;margin-bottom:0}.section-heading>p{max-width:390px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{position:relative;min-height:195px;padding:24px;text-align:left;border:1px solid rgba(24,24,23,.1);border-radius:22px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(35,31,25,.1)}.tool-card strong{font-size:1.3rem;letter-spacing:-.025em;margin-top:auto}.tool-card small{max-width:220px;color:#4e4c47;font-size:.83rem;margin-top:7px}.tool-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.66);font-size:1.35rem;font-weight:800}.card-arrow{position:absolute;right:20px;top:19px;font-size:1.2rem}.amber{background:#f7d985}.mint{background:#9fdacc}.lilac{background:#cec0f5}.coral{background:#f3b5a8}.blue{background:#aec9ee}.green{background:#bbdda9}.privacy-section{display:grid;grid-template-columns:auto 1.2fr 1fr;align-items:center;gap:26px;margin-top:80px;padding:34px}.privacy-section>p{color:var(--muted);margin:0}.privacy-orb{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#c3e0b3;font-size:1.5rem}.workspace{max-width:1440px;padding-top:22px}.workspace-topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.workspace-topbar h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.055em;margin-bottom:10px}.workspace-topbar p{color:var(--muted);margin:0}.back-button{padding:0;background:transparent;margin-bottom:24px;color:var(--muted)}.back-button:hover{color:var(--ink)}.topbar-actions{display:flex;gap:10px}.drop-zone{min-height:430px;border:2px dashed rgba(24,24,23,.21);border-radius:30px;background:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px;transition:.16s ease}.drop-zone.is-dragging{border-color:var(--blue);background:rgba(83,104,237,.07);transform:scale(.995)}.drop-zone h2{font-size:2rem;letter-spacing:-.04em;margin-bottom:7px}.drop-zone p{max-width:540px;color:var(--muted)}.drop-illustration{position:relative;width:100px;height:78px;margin-bottom:28px}.drop-illustration span:first-child{display:grid;place-items:center;width:70px;height:76px;border-radius:14px;background:#fff;box-shadow:var(--shadow);font-weight:900;color:var(--blue);transform:rotate(-5deg)}.drop-illustration span:last-child{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-size:1.3rem}.editor{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}.sidebar{padding:20px;height:max-content;position:sticky;top:16px}.sidebar section+section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.sidebar h2{font-size:.92rem;margin-bottom:12px}.aside-heading{display:flex;justify-content:space-between;align-items:center}.icon-button{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:800}.file-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.file-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.65);font-size:.77rem}.file-badge{display:grid;place-items:center;width:32px;height:36px;background:#ece9ff;border-radius:7px;color:var(--violet);font-size:.6rem;font-weight:900}.file-meta{min-width:0}.file-meta strong,.file-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta span{color:var(--muted);font-size:.68rem}.remove-file{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem}.range-input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px}.help-text,.field-error{font-size:.72rem;color:var(--muted);margin:8px 0}.field-error{color:var(--danger);min-height:1.1em}.workspace-summary{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:.78rem}.workspace-summary span{color:var(--muted)}.reset-button{width:100%;margin-top:20px;padding:9px;background:transparent;color:var(--danger);border:1px solid rgba(185,61,61,.22);border-radius:10px}.page-workspace{min-width:0;padding:18px}.actionbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}.selection-actions,.page-actions{display:flex;flex-wrap:wrap;gap:7px}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding-top:18px}.page-card{position:relative;border:2px solid transparent;border-radius:15px;background:#e8e5df;padding:9px;cursor:pointer;transition:.15s ease;min-width:0}.page-card:hover{transform:translateY(-2px)}.page-card.selected{border-color:var(--blue);background:#e1e5ff}.page-card.sortable-ghost{opacity:.28}.page-card.sortable-drag{box-shadow:0 18px 40px rgba(0,0,0,.18)}.page-thumb{position:relative;display:grid;place-items:center;aspect-ratio:.707;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(20,20,20,.08)}.page-thumb canvas{display:block;max-width:100%;max-height:100%}.thumb-placeholder{width:40%;height:8px;border-radius:9px;background:#eee;box-shadow:0 16px #eee,0 32px #eee}.page-info{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:9px;font-size:.72rem}.page-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-source{color:var(--muted);white-space:nowrap}.selection-mark{position:absolute;z-index:2;top:15px;left:15px;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:rgba(24,24,23,.58);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:900}.selected .selection-mark{background:var(--blue)}.rotation-badge{position:absolute;z-index:2;right:15px;top:15px;padding:3px 6px;background:rgba(24,24,23,.75);color:#fff;border-radius:6px;font-size:.62rem}.message-stack{display:grid;gap:8px;margin-bottom:12px}.message{display:flex;align-items:start;justify-content:space-between;gap:15px;border:1px solid;padding:11px 14px;border-radius:11px;font-size:.82rem}.message.error{background:#fff0ed;border-color:#efc2bb;color:#812b22}.message.success{background:#edf8e8;border-color:#c6dfb9;color:#315d2a}.message button{border:0;background:transparent;cursor:pointer;color:inherit}.progress-wrap{padding:14px 0 4px}.progress-wrap>div{display:flex;justify-content:space-between;font-size:.78rem}.progress-wrap progress{width:100%;height:8px;accent-color:var(--blue)}.text-button{background:transparent;color:var(--blue);padding:0}.mobile-hint{display:none;color:var(--muted);font-size:.78rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}footer{max-width:1180px;margin:auto;padding:30px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}:focus-visible{outline:3px solid rgba(83,104,237,.55);outline-offset:3px}@media(max-width:850px){.hero-shell{grid-template-columns:1fr;margin-top:25px}.quick-card{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.privacy-section{grid-template-columns:auto 1fr}.privacy-section>p{grid-column:1/-1}.editor{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.sidebar section+section{border:0;margin:0;padding:0}.reset-button{align-self:end}.mobile-hint{display:block}.workspace-topbar{align-items:start}}@media(max-width:600px){.site-header{height:70px}.privacy-pill{display:none}.landing,.workspace{padding:18px 14px 60px}.hero-card{padding:30px 24px}.hero-card h1{font-size:2.55rem}.hero-actions{align-items:flex-start;flex-direction:column}.section-heading{align-items:start;flex-direction:column;gap:4px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:165px}.privacy-section{margin-top:45px;padding:24px}.workspace-topbar{display:block}.topbar-actions{position:sticky;z-index:5;bottom:10px;background:rgba(244,241,233,.92);padding:8px;margin:18px -4px 0;border-radius:14px;backdrop-filter:blur(10px)}.topbar-actions>*{flex:1}.editor{display:block}.sidebar{display:block;margin-bottom:12px}.sidebar section+section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.page-workspace{padding:12px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-actions{margin-top:4px}.actionbar{display:block}.selection-actions{margin-bottom:8px}footer{display:block}footer span{display:block;margin-top:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}