:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#23334b;background:#f6f9fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63a8f7;outline-offset:2px}a{color:inherit;text-decoration:none}.shell{max-width:1550px;padding:0 26px;margin:auto}.top{background:#fff;border-bottom:1px solid #e8edf5}.top-inner{height:69px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{font-size:20px;font-weight:800;letter-spacing:-.8px;display:inline-flex;align-items:center;gap:4px}.brand>span:last-child{color:#2781d4}.brand-mark{background:#d9edff;border:1px solid #abdbff;color:#2180dc;border-radius:12px;width:35px;height:35px;display:inline-grid;place-items:center;margin-right:3px}.top nav{display:flex;gap:25px;color:#617089;font-size:13px}.top .quiet{background:#f3f7fb;border:1px solid #e7edf6;border-radius:9px;font-size:20px;width:38px;height:36px}.intro{padding:29px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#297cc1}.intro h1{font-size:clamp(27px,3.3vw,43px);margin:8px 0 9px;letter-spacing:-1.5px;font-weight:800;color:#12243c}.intro h1 span{color:#2784d7}.intro p{font-size:13.5px;max-width:930px;color:#718096;line-height:1.7;margin:0 0 15px}.features{display:flex;gap:9px;flex-wrap:wrap}.features span{font-size:11px;padding:7px 11px;border-radius:8px;background:#ebf3fc;color:#5083b8}.studio{background:#fff;border:1px solid #e3eaf4;border-radius:14px;overflow:hidden;box-shadow:0 18px 55px #23517d0b}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-bottom:1px solid #e8eef6;flex-wrap:wrap}.studio-name{display:flex;align-items:center;gap:11px}.studio-icon{display:grid;place-items:center;border-radius:11px;width:39px;height:39px;background:#e9f3ff;color:#2382dc;font-size:23px}.studio-name small,.studio-name strong{display:block}.studio-name strong{font-size:13px}.studio-name small{font-size:11px;color:#8b99aa;margin-top:4px}.button-group{display:flex;gap:7px;flex-wrap:wrap}.page-actions button,button{border:1px solid #dce6f1;background:#fff;color:#45617c;padding:9px 11px;border-radius:8px;font-size:11px;font-weight:650;transition:background .15s}button:hover:not(:disabled){background:#eff6fd}button.primary{background:#2886dc;border-color:#2886dc;color:#fff}button.primary:hover{background:#1672c8}.danger{color:#c04759!important}.studio-toolbar{display:flex;gap:9px;align-items:end;padding:11px 16px;background:#f9fbfe;border-bottom:1px solid #e7eef7;flex-wrap:wrap}.studio-toolbar label{font-size:10px;color:#687a8f;font-weight:700;display:flex;flex-direction:column;gap:5px}.studio-toolbar input{width:185px}.studio-toolbar select{min-width:110px}.studio-toolbar input,.studio-toolbar select{border:1px solid #dce5ef;border-radius:7px;padding:7px 9px;background:#fff;color:#253c54;font-size:12px;height:33px}.studio-toolbar button{height:33px}.workspace{display:grid;grid-template-columns:238px minmax(320px,1fr) 290px;min-height:680px}.left-panel,.right-panel{padding:17px 13px;min-width:0;max-height:800px;overflow-y:auto}.left-panel{border-right:1px solid #e8eef5}.right-panel{border-left:1px solid #e8eef5}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:7px}.panel-title h2{font-size:12px;margin:0;color:#243956}.panel-title small,.panel-title span{font-size:10px;color:#8497aa}.second{margin-top:23px}.page-list{display:grid;gap:7px}.page-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;gap:6px;background:#fafcff;border-color:#e3ebf3;min-height:54px}.page-row.active{background:#eaf4ff;border-color:#84baf1;color:#2277c9}.page-row strong{display:block;font-size:11px}.page-row small{display:block;font-weight:400;font-size:10px;opacity:.78;margin-top:3px}.page-thumb{background:#fff;border:1px solid #cad8e6;width:29px;height:38px;border-radius:2px;display:grid;place-items:center;color:#4e8dce;font-size:12px;flex:0 0 auto}.page-actions{display:flex;gap:5px;margin-top:9px}.page-actions button{flex:1;padding:8px 4px;font-size:10px}.element-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.element-list button{min-height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;color:#2880ce;gap:4px}.element-list button span{font-size:10px;color:#546d86}.stack{display:grid;gap:7px}.stack select{padding:9px 7px;border:1px solid #dfe6ee;border-radius:8px;min-width:0;background:#fff}.canvas-panel{background:#edf3f9;display:flex;flex-direction:column;min-width:0;overflow:hidden}.canvas-foot,.canvas-tools{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 16px;border-bottom:1px solid #dfe9f3;font-size:11px}.canvas-tools>div:first-child{display:flex;flex-direction:column;gap:3px}.overline{font-size:9px;letter-spacing:1px;color:#8396a9;font-weight:800}.canvas-foot{border-bottom:0;border-top:1px solid #dfe9f3;color:#8295a8;font-size:10px;flex-wrap:wrap}.view-actions{display:flex;align-items:center;gap:5px}.view-actions button{padding:5px 10px}.view-actions span{width:47px;text-align:center;font-size:10px;color:#5f788f}.canvas-scroll{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:22px 10px 35px;min-height:570px}.page-holder{position:relative;flex:none;box-shadow:0 8px 24px #132b4438}.page-canvas{background:#fff;position:absolute;top:0;left:0;transform-origin:top left;overflow:hidden;color:#1c293a}.page-canvas .page-guides{position:absolute;inset:0;pointer-events:none;border:0 solid transparent}.page-canvas.guides-on .page-guides{border:1px dashed #84b6de}.page-block{position:absolute;overflow:hidden;touch-action:none;user-select:none;cursor:move;border:1px solid transparent;min-width:2px;min-height:2px}.page-block.selected{outline:2px solid #2689e6;outline-offset:1px;z-index:999!important}.page-block.overflowed{box-shadow:inset 0 -3px 0 #e45e62}.block-text{height:100%;width:100%;white-space:pre-wrap;overflow:hidden;word-wrap:break-word;overflow-wrap:anywhere;line-height:1.24}.page-block[data-type=text] .block-text{white-space:pre-wrap;column-gap:4mm;column-fill:balance}.page-block[data-type=image] img{width:100%;height:100%;pointer-events:none}.image-placeholder{display:grid;height:100%;place-items:center;color:#466781;font:11px system-ui;background:linear-gradient(140deg,#e0edfa,#accae6)}.page-number{position:absolute;font-size:10pt;color:#667180;left:10mm;right:10mm;text-align:center;pointer-events:none}.inspector{display:grid;gap:11px}.inspector label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#64778f;min-width:0}.inspector input,.inspector select,.inspector textarea{width:100%;border:1px solid #dfe6f0;background:#fff;border-radius:7px;padding:9px;font-size:12px;color:#25384f;min-width:0}.inspector textarea{resize:vertical;min-height:92px;line-height:1.5}.inspector input[type=color]{padding:3px;height:37px}.inspector .twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inspector .small-note{font-size:10px;color:#8796a7;line-height:1.6}.inspector .actions{display:flex;gap:6px;flex-wrap:wrap}.inspector .actions button{flex:1}.block-list{display:grid;gap:5px}.block-row{width:100%;text-align:left;background:#fafcff;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px}.block-row.active{background:#eaf4ff;border-color:#86b9ea}.block-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:178px}.issues{display:grid;gap:6px;max-height:185px;overflow-y:auto}.issue{font-size:10px;color:#805a2a;background:#fff8ec;border:1px solid #f0dcb7;padding:8px;border-radius:6px;line-height:1.45;display:block;width:100%;text-align:left}.issue.error{color:#a43b40;background:#fff1f1;border-color:#f5c1c1}.issue.ok{color:#287f5b;background:#effbf5;border-color:#b7e8d3}.full{width:100%;margin-top:9px}.status{padding:11px 16px;background:#f9fbfd;border-top:1px solid #e5eef6;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:#8596a8}.explainer{padding:41px 0 22px}.explainer h2,.faq h2{font-size:22px;letter-spacing:-.6px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-grid article{background:#fff;border:1px solid #e5ebf4;border-radius:12px;padding:17px}.info-grid h3{font-size:13px}.faq p,.info-grid p{font-size:12px;color:#74849a;line-height:1.7}.faq{padding:10px 0 40px;max-width:980px}.faq details{border-bottom:1px solid #dce5f0;padding:12px 4px;font-size:12px}.faq summary{cursor:pointer;font-weight:700}.footer{background:#fff;border-top:1px solid #e5eefa;color:#9aa8b8;padding:22px 0;font-size:12px}.toast{position:sticky;top:5px;z-index:100;padding:12px 15px;background:#eaf5ff;border:1px solid #aad6ff;color:#22577f;margin:10px 0;border-radius:10px;font-size:12px}.toast.error{background:#fff0ef;color:#a43e44;border-color:#edb8b9}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;background:#fff;padding:12px;z-index:100}.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}html[data-theme=dark]{color:#dbe7f8;background:#111b29}html[data-theme=dark] .footer,html[data-theme=dark] .info-grid article,html[data-theme=dark] .studio,html[data-theme=dark] .top{background:#1b2a3b;border-color:#31445b}html[data-theme=dark] .status,html[data-theme=dark] .studio-toolbar{background:#1c2a3b}html[data-theme=dark] .intro h1,html[data-theme=dark] .panel-title h2{color:#e7f2ff}html[data-theme=dark] button,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#263a50;color:#e9f1fa;border-color:#42607a}html[data-theme=dark] button.primary{background:#2783d4}html[data-theme=dark] .canvas-panel{background:#122233}html[data-theme=dark] .block-row,html[data-theme=dark] .page-row{background:#23364b}html[data-theme=dark] .block-row.active,html[data-theme=dark] .page-row.active{background:#16466e}html[data-theme=dark] .canvas-foot{color:#a4bacf}@media(max-width:1250px){.workspace{grid-template-columns:195px minmax(300px,1fr) 252px}.left-panel,.right-panel{padding:13px 10px}.canvas-scroll{padding:16px 6px}}@media(max-width:1000px){.workspace{grid-template-columns:180px minmax(260px,1fr)}.right-panel{grid-column:1/-1;border-top:1px solid #e5edf7;border-left:0;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.right-panel>.block-list,.right-panel>.full,.right-panel>.issues,.right-panel>.panel-title{grid-column:auto}.right-panel #inspector{grid-row:2/7;grid-column:1}.right-panel #blockList,.right-panel #issues,.right-panel #runPreflight{grid-column:2}.right-panel>.panel-title.second{grid-column:2;margin:0}.right-panel .panel-title:first-child{grid-column:1}.canvas-scroll{min-height:560px}}@media(max-width:670px){.shell{padding:0 13px}.top-inner{height:58px}.top nav{display:none}.intro{padding-top:24px}.intro h1{font-size:28px}.studio-head{padding:11px}.button-group{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.button-group button{padding:8px 2px;font-size:10px}.studio-toolbar{gap:6px;padding:8px}.studio-toolbar label{flex:1 1 120px}.studio-toolbar input{width:100%}.workspace{display:flex;flex-direction:column}.left-panel{max-height:none;border-right:0;border-bottom:1px solid #e5ecf6;padding:12px}.page-list{display:flex;overflow-x:auto;gap:6px}.page-row{min-width:130px}.page-actions{max-width:320px}.element-list{display:flex;overflow-x:auto}.element-list button{min-width:75px;min-height:60px}.left-panel>.second{margin-top:12px}.left-panel .stack{display:flex}.left-panel .stack select{flex:1}.canvas-scroll{min-height:470px;padding:14px 0 24px}.canvas-foot{padding:8px}.right-panel{display:block;padding:14px;max-height:none}.right-panel #inspector{display:grid}.right-panel .panel-title.second{margin-top:18px}.info-grid{grid-template-columns:1fr}.features span{font-size:10px}.canvas-panel{min-height:530px}}@media print{@page{size:A4 portrait;margin:0}body,html{padding:0!important;margin:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.canvas-foot,.canvas-tools,.explainer,.faq,.footer,.intro,.left-panel,.right-panel,.status,.studio-head,.studio-toolbar,.toast,.top{display:none!important}.canvas-panel,.canvas-scroll,.shell,.studio,.workspace,main{width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:visible!important;background:0 0!important;display:block!important}.page-holder{width:var(--paper-w)!important;height:var(--paper-h)!important;box-shadow:none!important;transform:none!important;break-after:page;page-break-after:always}.page-holder:last-child{break-after:auto}.page-canvas{width:var(--paper-w)!important;height:var(--paper-h)!important;position:relative!important;transform:none!important;box-shadow:none!important;overflow:hidden!important}.page-block{outline:0!important;border:0!important}.page-block.selected{outline:0!important}.page-canvas .page-guides{display:none!important}.page-canvas{background:#fff!important}html[data-theme=dark] .page-canvas{color:#1c293a}}.print-pages{display:none}@media print{.workspace{display:none!important}.print-pages{display:block!important}.print-pages .page-holder{position:relative!important;display:block!important;left:0!important;top:0!important;width:var(--paper-w)!important;height:var(--paper-h)!important;margin:0!important}.print-pages .page-canvas{position:relative!important;left:0!important;top:0!important;transform:none!important}}@media print{.print-pages .page-holder{height:calc(var(--paper-h) - 1mm)!important;overflow:hidden!important}.print-pages .page-canvas{height:calc(var(--paper-h) - 1mm)!important}}.new-dialog{width:min(430px,calc(100vw - 35px));background:#fff;color:#223652;border:1px solid #dce9f6;box-shadow:0 25px 60px #14263e4d;border-radius:17px;padding:25px}.new-dialog::backdrop{background:#071c3c75}.new-dialog h2{font-size:20px;margin:0 0 8px}.new-dialog p{font-size:12px;line-height:1.6;color:#647a94}.new-dialog label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:18px 0}.new-dialog select{padding:11px;border:1px solid #d5e4f4;background:#fff;border-radius:9px;color:#203a57}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.new-dialog button{font-size:12px;padding:10px 13px}html[data-theme=dark] .new-dialog{background:#1b2a3b;color:#e7f3ff}html[data-theme=dark] .new-dialog p{color:#a4b9ce}@media print{.new-dialog{display:none!important}}.page-actions{flex-wrap:wrap}.page-actions button{flex:1 1 calc(50% - 8px)}.inspector .small-note{overflow-wrap:anywhere}.page-block:focus-visible,button:focus-visible{outline:3px solid #126baf!important;outline-offset:2px}@media print{.pk-goal-navigation,.pk-studio-footer,.pk-studio-guide,.skip,.tool-beta-notice{display:none!important}}