:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#252b3b;background:#f6f7fb;font-synthesis:none;--blue:#5066e8;--line:#e6eaf1;--muted:#778198}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid #dce2ee;background:#fff;border-radius:9px;color:#293247;padding:11px 12px;max-width:100%}textarea{resize:vertical}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6886ff;outline-offset:2px}button:focus:not(:focus-visible){outline:0}.app-shell{min-height:100vh}.topbar{min-height:74px;padding:14px clamp(18px,2.2vw,38px);border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:15px;justify-content:space-between}.brandline{display:flex;align-items:center;gap:16px;white-space:nowrap}.brand{display:inline-flex;align-items:center;font-size:20px;letter-spacing:-.06em;font-weight:800}.brand-logo{display:grid;place-items:center;background:var(--blue);color:#fff;width:32px;height:32px;border-radius:9px;font-size:22px;margin-right:9px}.brand-tail{color:var(--blue)}.slash{color:#c4cad5}.tool-name{font-size:15px;letter-spacing:-.025em}.privacy{font-size:12px;color:#717f91;display:flex;align-items:center;gap:7px}.privacy-dot{width:7px;height:7px;border-radius:50%;background:#23b980}.top-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid transparent;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:700;background:#fff;white-space:nowrap;transition:background .2s}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px #5667e52c}.btn.primary:hover{background:#4059d1}.btn.subtle{border-color:#e2e7f0;background:#fff;color:#354159}.btn.subtle:hover{background:#f2f4fb}.btn.small{padding:8px 11px}.btn.full{width:100%}.btn.danger{color:#ac4455}.icon-btn{background:#fff;border:1px solid #e1e5ee;border-radius:9px;height:34px;min-width:34px;display:inline-grid;place-items:center;font-size:19px;color:#4e5a70}.icon-btn:hover{background:#eef1fa}.editor-layout{display:grid;grid-template-columns:minmax(245px,285px) minmax(0,1fr) minmax(280px,320px);min-height:calc(100vh - 74px)}.panel{background:#fff;min-width:0}.blocks-panel{border-right:1px solid var(--line);padding:27px 20px;display:flex;flex-direction:column;gap:16px}.inspector-panel{border-left:1px solid var(--line);padding:27px 20px;display:flex;flex-direction:column;gap:18px}.panel-intro h2{font-size:23px;letter-spacing:-.055em;line-height:1.15;margin:9px 0 8px}.panel-intro p{font-size:13px;color:#7a8494;line-height:1.55;margin:0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#5b68af;text-transform:uppercase}.inspector-tabs,.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#f1f3f8;border-radius:12px}.inspector-tabs button,.panel-tabs button{border:0;background:0 0;border-radius:8px;padding:9px 4px;font-size:12px;font-weight:700;color:#6d7688}.inspector-tabs button.active,.panel-tabs button.active{background:#fff;box-shadow:0 2px 7px #1b23401a;color:#3346ae}.inspector-tabs{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px}.field>span{font-size:12px;font-weight:700;color:#566278}.field input,.field select,.field textarea{width:100%;font-size:13px}.field textarea{min-height:94px;line-height:1.6}.helper{font-size:12px;color:#79869a;line-height:1.55;margin:4px 0 12px}.block-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 395px);overflow:auto;scrollbar-width:thin}.block-item{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid #e5e9f2;border-radius:11px;padding:11px;transition:border .18s,background .18s}.block-item:hover{background:#f6f8ff;border-color:#c2ccfa}.block-symbol{flex:0 0 38px;width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#e6ecff,#d3e0ff);display:grid;place-items:center;color:#5369cb;font-size:17px;font-weight:800}.block-item strong{display:block;font-size:12px}.block-item small{display:block;color:#8993a6;font-size:11px;line-height:1.5;margin-top:3px}.block-item .item-add{margin-left:auto;border:none;background:#eef1fc;border-radius:8px;width:28px;height:28px;color:#5369d5;font-size:19px}.block-item[draggable=true]{cursor:grab}.privacy-card{border:1px solid #e2e8f3;background:#f9faff;border-radius:14px;padding:16px;margin-top:auto}.privacy-card strong{font-size:12px}.privacy-card p{font-size:11px;line-height:1.6;color:#7f8a9c;margin:8px 0 0}.page-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.page-item{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid #e7ebf2;border-radius:10px}.page-item.selected{border-color:#aab9f5;background:#f4f6ff}.page-item>button:first-child{min-width:0;flex:1;text-align:left;border:0;background:0 0;font-size:12px;font-weight:700}.page-item small{display:block;color:#8793a6;font-weight:400}.page-item .del-page{border:0;color:#a65c62;background:0 0}.workspace{min-width:0;display:flex;flex-direction:column;padding:25px clamp(16px,2.5vw,36px);background:#f6f7fb}.workspace-head h1{font-size:clamp(27px,2.6vw,38px);letter-spacing:-.065em;line-height:1.15;margin:9px 0 8px}.workspace-head h1 em{font-style:normal;color:var(--blue)}.workspace-head p{font-size:13px;color:#8390a0;margin:0 0 21px}.tiny-accent{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;vertical-align:middle;margin-right:4px}.device-row,.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.workspace-toolbar{padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:13px 13px 0 0}.bar-group{display:flex;gap:8px;align-items:center;min-width:0}.project-title{border:0;border-radius:4px;padding:6px;background:0 0;font-size:14px;font-weight:750;width:min(190px,30vw);text-overflow:ellipsis}.save-state{font-size:10px;color:#8792a2;white-space:nowrap}.save-state.dirty:before{content:"● ";color:#e6a355}.workspace-toolbar select{font-size:12px;padding:7px;max-width:160px}.device-row{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:9px 14px;background:#fff}.device-row>span{font-size:11px;color:#939cb0}.device-options{display:inline-flex;gap:3px;background:#f2f4f9;border-radius:9px;padding:3px}.device-options button{font-size:11px;color:#788396;background:0 0;border:0;border-radius:7px;padding:7px 10px}.device-options button.active{background:#fff;color:#4e61d9;box-shadow:0 2px 5px #1b234014;font-weight:700}.text-btn{border:0;background:0 0;color:#5966bf;font-size:12px;font-weight:700}.text-btn:hover{text-decoration:underline}.stage{background:radial-gradient(circle at 1px 1px,#d7dce7 1px,transparent 0) 0 0/17px 17px;min-height:390px;max-height:70vh;overflow:auto;padding:32px 24px;display:flex;justify-content:center;align-items:flex-start;border:1px solid var(--line)}.frame-wrap{position:relative;flex:none;width:min(100%,1120px);background:#fff;box-shadow:0 12px 44px #20294223;min-height:250px;transition:width .18s;isolation:isolate}.frame-inner{position:absolute;top:0;left:0;transform-origin:top left;min-height:250px;background:#fff}.frame-inner>iframe{border:0;display:block;width:100%;min-height:250px;height:100%;pointer-events:none}.stage-overlay{position:absolute;inset:0;pointer-events:auto;z-index:2}.section-target{position:absolute;left:0;width:100%;border:2px solid transparent;pointer-events:auto;cursor:pointer;transition:background .12s,border-color .12s;outline-offset:-3px}.section-target.selected,.section-target:hover{border-color:#5b73f4;background:#4e68ec08}.section-target.drop-before{border-top:5px solid #4766ff}.section-target.drop-after{border-bottom:5px solid #4766ff}.section-target:focus-visible{outline:3px solid #405ce9}.section-target-tools{position:absolute;top:0;left:0;display:flex;gap:2px;transform:translateY(-100%);background:#5367e8;color:#fff;max-width:100%;border-radius:6px 6px 0 0;padding:4px 7px;font-size:11px;pointer-events:auto;opacity:0}.section-target.selected .section-target-tools,.section-target:focus-visible .section-target-tools,.section-target:hover .section-target-tools{opacity:1}.drag-handle{font-weight:900;cursor:grab;padding:0 6px;display:inline-block;touch-action:none;user-select:none}.section-target-tools button{background:0 0;color:#fff;border:0;font-size:12px;min-width:22px}.section-target:first-child .section-target-tools{transform:translateY(0)}.drop-end{height:42px;pointer-events:auto;background:#eaf0ff8c;border:2px dashed #9babfb;display:grid;place-items:center;font-size:12px;color:#536cce}.drop-end.hover{background:#dbe4ff}.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border:1px solid var(--line);background:#fff;border-radius:0 0 13px 13px;gap:10px;font-size:11px;color:#8994a6}.canvas-actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0 8px}.inspector-content{overflow:auto;max-height:calc(100vh - 320px);scrollbar-width:thin}.inspector-content h3{font-size:15px;letter-spacing:-.03em;margin:6px 0 15px}.inspector-content .field{margin-bottom:12px}.inspector-content .row{display:flex;gap:9px;align-items:center}.inspector-content .row>*{flex:1;min-width:0}.inspector-content .inspector-actions{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.inspector-content .inspector-actions button{padding:8px 10px;font-size:11px}.inspector-content hr{border:0;border-top:1px solid #e7eaf1;margin:20px 0}.repeater{border:1px solid #e1e6f1;border-radius:10px;margin:10px 0;overflow:hidden}.repeater summary{padding:10px;background:#f9faff;font-size:12px;font-weight:700;cursor:pointer}.repeater .repeater-body{padding:11px}.repeater .remove-item{font-size:11px;border:0;color:#a84f64;background:0 0}.color-input{width:48px!important;height:40px;padding:4px!important}.side-bottom{border-top:1px solid var(--line);padding-top:17px;margin-top:auto}.empty-state{padding:25px 8px;text-align:center;color:#7c889a;font-size:13px}.inspector-help{font-size:12px;line-height:1.7;color:#7d889b}.inspector-help strong{color:#354159}.site-footer{padding:18px;text-align:center;font-size:12px;color:#8894a5;background:#fff;border-top:1px solid var(--line)}.site-footer span{margin:0 8px}.seo-info{padding:30px 20px 50px;max-width:800px;margin:auto;color:#69768a;font-size:13px;line-height:1.8}.seo-info h2,.seo-info h3{color:#39445a}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#25334c;color:#fff;border-radius:12px;padding:13px 20px;max-width:min(410px,90vw);font-size:13px;box-shadow:0 14px 32px #12172b35;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.toast.error{background:#a23c4b}.modal{border:1px solid #e1e7f0;border-radius:18px;box-shadow:0 24px 80px #202c4355;width:min(540px,94vw);padding:25px;max-height:85vh;overflow:auto}.modal::backdrop{background:#121c35a8;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal h2{font-size:25px;letter-spacing:-.05em;margin:7px 0 14px}.export-options,.template-options{display:grid;gap:10px;margin:20px 0}.export-options button,.template-options button{border:1px solid #e2e7f0;background:#fff;text-align:left;padding:17px;border-radius:11px}.export-options button:hover,.template-options button:hover{border-color:#aebdf8;background:#f7f9ff}.export-options strong,.template-options strong{display:block;font-size:14px}.export-options small,.template-options small{display:block;font-size:12px;color:#8a96a8;margin-top:4px;line-height:1.5}.saved-projects{max-height:330px;overflow:auto}.saved-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #e7eaf1;padding:13px 0}.saved-row .info{flex:1;min-width:0;font-size:13px}.saved-row small{display:block;color:#8a96a8;font-size:11px;margin-top:3px}.modal-actions{display:flex;gap:10px;justify-content:space-between;padding-top:17px}.mobile-tabs{display:none}.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}@media(max-width:1160px){.editor-layout{grid-template-columns:245px minmax(0,1fr) 280px}.blocks-panel,.inspector-panel{padding:22px 13px}.privacy{display:none}.workspace{padding:20px 12px}}@media(max-width:900px){.editor-layout{grid-template-columns:1fr;display:block}.mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;padding:8px;gap:4px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.mobile-tabs button{border:0;background:#f3f5fa;padding:11px 5px;border-radius:8px;font-size:12px;font-weight:700;color:#6d7890}.mobile-tabs button.active{background:#e9edff;color:#465cdb}.blocks-panel,.inspector-panel{border:0;display:none;min-height:430px;padding:20px}.editor-layout[data-panel=blocks] .blocks-panel,.editor-layout[data-panel=canvas] .workspace,.editor-layout[data-panel=inspector] .inspector-panel{display:flex}.editor-layout[data-panel=blocks] .workspace,.editor-layout[data-panel=inspector] .workspace{display:none}.block-list{max-height:none}.inspector-content{max-height:none}.stage{max-height:66vh}.workspace{padding:22px 13px}.site-footer{font-size:11px}}@media(max-width:610px){.topbar{padding:11px;gap:6px;min-height:68px}.tool-name{font-size:12px}.brand{font-size:16px}.brand-logo{width:27px;height:27px;font-size:17px;margin-right:5px}.slash{display:none}.top-actions{gap:4px}.top-actions .btn{font-size:11px;padding:8px}.top-actions #projectsBtn{display:none}.workspace-head h1{font-size:28px}.workspace-toolbar{padding:8px;gap:8px}.bar-group{width:100%;justify-content:space-between}.project-title{width:180px}.bar-tools{justify-content:flex-end}.stage{padding:20px 12px;max-height:63vh}.device-row{padding:8px}.device-row>span{display:none}.stage-footer{align-items:flex-start;line-height:1.4}.canvas-actions .btn{flex:1}.panel-intro h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.seo-editor{margin:16px 0 20px;padding:14px;border:1px solid var(--line,#e4e8f0);border-radius:14px;background:var(--surface,#fff)}.seo-editor h3{font-size:14px;margin:0 0 10px}.seo-editor .field{margin-bottom:12px}.audit-row{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:13px 14px;background:0 0;border:1px solid #e1e5ef;border-radius:12px;margin:8px 0;cursor:pointer;color:inherit}.audit-row:focus-visible,.audit-row:hover{border-color:#5369ce;background:#f7f8ff;outline-offset:2px}.audit-row small{color:#6b768a;margin-top:5px}@media(max-width:610px){.topbar{flex-wrap:wrap}.brandline{flex:1 1 100%}.top-actions{width:100%;justify-content:space-between}.top-actions .btn{flex:1 1 0;min-width:0}}@media(max-width:610px){.top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.top-actions #projectsBtn{display:block}.top-actions .btn{width:100%;text-align:center}}@media(min-width:611px) and (max-width:900px){.topbar{flex-wrap:wrap}.top-actions{margin-left:auto}}.asset-list{display:grid;gap:10px;margin-top:14px}.asset-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;background:var(--surface,#fff);border:1px solid var(--border,#e3e8f1);border-radius:12px;min-width:0}.asset-card img{height:52px;width:58px;object-fit:cover;border-radius:8px}.asset-card span{min-width:0;overflow-wrap:anywhere}.asset-card strong{display:block;font-size:12px;line-height:1.3}.asset-card small{display:block;opacity:.7;font-size:11px}.asset-card .btn{padding:6px 8px;min-width:43px}.asset-card .icon-btn{padding:5px;min-width:28px}.panel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.panel-tabs button{min-width:0;padding:8px 3px;font-size:12px}.page-item{flex-wrap:wrap;gap:4px}.page-item>button:first-child{flex:1 1 125px;min-width:0}.page-item .icon-btn{flex:0 0 auto;padding:5px 6px;min-width:27px}.field input[type=color]{min-height:42px;width:100%}.inspector-content button[data-clear-background]{margin:2px 0 12px}.seo-editor{min-width:0}.seo-editor textarea{max-width:100%}@media(max-width:1190px){.asset-card{grid-template-columns:48px minmax(0,1fr) auto auto}.asset-card img{width:48px;height:48px}}@media(max-width:390px){.panel-tabs button{font-size:11px;padding:10px 1px}.asset-card{grid-template-columns:45px minmax(0,1fr) auto auto;gap:5px}.asset-card img{height:42px;width:45px}.asset-card .btn{font-size:11px}}@media(max-width:610px){.topbar{width:100%;max-width:100%;min-width:0}.topbar .brandline{flex:0 0 100%;display:flex;flex-wrap:wrap;white-space:normal;min-width:0;width:100%;max-width:100%;gap:7px}.topbar .brandline>.pk-site-search{order:10;flex:1 1 100%;width:100%;max-width:100%;min-width:0}.topbar .pk-search-field{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;position:relative}.topbar .pk-search-field input{width:100%;max-width:100%;min-width:0}.topbar .pk-search-field svg{width:20px;height:20px;flex:0 0 20px}.topbar .top-actions{min-width:0;max-width:100%}.pk-goal-navigation{max-width:100%;min-width:0;overflow-x:auto}.pk-goal-navigation .pk-goal-links{max-width:100%;overflow-x:auto}}.pk-studio-navigation:not([open])>nav{display:none!important}.pk-studio-navigation{position:relative;max-width:100%;z-index:30}.pk-studio-navigation[open]>nav{position:absolute;right:0;top:100%;width:min(310px,calc(100vw - 24px));max-height:70vh;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;background:#fff;border:1px solid #e3e8f1;padding:12px;border-radius:12px;box-shadow:0 12px 30px #0002;white-space:normal}.pk-studio-navigation[open]>nav a{font-size:13px;min-width:0;padding:9px;border-radius:8px;color:#22304c}.pk-studio-footer{max-width:100%;min-width:0}.pk-studio-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 14px;max-width:100%;min-width:0;padding:12px;overflow-wrap:anywhere}.pk-studio-footer nav a{flex:0 0 auto}