@font-face{font-family:Grafo;src:url('./greek-sans.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#20324c;--muted:#566477;--blue:#355bd7;--blue-dark:#2445b1;--teal:#1c6c5b;--line:#dce3ed;--bg:#f7f9fd;--round:20px;--font:Grafo,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}a{color:var(--blue);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,input,select,textarea{border-radius:12px}button{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #db961f;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.25;letter-spacing:-1.4px}h2{font-size:1.5rem;line-height:1.35;letter-spacing:-.5px}h3{font-size:1.06rem;line-height:1.45}svg{display:block}.wrap{max-width:1200px;margin:auto;padding:0 28px}.skip-link{position:absolute;top:-80px;left:20px;z-index:20;padding:12px 20px;background:white}.skip-link:focus{top:10px}
.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.65rem;letter-spacing:-1.15px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:39px;height:41px;border-radius:12px;background:var(--blue);color:white;font-size:1.55rem;letter-spacing:0}.brand-name span{color:var(--blue)}.header-links{display:flex;align-items:center;gap:28px;font-size:.9rem}.header-links a{color:var(--muted);text-decoration:none}.free-label{padding:7px 13px;border-radius:100px;color:var(--teal);background:#e8f5f0;font-size:.8rem;font-weight:bold}.menu-toggle{display:none;border:1px solid var(--line);background:white;padding:0 14px;color:var(--ink)}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 0 26px}.eyebrow{color:var(--teal);font-size:.78rem;font-weight:bold;letter-spacing:1.2px;margin-bottom:9px}.intro p{margin-top:12px;color:var(--muted);font-size:1rem}.intro-note{display:flex;align-items:center;gap:10px;max-width:225px;font-size:.8rem;color:var(--teal);line-height:1.5}.icon{width:20px;height:20px;flex-shrink:0}.intro-note .icon{width:27px;height:27px}.tool-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:24px}.tool-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:9px 12px;border-radius:14px;border:1px solid var(--line);background:white;text-decoration:none;color:var(--muted);font-size:.88rem;font-weight:bold;transition:background .15s,border-color .15s}.tool-link:hover{border-color:var(--blue);background:#f0f4ff}.tool-link.active{color:var(--blue);background:#eaf0ff;border-color:#b8cafa}.tool-symbol{font-size:1.23rem;line-height:1;color:var(--blue);min-width:26px;text-align:center;font-weight:bold}
.workspace{display:grid;grid-template-columns:350px 1fr;align-items:start;gap:24px}.controls{background:white;border:1px solid var(--line);border-radius:var(--round);padding:25px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.step{color:var(--blue);background:#eef2ff;font-size:.7rem;font-weight:bold;padding:5px 9px;border-radius:8px;white-space:nowrap}.field{margin-bottom:19px}.field label,.field-label{display:block;font-size:.87rem;font-weight:bold;margin-bottom:7px}input[type=text],input[type=email],textarea,select{width:100%;border:1px solid #bcc8d9;background:white;color:var(--ink);padding:11px 13px;min-height:46px}textarea{resize:vertical;min-height:168px;line-height:1.9}input[type=text].main-input{font-size:1.25rem;padding:13px 14px;border:1.5px solid #a3b5e9;background:#fcfdff}.hint{font-size:.76rem;line-height:1.5;color:var(--muted);margin-top:7px}.sample-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sample{background:#f5f7fc;border:0;color:#475873;font-size:.75rem;min-height:32px;padding:4px 10px}.sample:hover{background:#e7edff;color:var(--blue)}.divider{height:1px;background:var(--line);margin:20px 0}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.options-grid .field{margin-bottom:5px}.options-grid select{font-size:.85rem;padding:9px}.range-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 7px;font-size:.85rem;font-weight:bold}.range-heading output{font-weight:normal;color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue);margin:5px 0}.checks{display:grid;gap:11px;margin:19px 0}.check{display:flex;gap:9px;align-items:center;font-size:.82rem;cursor:pointer;min-height:28px}.check input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.secondary-actions{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.text-btn{border:0;background:transparent;color:var(--muted);padding:8px 5px;font-size:.8rem;text-decoration:underline;text-underline-offset:3px}.text-btn:hover{color:var(--blue)}.local-note{display:flex;gap:8px;margin-top:19px;font-size:.75rem;line-height:1.6;color:var(--teal);padding:13px;background:#edf7f3;border-radius:12px}.local-note .icon{width:16px;height:16px;margin-top:3px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette label{border:1px solid var(--line);padding:9px 8px;border-radius:10px;font-size:.76rem;display:flex;align-items:center;gap:6px;cursor:pointer;min-height:44px}.palette label:has(input:checked){background:#f1f5ff;border-color:#9eb4f2}.palette input{accent-color:var(--blue)}
.preview-panel{border:1px solid var(--line);border-radius:var(--round);background:#edf2fb;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;padding:17px 22px;border-bottom:1px solid var(--line)}.preview-label{display:flex;align-items:center;gap:9px;font-size:.85rem;font-weight:bold}.a4-tag{font-size:.69rem;font-weight:normal;color:var(--muted);padding:3px 7px;background:#f4f6fa;border-radius:5px;white-space:nowrap}.export-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b4c3d8;padding:10px 15px;background:white;color:var(--ink);font-size:.85rem;font-weight:bold;text-decoration:none;min-height:44px;border-radius:11px}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn:hover{background:#eef2ff}.btn.primary:hover{background:var(--blue-dark)}.paper-stage{padding:24px 26px;background-image:radial-gradient(#ccd7ee .7px,transparent .7px);background-size:17px 17px;display:flex;justify-content:center}.paper{width:100%;max-width:405px;aspect-ratio:210/297;background:white;box-shadow:0 10px 27px #24366a1c}.paper svg{width:100%;height:auto}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid #dce3ed;font-size:.75rem;color:var(--muted);background:#f6f8fe}.page-controls{display:flex;align-items:center;gap:10px}.page-btn{border:1px solid var(--line);background:white;padding:0 10px;min-height:34px;font-size:.73rem;color:var(--ink)}.status{padding:0 22px;font-size:.8rem;color:var(--teal);background:white;line-height:1.6}.status:not(:empty){padding:12px 22px;border-top:1px solid var(--line)}.status.error{color:#a52838}.pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pick{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);background:white;color:var(--ink);font-size:1rem;border-radius:10px}.pick.selected{background:var(--blue);color:white;border-color:var(--blue)}.pick:hover{border-color:var(--blue)}.pick-grid.patterns{grid-template-columns:1fr 1fr}.pick-grid.patterns .pick{font-size:.77rem;padding:8px;gap:2px}.pattern-symbol{font-size:1.3rem;line-height:1.3}.all-btn{width:100%;margin-top:10px}.section-intro{padding:42px 0 22px;max-width:730px}.section-intro p{color:var(--muted);margin-top:12px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:33px 0;border-bottom:1px solid var(--line);margin-top:23px}.why-item{display:flex;gap:13px;align-items:start}.why-icon{display:grid;place-items:center;width:42px;height:42px;background:#eaf0ff;color:var(--blue);border-radius:12px;flex-shrink:0}.why-item p{font-size:.84rem;color:var(--muted);margin-top:6px}.content-block{padding:40px 0;max-width:780px}.content-block h2{margin:0 0 15px}.content-block h3{margin:24px 0 8px}.content-block p{margin:12px 0;color:var(--muted)}.content-block ol,.content-block ul{padding-left:24px;color:var(--muted)}.content-block li{margin:8px 0}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 44px}.guide-card{border:1px solid var(--line);border-radius:16px;background:white;padding:18px;color:var(--ink);text-decoration:none;transition:border-color .15s}.guide-card:hover{border-color:var(--blue)}.guide-card h3{font-size:.95rem}.guide-card p{font-size:.8rem;color:var(--muted);margin-top:9px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-weight:bold;cursor:pointer;line-height:1.6;padding-right:20px}.faq p{font-size:.9rem}.site-footer{border-top:1px solid var(--line);margin-top:25px;background:white}.footer-inner{padding-top:30px;padding-bottom:28px;display:flex;justify-content:space-between;gap:35px}.footer-brand .brand{font-size:1.24rem}.footer-brand .brand-mark{width:30px;height:32px;font-size:1.2rem;border-radius:9px}.footer-brand p{font-size:.77rem;color:var(--muted);margin-top:10px;max-width:310px}.footer-links{display:flex;flex-wrap:wrap;gap:15px 24px;align-content:start;max-width:360px;padding-top:7px}.footer-links a{color:var(--muted);font-size:.8rem;text-decoration:none}.footer-bottom{border-top:1px solid var(--line);font-size:.73rem;color:var(--muted);padding-top:15px;padding-bottom:20px;display:flex;justify-content:space-between;gap:16px}.prose-page{max-width:820px;padding:38px 0 50px}.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:22px}.breadcrumbs a{text-decoration:none}.prose-page h1{font-size:2.25rem}.prose-page .lead{color:var(--muted);font-size:1.1rem;margin:20px 0 30px}.prose-page h2{margin:30px 0 12px}.prose-page p{margin:13px 0;color:var(--muted)}.prose-page li{margin:8px 0;color:var(--muted)}.prose-page .btn{margin:10px 0}.notice{background:#ecf5f1;border:1px solid #cae6db;border-radius:15px;padding:19px;color:var(--teal);margin:23px 0}.contact-form{max-width:550px;margin-top:25px}.contact-form .btn{margin-top:0}.ad-slot{display:none}.nojs{background:#fff2d5;padding:18px;color:#513905;border:1px solid #ddbb72;border-radius:12px;margin-bottom:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.extra-options>summary{display:none}.extra-options:not([open])>div{display:block}.extra-options>summary{cursor:pointer;color:var(--blue);font-size:.85rem;font-weight:bold}
@media(max-width:1050px){.wrap{padding:0 22px}.workspace{grid-template-columns:315px 1fr;gap:18px}.controls{padding:21px}.preview-toolbar{padding:15px;flex-wrap:wrap}.tool-link{font-size:.78rem;padding:8px}.header-links{gap:17px}.intro-note{display:none}}
@media(max-width:760px){.wrap{padding:0 18px}.header-inner{min-height:72px;gap:12px;flex-wrap:wrap}.brand{font-size:1.3rem;gap:8px}.brand-mark{width:33px;height:36px;font-size:1.3rem}.menu-toggle{display:block;font-size:.8rem}.header-links{display:none;width:100%;padding:0 0 17px;flex-wrap:wrap;gap:16px}.header-links.open{display:flex}.intro{padding:26px 0 23px}.intro p{font-size:.88rem;line-height:1.7}.intro h1{font-size:1.85rem;letter-spacing:-.9px}.eyebrow{font-size:.7rem}.tool-nav{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.tool-link{min-height:53px;font-size:.76rem;gap:6px;flex-direction:row}.tool-symbol{font-size:1.07rem;min-width:21px}.workspace{grid-template-columns:1fr;gap:18px}.controls{padding:22px}.card-heading{margin-bottom:18px}.main-input{min-height:51px}.field{margin-bottom:15px}.options-grid{gap:17px}.checks{grid-template-columns:1fr 1fr;gap:12px}.palette{max-width:350px}.controls .divider{margin:18px 0}.local-note{font-size:.77rem}.preview-toolbar{gap:12px;padding:17px}.export-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.export-actions .btn{font-size:.84rem}.paper-stage{padding:21px 19px}.preview-bottom{padding:12px 17px;flex-wrap:wrap}.why-grid{grid-template-columns:1fr;gap:24px;padding:30px 0}.why-item p{max-width:460px}.guide-links{grid-template-columns:1fr;gap:11px}.content-block{padding:30px 0}.content-block h2{font-size:1.35rem}.footer-inner{flex-direction:column;gap:23px}.footer-links{max-width:none;gap:13px 23px}.footer-bottom{flex-direction:column;gap:6px}.prose-page{padding:29px 0 35px}.prose-page h1{font-size:1.85rem}.prose-page .lead{font-size:1rem}.pick-grid{grid-template-columns:repeat(6,1fr)}.pick-grid.patterns{grid-template-columns:repeat(2,1fr)}.section-intro{padding-top:30px}.preview-panel{scroll-margin-top:15px}}
@media(max-width:365px){.wrap{padding:0 12px}.tool-link{font-size:.7rem;gap:3px}.controls{padding:18px}.checks{grid-template-columns:1fr}.preview-label{font-size:.78rem}.pick-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.extra-options>summary{display:list-item;min-height:44px;padding:11px 0;margin-top:10px}.extra-options:not([open])>div{display:none}.preview-label{flex-wrap:wrap;row-gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
#print-root{display:none}
@media print{body>*{display:none!important}#print-root{display:block!important}#print-root .print-page{width:210mm;height:297mm;break-after:page}#print-root svg{width:210mm;height:297mm}#print-root .print-page:last-child{break-after:auto}@page{size:A4 portrait;margin:0}}