:root{color-scheme:dark;--red:#ef3658;--border:#35303d;--muted:#b1a6b7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#641c2933,transparent 45%),#090a10;color:#f8f3f7;font:14px/1.6 system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#efe8ef;background:#211c29;border:1px solid #514052;border-radius:8px;padding:9px 13px}button:hover{border-color:#e36682}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#d92346;border-color:#f24b6b;font-weight:650}a{color:#fa92ab;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4%;border-bottom:1px solid var(--border)}.brand{color:#fff;font-weight:850;font-size:20px;letter-spacing:2px}.brand span{display:block;font-size:9px;font-weight:500;color:#e4a8bb}nav{display:flex;gap:10px;align-items:center;font-size:12px}main{max-width:1530px;margin:auto;padding:35px 30px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#e78ba4}h1{font-size:clamp(33px,4vw,52px);line-height:1.08;letter-spacing:-1.8px;margin:16px 0}h1 em{color:#f26689;font-style:normal}.intro p:not(.eyebrow){color:var(--muted)}.mode-note{border:1px solid #6d374c;background:#251520;padding:22px;border-radius:15px;max-width:330px;font-size:10px;color:#ecc6d4}.mode-note strong{display:block;font-size:20px;margin:10px 0;color:white}.mode-note small{display:block;font-size:12px;color:#c0a7b7}.dot{display:inline-block;width:7px;height:7px;background:#ee698c;border-radius:50%;margin-right:7px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#d8c9d6}input,select,textarea{width:100%;min-width:0;color:white;background:#100e16;border:1px solid #514252;border-radius:7px;padding:11px}textarea{resize:vertical;min-height:135px}.topbar{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:18px;padding:22px;border:1px solid var(--border);border-radius:14px;background:#15121b;margin-bottom:24px}.draft{display:flex;flex-direction:column;gap:8px;justify-content:center}.draft span{font-size:10px;color:#c1a2b6}.editor{display:grid;grid-template-columns:255px 300px minmax(0,1fr);gap:18px;align-items:start}.panel{background:#14121b;border:1px solid var(--border);border-radius:14px;padding:20px}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}.panel-heading span{color:#ec8ea8;font-size:11px}.panel h2,.preview-head h2{font-size:16px;margin:0}.hint{font-size:11px;color:#b3a6b8;line-height:1.7}.add-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0}.add-buttons button{font-size:11px;padding:9px 6px}.add-buttons #addImage{grid-column:span 2;grid-row:2}.block{border:1px solid #443343;background:#1e1824;border-radius:10px;margin:8px 0;padding:12px;cursor:pointer}.block.selected{border-color:#f16788;background:#371c2b}.block.dragging{opacity:.4}.block strong{display:block;font-size:12px}.block small{display:block;font-size:10px;color:#bba8bc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:175px}.block-actions{display:flex;gap:4px;margin-top:9px}.block-actions button{padding:2px 9px;font-size:13px}.presets{border-top:1px solid var(--border);margin-top:22px;padding-top:10px}.presets h3{font-size:12px}.presets button{font-size:10px;margin:3px 0}.presets small{display:block;font-size:10px;color:#a999ad;margin-top:10px}#properties label{margin:15px 0}#properties h3{margin:15px 0 6px;font-size:19px}.protected{padding:13px;border:1px solid #665329;border-radius:8px;background:#282214;color:#ecd4a3;font-size:11px;line-height:1.8}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips button{font-size:9px;padding:5px 7px}.preview-panel{border:1px solid #514348;border-radius:15px;background:#252127;padding:23px;position:sticky;top:15px}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-head button{font-size:10px}.paper-surround{max-height:750px;overflow:auto;padding:32px 12px;background:radial-gradient(ellipse at center,#51444a,#211d22);border-radius:10px;margin:20px 0}.paper{width:min(100%,360px);margin:auto;background:white;box-shadow:0 10px 30px #0005;position:relative}.paper:after{content:'';height:8px;position:absolute;bottom:-8px;left:0;right:0;background:linear-gradient(135deg,#fff 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#fff 25%,transparent 25%) -5px 0/10px 10px}canvas{width:100%;height:auto;display:block;cursor:pointer}.preview-meta{font-size:11px;color:#dbb8c9;text-align:center}.preview-note{font-size:10px;color:#bfb0bd;line-height:1.8}.cloud{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:28px;padding:27px}.cloud h2{font-size:23px}.cloud p:not(.eyebrow){font-size:12px;color:#bcacbd}.cloud-fields{display:grid;gap:12px}.cloud-actions{display:flex;gap:10px}.cloud-actions button{flex:1}footer{font-size:11px;color:#a996aa;margin:30px 0}#renderError:not(:empty){padding:12px;background:#562031;border-radius:8px;color:#ffb8c8;font-size:12px;margin-top:15px}.image-example{max-width:100%;max-height:150px;object-fit:contain;background:#fff;border-radius:5px}.inline{display:flex;gap:10px;align-items:center}.inline input[type=checkbox]{width:20px}.danger{color:#ffb0c4;margin-top:15px}#printArea{display:none}:focus-visible{outline:2px solid #f69eb5;outline-offset:3px}@media(max-width:1120px){.editor{grid-template-columns:220px minmax(0,1fr)}.properties-panel{grid-column:1}.preview-panel{grid-column:2;grid-row:1 / span 2}.topbar{grid-template-columns:1fr 1fr}}@media(max-width:700px){header{align-items:flex-start;padding:16px}nav{flex-wrap:wrap;justify-content:flex-end;max-width:215px}nav button,nav a{font-size:10px;padding:7px}.brand{font-size:15px}.brand span{font-size:7px}main{padding:25px 15px}.intro{display:block}.mode-note{max-width:none;margin-top:22px}.topbar{padding:16px;gap:12px}.editor{display:flex;flex-direction:column}.panel,.preview-panel{width:100%}.preview-panel{position:static;order:1}.blocks-panel{order:2}.properties-panel{order:3}.paper-surround{max-height:480px}#blocks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.block{margin:0;min-width:0}.block small{max-width:130px}.cloud{grid-template-columns:1fr;gap:15px}.topbar label{font-size:10px}}@media print{body>*{display:none!important}#printArea{display:block!important;background:white;margin:0}#printArea img{display:block;margin:auto;max-width:100%;height:auto}body{background:white;color:black} @page{margin:3mm}}