:root{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#203247;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.header{background:white;border-bottom:1px solid #dce3ec;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px}.brandicon{font-size:30px;background:#eaf1ff;color:#325aa0;padding:4px 13px;border-radius:12px}.brand strong{display:block;font-size:19px}.brand small{display:block;color:#66788f;font-size:12px}.header nav{display:flex;gap:8px}.primary,.outline{padding:11px 16px;border-radius:9px;font-weight:700;border:1px solid #375bb1}.primary{background:#355cb4;color:white}.outline{background:white;color:#355cb4}.layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:23px;padding:23px;max-width:1450px;margin:auto}.sidebar{background:white;border-radius:15px;padding:22px;box-shadow:0 3px 20px #12213b0a;align-self:start}.eyebrow{font-weight:800;color:#3565b5;font-size:11px;letter-spacing:1.3px}.sidebar h1{font-size:25px;line-height:1.25;margin:10px 0}.muted{color:#6d7b8d;font-size:13px;line-height:1.55}label:not(.check){display:block;font-size:13px;font-weight:750;margin:15px 0 6px}textarea,select{width:100%;border:1px solid #cbd6e2;border-radius:9px;background:#fff;color:#24354c;padding:10px}textarea{resize:vertical;min-height:105px}input[type=range]{width:100%;accent-color:#4369c0}input[type=file]{max-width:100%;font-size:12px}.presets{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.presets button{background:#eaf2ff;border:1px solid #d4e2fa;border-radius:20px;padding:7px 9px;font-size:11px;color:#355aa2}.divider{height:1px;background:#e7eaf0;margin:18px 0 5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;align-items:center;gap:9px;font-size:13px;margin-top:13px}.note{background:#fff7e9;border-left:3px solid #dcaa4d;padding:12px;border-radius:5px;font-size:12px;line-height:1.55;margin-top:18px}details{padding:9px 0}summary{font-weight:700;cursor:pointer;font-size:13px}.fontcompare{font-size:27px;min-height:20px;overflow-wrap:anywhere}.preview{min-width:0;display:flex;flex-direction:column;align-items:center}.previewtop{max-width:860px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px}.previewtop h2{margin:6px 0 1px}.pager{display:flex;gap:10px;align-items:center;white-space:nowrap}.pager button{border:1px solid #c8d2e0;background:white;border-radius:6px;padding:5px 12px;font-size:22px}.pageFrame{width:min(100%,794px);box-shadow:0 12px 36px #21334b26;background:white;aspect-ratio:794/1123;margin:10px 0 16px}.pageFrame svg{width:100%;height:100%;display:block}.under{max-width:790px;color:#65758a;font-size:12px}.previewtop .muted{margin:6px 0}footer{text-align:center;color:#79869a;font-size:11px;padding:16px}#printPages{display:none}@media(max-width:960px){.layout{grid-template-columns:1fr;padding:14px}.sidebar{max-width:760px;width:100%;margin:auto}.header{padding:12px}.header nav button{font-size:12px;padding:9px}.brand strong{font-size:15px}.brand small{font-size:10px}}@media print{@page{size:A4 portrait;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important}header,.layout,footer{display:none!important}#printPages{display:block!important}#printPages svg{display:block;width:210mm;height:297mm;page-break-after:always;break-after:page}#printPages svg:last-child{page-break-after:auto;break-after:auto}}
.coverage{font-size:12px;color:#406b9f;margin-top:8px;font-weight:650}
input[type=text]{width:100%;padding:10px;border:1px solid #cbd6e2;border-radius:9px;background:white;color:#24354c}
@media(max-width:650px){.header{flex-wrap:wrap}.header nav{width:100%;justify-content:flex-end}.two{gap:10px}.sidebar{padding:15px}}
/* HandPen v0.4 – пастелна начална страница и администрация */
:root{--pastel-accent:#7869c8;--pastel-second:#f39baf;--pastel-background:#fff7f4}
[hidden]{display:none!important}
.welcome{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:42px 24px;background:radial-gradient(circle at 8% 12%,#ffe3e6 0,transparent 30%),radial-gradient(circle at 90% 80%,#d6eafa 0,transparent 36%),radial-gradient(circle at 72% 12%,#e8e2ff 0,transparent 32%),var(--pastel-background)}
.welcome:before,.welcome:after{content:'✦';position:absolute;color:#e9ae68;font-size:58px;animation:floaty 6s ease-in-out infinite}.welcome:before{top:16%;left:13%}.welcome:after{right:12%;bottom:14%;font-size:42px;animation-delay:-2s;color:#a8bde8}
.admin-corner{position:absolute;top:22px;left:24px;z-index:2;width:37px;height:37px;border-radius:14px;background:#ffffffb8;color:#665b9f;border:1px solid #dcd4f6;font-weight:900;box-shadow:0 3px 12px #4d407018}
.welcome-card{position:relative;z-index:1;text-align:center;background:#ffffffd9;border:2px solid #fff;border-radius:36px;padding:34px 5vw 24px;max-width:850px;width:100%;box-shadow:0 24px 70px #826eac1f;backdrop-filter:blur(7px)}
.welcome-kicker{font-size:13px;letter-spacing:2px;color:#a478a9;font-weight:800}
.pencil-art{font-size:56px;animation:floaty 4s ease-in-out infinite}.pencil-art span{font-size:44px}
.welcome-card h1{font-size:clamp(35px,6vw,64px);line-height:1.08;margin:18px 0 6px;color:var(--pastel-accent);letter-spacing:-1.5px}
.writing-demo{display:block;width:min(100%,680px);height:auto;margin:0 auto -10px;color:#a27cc5}
.writing-demo path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawhand 7s ease-in-out .4s infinite}
.welcome-card p{color:#68657b;font-size:clamp(15px,2vw,19px);max-width:615px;margin:12px auto 22px;line-height:1.7}
.welcome-start{background:linear-gradient(135deg,var(--pastel-accent),var(--pastel-second));border:none;color:#fff;padding:17px 38px;border-radius:28px;font-weight:900;font-size:20px;box-shadow:0 9px 28px #ae88c545;transition:transform .2s,box-shadow .2s}
.welcome-start:hover{transform:translateY(-3px);box-shadow:0 14px 32px #ae88c55d}
.welcome-flowers{font-size:27px;margin-top:23px;letter-spacing:13px}.cloud{position:absolute;font-size:100px;opacity:.65;color:white;filter:drop-shadow(0 4px 5px #cbb7d1);animation:floaty 8s ease-in-out infinite}.cloud1{top:16%;right:5%}.cloud2{bottom:13%;left:5%;animation-delay:-3s}
@keyframes drawhand{0%,8%{stroke-dashoffset:1000}70%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:1000}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.welcome *{animation:none!important}.writing-demo path{stroke-dashoffset:0}}
.home-button{background:#f6f0ff;border:1px solid #ded5ef;color:#6553a4;border-radius:12px;padding:10px 12px;font-weight:700}
.admin-overlay{position:fixed;inset:0;background:#29253c8c;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px}
.admin-panel{background:#fff;border-radius:22px;padding:27px;width:min(100%,560px);max-height:92vh;overflow:auto;box-shadow:0 24px 80px #0004;position:relative}
.admin-panel h2{margin:4px 32px 10px 0;color:#514a87}.admin-panel h3{color:#514a87;margin:22px 0 9px;border-bottom:1px solid #e4dff1;padding-bottom:7px}
.admin-panel form>label:not(.check){display:block;margin:12px 0;font-weight:600;font-size:13px}.admin-panel input:not([type=checkbox]):not([type=color]),.admin-panel textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #d3d0e4;border-radius:10px}
.admin-panel .primary{margin-top:12px}.admin-close{position:absolute;top:16px;right:18px;border:none;background:#f5efff;color:#5f5692;font-size:24px;border-radius:12px;width:38px;height:38px}.admin-colors{display:flex;gap:18px}.admin-colors label{flex:1;font-size:12px;font-weight:700}.admin-colors input{display:block;margin-top:5px;width:100%;height:45px;border:0;background:transparent}.admin-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-message{color:#5d548e;min-height:20px;font-size:13px}
@media(max-width:700px){.welcome-card{padding:25px 18px}.welcome-flowers{letter-spacing:3px}.header nav{flex-wrap:wrap}}

.writing-demo path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawhand 8s ease-in-out .3s infinite}.writing-demo g path:nth-child(2n){animation-delay:.65s}.writing-demo g path:nth-child(3n){animation-delay:1.1s}
/* HandPen v1 font management */
.font-options{background:#f6f1ff;border:1px solid #e4d9f4;border-radius:13px;padding:10px 12px;margin:9px 0}.font-options .check{margin:7px 0}.font-admin-list{display:grid;gap:7px;max-height:260px;overflow:auto;margin:10px 0}.font-admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e5e4ee;border-radius:9px}.font-admin-row span{flex:1;min-width:170px;font-size:13px}.font-admin-row button{padding:6px 9px;font-size:12px}