:root{--surface:#fffdf8;--soft:#edf5ef;--shadow:0 18px 50px rgba(18,37,31,.1);--radius:14px}
body{line-height:1.5}
[hidden]{display:none!important}
.skip-link{position:absolute;left:18px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:12px 16px;border-radius:8px;text-decoration:none}.skip-link:focus{top:12px}
.topbar{height:auto;min-height:76px;max-width:1240px;margin:auto;padding:14px 28px;gap:24px;border-bottom:1px solid rgba(18,37,31,.12)}
.brand{font-size:25px;white-space:nowrap;letter-spacing:-.02em}
.site-nav{display:grid;grid-template-columns:118px 72px 88px 92px;gap:6px;align-items:center}.site-nav a{display:grid;place-items:center;min-height:42px;padding:8px 10px;border-radius:8px;font-weight:650;color:#35443e;text-align:center}.site-nav a:hover,.site-nav a:focus-visible{background:var(--soft);color:var(--green)}.site-nav .nav-pro{background:var(--ink);color:#fff}.site-nav .nav-pro::after{content:"19,99 €";font-size:9px;line-height:1;margin-top:2px;padding:3px 5px;border-radius:4px;background:var(--mint);color:var(--ink)}.site-nav .nav-pro:hover,.site-nav .nav-pro:focus-visible,.site-nav .nav-pro[aria-current="page"]{background:var(--green);color:#fff}.site-nav a[aria-current="page"]:not(.nav-pro){box-shadow:inset 0 -2px var(--green);color:var(--green)}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:10px 12px;font-weight:750;cursor:pointer}
.primary,.secondary,.add,.ghost,.danger-text,.file-label{border-radius:9px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary:hover,.add:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,37,31,.16)}
.actions{align-items:stretch}.actions>*{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:12px 16px;line-height:1.2}.actions .file-label{margin:0}.actions .danger-text{border:1px solid transparent}
.pro-tools{margin:-12px 0 38px;padding:24px;border:1px solid #b8d5c4;border-radius:var(--radius);background:var(--soft)}.pro-tools-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.pro-tools-head small{display:inline-block;background:var(--ink);color:#fff;border-radius:5px;padding:4px 7px;font-weight:800}.pro-tools-head h2{font:28px Georgia,serif;margin:8px 0}.pro-tools>p{color:#54635c;margin:4px 0}.pro-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin-top:20px;padding-top:20px;border-top:1px solid #bad4c5}.pro-controls label{margin:0}.pro-controls input[type="color"]{height:43px;padding:4px}.pro-controls .check-field{display:flex;align-items:center;min-height:43px;gap:9px}.check-field input{width:auto;margin:0}.history{margin-top:20px;padding-top:16px;border-top:1px solid #bad4c5}.history h3{margin:0 0 10px}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid rgba(18,37,31,.1)}.history-row button{padding:7px 10px}.history-empty{color:var(--muted)}
.invoice.template-minimal{box-shadow:none;border:1px solid #ddd}.invoice.template-minimal .invoice-logo{border-radius:50%}.invoice.template-bold{border-top:10px solid var(--brand-color,var(--green))}.invoice.template-bold .invoice-head h2{color:var(--brand-color,var(--green))}.invoice-logo{overflow:hidden;background:var(--brand-color,var(--ink))}.invoice-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.invoice-logo span{display:grid;place-items:center;width:100%;height:100%}
.license-dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.3)}.license-dialog::backdrop{background:rgba(12,25,20,.65)}.license-dialog form{position:relative;padding:36px}.license-dialog h2{font:36px Georgia,serif;margin:8px 0}.license-dialog p{line-height:1.6;color:#52615a}.license-dialog .primary{margin:8px 0 22px}.license-dialog label{font-size:13px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.license-error{min-height:24px;color:var(--danger)!important}.checkout-button{font:inherit;border:0;cursor:pointer}.checkout-success{padding:10px 13px;border-radius:8px;background:var(--soft);color:var(--green)!important;font-weight:700}.checkout-notice{position:fixed;z-index:1000;left:50%;bottom:24px;transform:translateX(-50%);width:min(520px,calc(100% - 32px));margin:0;padding:14px 18px;border-radius:10px;background:var(--ink);color:#fff;box-shadow:var(--shadow);text-align:center}
.hero{padding-top:70px;padding-bottom:90px}.hero-card{border-radius:var(--radius);box-shadow:var(--shadow)}
.workspace{max-width:1440px;margin:auto;border:1px solid var(--line);border-radius:18px;overflow:clip}.editor{background:var(--surface)}input,textarea,select{border-radius:8px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(31,101,74,.12)}
.feature-grid article,.guide-card,.pro-card,.sidebar,.article .example{border-radius:var(--radius)}.guide-card{transition:transform .18s,box-shadow .18s}.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.content-hero{padding-top:72px}.breadcrumbs{margin-bottom:28px}.article{min-width:0}.article h2{scroll-margin-top:20px}
.pro-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;max-width:1180px;margin:0 auto 70px;padding:38px 42px;background:var(--ink);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.pro-intro h2{font:clamp(30px,4vw,46px)/1.08 Georgia,serif;margin:10px 0 14px;max-width:760px}.pro-intro>div>p:last-child{color:#d6e2dc;line-height:1.7;max-width:760px}.pro-intro-action{text-align:center;min-width:190px}.pro-intro-action p{margin:0 0 14px}.pro-intro-action strong{font:44px Georgia,serif}.pro-intro-action span,.pro-intro-action small{display:block;color:#cbd9d2}.pro-intro-action .primary{display:block;background:var(--mint);color:var(--ink);margin:14px 0 10px}.pro-intro-action small{font-size:11px}
.site-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px;align-items:start;padding:56px max(5vw,28px)}.site-footer p{margin:10px 0;color:#cbd9d2;line-height:1.65}.site-footer h2{margin:0 0 14px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--mint)}.site-footer a:not(.brand){display:block;color:#fff;padding:4px 0}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-brand{max-width:360px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e3a72f;outline-offset:3px}
@media(max-width:900px){.topbar{position:relative;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;flex-basis:100%;grid-template-columns:1fr 1fr;padding:8px 0 4px}.site-nav[data-open="true"]{display:grid}.site-nav a{display:grid;padding:12px}.pro-intro{margin:0 24px 60px}.pro-controls{grid-template-columns:1fr 1fr}.workspace{border-radius:0;border-left:0;border-right:0}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.topbar{padding:12px 18px}.brand{font-size:22px}.site-nav{grid-template-columns:1fr}.hero{padding:52px 30px 60px;overflow:hidden}.hero h1{font-size:40px;line-height:1.02;letter-spacing:-.035em}.hero .lead{font-size:17px}.pro-intro{grid-template-columns:1fr;margin:0 18px 48px;padding:30px 24px;gap:24px}.pro-intro-action{text-align:left}.pro-intro-action .primary{display:inline-flex}.pro-tools-head{align-items:flex-start}.pro-controls{grid-template-columns:1fr}.history-row{grid-template-columns:1fr auto}.history-row span{grid-column:1/-1}.content-hero{padding-top:48px;overflow:hidden}.content-hero h1{font-size:40px}.pro-hero{padding-left:20px;padding-right:20px}.pro-hero h1{font-size:36px}.pro-hero .lead{font-size:16px}.pro-hero .primary{width:100%;text-align:center}.pro-grid{padding-left:18px;padding-right:18px}.site-footer{grid-template-columns:1fr;gap:24px}.footer-brand{grid-column:auto}.section-title{display:block}.section-title span{display:block;margin:0 0 22px}.editor .section-title h2{font-size:34px}.item-row{grid-template-columns:minmax(120px,1fr) 56px 80px 30px;overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}