:root{--studio-navy:#14213d;--studio-blue:#2d6cdf;--studio-orange:#ff7a45;--studio-yellow:#ffd166;--studio-purple:#7157d9;--studio-green:#25a77d;--studio-bg:#e9eef4;--studio-border:#d8e1e9;--studio-muted:#6f7f90;--studio-shadow:0 12px 34px rgba(20,33,61,.12)}*{box-sizing:border-box}.studio-body{margin:0;overflow:hidden;background:var(--studio-bg);color:#17263a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.studio-topbar{height:68px;background:#fff;border-bottom:1px solid var(--studio-border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:14px}.studio-top-left,.studio-top-actions{display:flex;align-items:center;gap:9px}.studio-breadcrumb{display:flex;flex-direction:column;min-width:0}.studio-breadcrumb strong{font-size:13px;color:var(--studio-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-breadcrumb small{font-size:9px;color:var(--studio-muted);margin-top:2px}.studio-save-status{font-size:10px;color:var(--studio-muted);min-width:105px;text-align:right}.studio-save-status.saving{color:var(--studio-blue)}.studio-save-status.error{color:#b72f42}.studio-shell{height:calc(100vh - 68px);display:grid;grid-template-columns:300px minmax(520px,1fr) 360px;overflow:hidden}.studio-panel{background:#fff;overflow:auto;border-right:1px solid var(--studio-border)}.studio-panel.right{border-right:0;border-left:1px solid var(--studio-border)}.studio-panel-head{padding:15px 14px 9px;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:5}.studio-panel-head h3{font-size:13px;margin:0;color:var(--studio-navy)}.studio-panel-head p{font-size:9px;line-height:1.45;color:var(--studio-muted);margin:4px 0 0}.studio-block-list{padding:7px 10px 14px;display:grid;grid-template-columns:1fr;gap:7px}.studio-block-btn{--mini:var(--studio-blue);display:grid;grid-template-columns:39px minmax(0,1fr) 78px;gap:9px;align-items:center;min-height:64px;padding:8px 10px;border:1px solid var(--studio-border);border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:.15s}.studio-block-btn:hover{border-color:color-mix(in srgb,var(--mini) 50%,var(--studio-border));box-shadow:0 7px 16px rgba(20,33,61,.08);transform:translateY(-1px)}.studio-block-icon{width:37px;height:37px;border-radius:10px;background:#f3f6f8;display:grid;place-items:center;font-size:20px}.studio-block-copy strong{display:block;font-size:11px;color:var(--studio-navy)}.studio-block-copy small{display:block;font-size:8px;color:var(--studio-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-mini{height:41px;border-radius:7px;border:1px solid #e2e9ee;background:#f5f8fa;position:relative;overflow:hidden}.studio-mini:before,.studio-mini:after{content:"";position:absolute;border-radius:3px;background:#c6d3dc}.mini-text:before{left:7px;top:8px;width:33px;height:5px;background:var(--mini);box-shadow:0 12px 0 #c6d3dc}.mini-text:after{left:7px;top:28px;width:54px;height:3px}.mini-toc:before{left:8px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--mini);box-shadow:0 10px 0 var(--mini),0 20px 0 var(--mini)}.mini-toc:after{left:19px;top:9px;width:45px;height:3px;box-shadow:0 10px 0 #c6d3dc,0 20px 0 #c6d3dc}.mini-article:before{left:6px;top:6px;width:25px;height:29px;background:linear-gradient(135deg,#c7dde9,var(--mini))}.mini-article:after{left:37px;top:10px;width:32px;height:5px;background:var(--mini);box-shadow:0 12px 0 #c6d3dc}.mini-agenda:before{left:7px;top:8px;width:18px;height:7px;background:var(--mini);box-shadow:0 10px 0 color-mix(in srgb,var(--mini) 70%,white),0 20px 0 color-mix(in srgb,var(--mini) 45%,white)}.mini-agenda:after{left:32px;top:10px;width:38px;height:3px;box-shadow:0 10px 0 #c6d3dc,0 20px 0 #c6d3dc}.mini-image:before,.mini-poster:before{inset:5px;background:linear-gradient(145deg,#bfd9e8,var(--mini));border-radius:5px}.mini-video:before{inset:5px;background:#17212b;border-radius:5px}.mini-video:after{width:20px;height:15px;left:29px;top:13px;border-radius:5px;background:#e53935}.mini-quote:before{left:7px;top:7px;width:64px;height:27px;background:var(--mini);border-radius:7px}.mini-button:before{left:18px;top:13px;width:43px;height:15px;border-radius:6px;background:var(--mini)}.mini-form:before{left:7px;top:7px;width:45px;height:5px;box-shadow:0 10px 0 #c6d3dc}.mini-form:after{right:7px;bottom:6px;width:26px;height:8px;background:var(--mini)}.mini-poll:before{left:7px;top:8px;width:7px;height:7px;border:2px solid var(--mini);border-radius:50%;background:transparent;box-shadow:0 11px 0 -2px #fff,0 11px 0 0 var(--mini)}.mini-poll:after{left:21px;top:10px;width:46px;height:3px;box-shadow:0 11px 0 #c6d3dc}.mini-attachment:before{left:7px;top:6px;width:22px;height:29px;background:var(--mini)}.mini-attachment:after{left:36px;top:11px;width:34px;height:4px;box-shadow:0 10px 0 #c6d3dc}.mini-divider:before{left:9px;right:9px;top:20px;height:2px;background:var(--mini)}.studio-block-btn[data-type=text]{--mini:#2d6cdf}.studio-block-btn[data-type=toc]{--mini:#7157d9}.studio-block-btn[data-type=article]{--mini:#ff7a45}.studio-block-btn[data-type=agenda]{--mini:#25a77d}.studio-block-btn[data-type=image]{--mini:#4389b7}.studio-block-btn[data-type=video]{--mini:#e53935}.studio-block-btn[data-type=poster]{--mini:#d34b7e}.studio-block-btn[data-type=quote]{--mini:#d4a000}.studio-block-btn[data-type=button]{--mini:#14213d}.studio-block-btn[data-type=form]{--mini:#4c73b8}.studio-block-btn[data-type=poll]{--mini:#8f5fc4}.studio-block-btn[data-type=attachment]{--mini:#637681}.studio-block-btn[data-type=divider]{--mini:#a2adb5}.studio-stage{overflow:auto;padding:18px 20px 45px;background:radial-gradient(circle at 50% 0,#f7f9fb 0,#e9eef4 55%)}.studio-stage-tools{display:flex;justify-content:center;margin-bottom:12px}.studio-device{display:flex;background:#fff;border:1px solid var(--studio-border);border-radius:10px;padding:3px;box-shadow:0 5px 15px rgba(20,33,61,.06)}.studio-device button{border:0;background:transparent;padding:6px 10px;border-radius:7px;font-size:9px;color:var(--studio-muted);cursor:pointer}.studio-device button.active{background:var(--studio-navy);color:#fff}.studio-wrap{width:min(820px,100%);margin:0 auto;transition:.2s}.studio-wrap.tablet{width:690px}.studio-wrap.mobile{width:390px}.studio-canvas{--brand:#14213d;--accent:#2d6cdf;background:var(--brand);padding:25px;border-radius:23px;box-shadow:0 18px 58px rgba(20,33,61,.2);min-height:720px}.studio-top-card{background:#fff;border-radius:18px;overflow:hidden;margin-bottom:18px}.studio-brand{padding:24px 25px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.studio-location-brand{display:flex;align-items:center;gap:12px}.studio-logo-placeholder{width:55px;height:55px;border-radius:15px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:900}.studio-location-brand strong{display:block;font-size:16px;color:var(--brand)}.studio-location-brand small{display:block;color:#788694;font-size:9px;margin-top:3px}.studio-wordmark{font-size:25px;font-weight:900;color:var(--accent);letter-spacing:-.04em}.studio-edition{padding:11px 25px 16px;border-top:1px solid #edf0f2;display:flex;justify-content:space-between;gap:14px;color:#667684;font-size:10px}.studio-edition strong{color:var(--brand);font-size:13px}.studio-intro{padding:0 25px 23px}.studio-body-blocks{display:flex;flex-direction:column;gap:14px}.studio-block{position:relative;background:#fff;border:2px solid transparent;border-radius:17px;padding:19px 20px;box-shadow:0 8px 21px rgba(8,28,45,.12);transition:.13s}.studio-block:hover{border-color:rgba(45,108,223,.25)}.studio-block.selected{border-color:var(--studio-yellow);box-shadow:0 0 0 2px rgba(255,209,102,.3),0 8px 21px rgba(8,28,45,.12)}.studio-intro .studio-block{box-shadow:none;border:0;border-radius:0;padding:4px 0 0}.studio-block-controls{position:absolute;right:7px;top:7px;display:none;gap:3px;z-index:4}.studio-block:hover .studio-block-controls,.studio-block.selected .studio-block-controls{display:flex}.studio-block-controls button{width:25px;height:25px;border:1px solid var(--studio-border);border-radius:7px;background:#fff;color:#637482;cursor:pointer}.studio-block h2,.studio-block h3{color:var(--brand);margin:0 0 9px}.studio-block h2{font-size:21px}.studio-block h3{font-size:17px}.studio-rich,.studio-block p{font-size:13.5px;line-height:1.7;color:#405564}.studio-rich p{margin:0 0 8px}.studio-rich ul,.studio-rich ol{padding-left:23px}.studio-toc{padding:13px 15px;background:#f5f8fb;border-left:4px solid var(--accent);border-radius:0 11px 11px 0}.studio-toc strong{display:block;color:var(--brand);font-size:13px;margin-bottom:7px}.studio-toc ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;margin:0;padding-left:20px;font-size:12px;color:#506472}.studio-article{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.studio-article-image{height:140px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#c1dae8,var(--accent));display:grid;place-items:center;color:#fff;font-size:10px}.studio-article-image img,.studio-feature img,.studio-poster img{width:100%;height:100%;object-fit:cover}.studio-feature{height:270px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#c1dae8,#6c9dbd);display:grid;place-items:center;color:#fff;font-weight:700}.studio-feature.compact{height:175px}.studio-feature.large{height:390px}.studio-feature.full{height:auto;min-height:100px}.studio-feature.full img{height:auto;object-fit:contain}.studio-video{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#15212b;position:relative;display:grid;place-items:center;color:#fff}.studio-video img{width:100%;height:100%;object-fit:cover}.studio-video-play{position:absolute;width:61px;height:43px;border-radius:12px;background:#e53935;display:grid;place-items:center;padding-left:3px}.studio-poster{max-width:520px;margin:auto}.studio-poster img{height:auto;border-radius:12px}.studio-quote{border-radius:15px;background:var(--accent);color:#fff;padding:19px 21px;font-size:19px;line-height:1.5;font-weight:700}.studio-cta-wrap{text-align:left}.studio-cta-wrap.center{text-align:center}.studio-cta-wrap.right{text-align:right}.studio-cta{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:9px;font-size:12px;font-weight:800}.studio-cta-wrap.full .studio-cta{display:block;text-align:center}.studio-agenda{background:var(--accent);color:#fff;border-radius:14px;padding:17px}.studio-agenda h3{color:#fff}.studio-agenda-list{display:flex;flex-direction:column;gap:6px}.studio-agenda-item{display:grid;grid-template-columns:90px 80px 1fr;gap:10px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.09);font-size:11px;align-items:center}.studio-agenda-item:nth-child(even){background:rgba(255,255,255,.16)}.studio-poll{border:1px solid #e3e9ed;border-radius:14px;padding:16px}.studio-poll-options{display:flex;flex-direction:column;gap:7px}.studio-poll-option{padding:9px 11px;border:1px solid #dfe6eb;border-radius:9px;font-size:11px}.studio-attachment{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid #dfe6eb;border-radius:14px;background:#f9fbfc}.studio-doc-icon{width:54px;height:62px;border:2px solid var(--accent);border-radius:9px;background:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;color:var(--accent)}.studio-divider{height:2px;background:#dce5ea;margin:8px 15%}.studio-footer{margin-top:20px;color:#fff;display:flex;justify-content:space-between;gap:20px;padding:8px 4px;font-size:10px;line-height:1.6}.studio-footer strong{display:block}.studio-footer .right{text-align:right}.studio-inspector{padding:12px}.inspector-section{padding:13px 2px;border-bottom:1px solid #e5ebef}.inspector-section:last-child{border-bottom:0}.inspector-section h4{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#6d7c8c}.inspector-field{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}.inspector-field label{font-size:9px;font-weight:800;color:#596979}.inspector-field input,.inspector-field textarea,.inspector-field select{width:100%;padding:8px 9px;border:1px solid var(--studio-border);border-radius:8px;outline:none;font-size:11px}.inspector-field input:focus,.inspector-field textarea:focus,.inspector-field select:focus{border-color:var(--studio-blue);box-shadow:0 0 0 2px rgba(45,108,223,.08)}.inspector-help{font-size:8px;line-height:1.45;color:var(--studio-muted)}.studio-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--studio-border);border-radius:9px;background:#f7f9fb;margin-bottom:6px}.studio-toolbar button{min-width:28px;height:28px;border:1px solid #dbe3e9;background:#fff;border-radius:6px;color:var(--studio-navy);cursor:pointer;font-size:10px;font-weight:800}.studio-toolbar button.list{padding:0 7px;width:auto}.studio-rich-editor{min-height:120px;max-height:260px;overflow:auto;border:1px solid var(--studio-border);border-radius:9px;padding:9px;font-size:11px;line-height:1.55;outline:none}.studio-rich-editor:focus{border-color:var(--studio-blue)}.studio-checkbox{display:flex;align-items:flex-start;gap:7px;padding:7px 8px;border:1px solid #e1e7ec;border-radius:8px;margin-bottom:5px;font-size:9px}.studio-option-row{display:grid;grid-template-columns:1fr 28px;gap:5px;margin-bottom:5px}.studio-option-row input{min-width:0}.studio-option-row button{border:1px solid #e1e7ec;background:#fff;border-radius:7px;color:#9a4a56}.studio-color-row{display:flex;gap:7px}.studio-color-row button{width:28px;height:28px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dbe3e9;cursor:pointer}.studio-color-row button.active{box-shadow:0 0 0 2px var(--studio-navy)}.studio-empty{padding:25px 10px;text-align:center;color:var(--studio-muted);font-size:10px}.studio-modal{position:fixed;inset:0;background:rgba(12,23,35,.52);display:grid;place-items:center;padding:20px;z-index:50}.studio-modal-card{width:min(880px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 25px 75px rgba(0,0,0,.25);padding:18px}.studio-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.studio-modal-head h3{margin:0;color:var(--studio-navy)}.studio-modal-head button{border:0;background:#eef2f5;border-radius:8px;width:31px;height:31px;cursor:pointer}.studio-toast{position:fixed;right:18px;bottom:18px;background:#14213d;color:#fff;padding:10px 13px;border-radius:10px;font-size:10px;z-index:70;box-shadow:0 10px 30px rgba(20,33,61,.25)}@media(max-width:1260px){.studio-shell{grid-template-columns:260px minmax(470px,1fr) 320px}.studio-block-btn{grid-template-columns:37px minmax(0,1fr) 64px}.studio-mini{width:64px}}@media(max-width:980px){.studio-shell{grid-template-columns:220px 1fr}.studio-panel.right{position:fixed;right:0;top:68px;bottom:0;width:320px;z-index:12;box-shadow:-10px 0 30px rgba(20,33,61,.12)}.studio-stage{padding-right:340px}}@media(max-width:700px){.studio-body{overflow:auto}.studio-topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:9px}.studio-save-status{display:none}.studio-shell{height:auto;display:block}.studio-panel:first-child{display:none}.studio-panel.right{position:static;width:auto;border-left:0;box-shadow:none}.studio-stage{padding:12px}.studio-wrap,.studio-wrap.tablet,.studio-wrap.mobile{width:100%}.studio-canvas{padding:13px;border-radius:15px}.studio-brand{padding:17px 15px}.studio-wordmark{font-size:20px}.studio-article{grid-template-columns:1fr}.studio-article-image{width:110px;height:110px}.studio-toc ul{grid-template-columns:1fr}.studio-agenda-item{grid-template-columns:max-content max-content;grid-template-rows:auto auto}.studio-agenda-item span:last-child{grid-column:1/-1}.studio-footer{flex-direction:column;text-align:center}.studio-footer .right{text-align:center}}

/* De Punder ICT diensten Studio shell v0.2 */
:root{--studio-navy:#101f32;--studio-blue:#087aa5;--studio-orange:#65d4f0;--studio-yellow:#65d4f0;--studio-purple:#087aa5;--studio-green:#087aa5;--studio-bg:#edf2f5;--studio-border:#dce4eb;--studio-muted:#526577;--studio-shadow:0 10px 28px rgba(16,31,50,.10)}
.studio-body{font-family:"DM Sans",Arial,sans-serif}.studio-breadcrumb strong,.studio-panel-head h3,.studio-block-copy strong,.studio-block h2,.studio-block h3,.studio-modal-head h3{font-family:"Outfit",Arial,sans-serif;font-weight:500}
.studio-topbar{border-color:#dce4eb}.studio-panel{border-color:#dce4eb}.studio-stage{background:#edf2f5}.studio-device,.studio-block-btn,.studio-block-icon,.studio-mini,.studio-toolbar,.studio-rich-editor,.inspector-field input,.inspector-field textarea,.inspector-field select{border-radius:4px}.studio-block-btn:hover{border-color:#087aa5;box-shadow:none}.studio-device button{border-radius:3px}.studio-device button.active{background:#101f32}.studio-canvas{box-shadow:0 16px 42px rgba(16,31,50,.16)}.studio-save-status.saving{color:#087aa5}