:root{--ui-bg-darkest:#1e1f22;--ui-bg-dark:#242528;--ui-bg:#2c2d31;--ui-bg-light:#37383d;--ui-bg-lighter:#45464c;--ui-border:#0006;--ui-border-light:#ffffff12;--ui-hairline:#ffffff1a;--ui-text:#d9d9de;--ui-text-dim:#9b9ba3;--ui-text-faint:#6e6e76;--accent:#31a8ff;--accent-soft:#31a8ff29;--menubar-h:44px;--tabbar-h:38px;--statusbar-h:28px;--toolbar-w:48px;--panels-w:264px;--radius:6px;--radius-lg:10px;--ease:cubic-bezier(.25, .1, .25, 1);--ease-spring:cubic-bezier(.34, 1.15, .64, 1);--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Adobe Clean", Roboto, sans-serif;--font-mono:"SF Mono", ui-monospace, "Fira Code", Menlo, Consolas, monospace}[data-app=cc]{--accent:#fa2c39;--accent-soft:#fa2c3929}[data-app=ps]{--accent:#31a8ff;--accent-soft:#31a8ff29}[data-app=ai]{--accent:#ff9a00;--accent-soft:#ff9a0029}[data-app=dw]{--accent:#60fa62;--accent-soft:#60fa6229}[data-app=id]{--accent:#f36;--accent-soft:#ff336629}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ui-text);-webkit-font-smoothing:antialiased;background:#101013;font-size:13px;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff40 padding-box padding-box;border:2px solid #0000}.desktop{height:100vh}.app-shell{background:var(--ui-bg-dark);flex-direction:column;height:100%;display:flex;overflow:hidden}.workspace{flex:1;min-height:0;display:flex}.workspace-main{flex-direction:column;flex:1;min-width:0;display:flex}.traffic-lights{flex-shrink:0;align-items:center;gap:8px;margin-right:14px;display:flex}.tl-btn{cursor:default;width:12px;height:12px;transition:transform .12s var(--ease), filter .12s var(--ease);-webkit-user-select:none;user-select:none;border:.5px solid #00000040;border-radius:50%;place-items:center;padding:0;display:grid}button.tl-close{cursor:pointer}.tl-close{background:#ff5f57}.tl-min{background:#febc2e}.tl-max{background:#28c840}.tl-btn i{color:#0000008c;opacity:0;transition:opacity .1s var(--ease);place-items:center;font-size:10px;font-style:normal;font-weight:700;line-height:1;display:grid}.traffic-lights:hover .tl-btn i{opacity:1}.tl-btn:active{filter:brightness(.75);transform:scale(.82)}.menubar{height:var(--menubar-h);background:linear-gradient(180deg, #ffffff0b, transparent), var(--ui-bg);border-bottom:1px solid var(--ui-border);flex-shrink:0;align-items:center;gap:2px;padding:0 14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.menubar-appicon{letter-spacing:.02em;border:1.5px solid var(--accent);width:26px;height:26px;color:var(--accent);-webkit-user-select:none;user-select:none;transition:border-color .3s var(--ease), color .3s var(--ease);background:0 0;border-radius:7px;justify-content:center;align-items:center;margin-right:10px;font-size:12px;font-weight:700;display:flex}.menubar-item{border-radius:var(--radius);color:var(--ui-text);white-space:nowrap;transition:background .1s var(--ease);padding:5px 10px}.menubar-item:hover{background:var(--ui-bg-lighter)}.menubar-item:active{background:var(--accent-soft);color:var(--accent)}.menubar-dropdown{position:relative}.menubar-item.open{background:var(--ui-bg-lighter)}.menubar-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--ui-hairline);z-index:50;min-width:168px;animation:menu-in .16s var(--ease);background:#2c2d31f5;border-radius:10px;padding:5px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 32px #00000073}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.menubar-menu-item{color:var(--ui-text);transition:background .1s var(--ease), color .1s var(--ease);border-radius:7px;padding:7px 12px;font-size:13px;display:block}.menubar-menu-item:hover{background:var(--accent-soft);color:var(--accent)}.menubar-spacer{flex:1}.menubar-appname{color:var(--ui-text-faint);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500}.tabbar{height:var(--tabbar-h);background:var(--ui-bg-dark);border-bottom:1px solid var(--ui-border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;display:flex;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tabbar-indicator{display:none}.doc-tab{height:28px;color:var(--ui-text-dim);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .14s var(--ease), color .14s var(--ease), box-shadow .14s var(--ease);background:0 0;border-radius:7px;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:flex;position:relative}.doc-tab:hover{background:var(--ui-bg-light);color:var(--ui-text)}.doc-tab:active{transform:scale(.98)}.doc-tab.active{background:var(--ui-bg-lighter);color:#fff;box-shadow:inset 0 0 0 1px var(--ui-border-light), 0 1px 4px #00000040}.doc-tab.active:before{content:"";background:var(--tab-accent,var(--accent));border-radius:99px;height:2px;position:absolute;bottom:-6px;left:10px;right:10px}.doc-tab-badge{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:inline-flex}.doc-tab-close{color:var(--ui-text-faint);visibility:hidden;transition:background .1s var(--ease);border-radius:4px;padding:1px 3px;font-size:13px;line-height:1}.doc-tab:hover .doc-tab-close,.doc-tab.active .doc-tab-close{visibility:visible}.doc-tab-close:hover{color:var(--ui-text);background:#ffffff1f}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);border:1px solid var(--ui-hairline);color:var(--ui-text);white-space:nowrap;pointer-events:none;opacity:0;z-index:100;transition:opacity .12s var(--ease);background:#17181b;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;position:absolute;top:50%;left:calc(100% + 10px);translate:0 -50%;box-shadow:0 4px 14px #00000073}[data-tip]:hover:after{opacity:1;transition-delay:.45s}[data-tip-pos=top]:after{top:auto;bottom:calc(100% + 8px);left:50%;translate:-50%}.ruler-frame{flex:1;grid-template-rows:22px 1fr;grid-template-columns:22px 1fr;min-height:0;display:grid}.ruler-corner{background:var(--ui-bg);border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}.ruler{background:var(--ui-bg);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ruler-h{border-bottom:1px solid var(--ui-border)}.ruler-v{border-right:1px solid var(--ui-border)}.ruler-inner{--tick:#ffffff29;position:relative}.ruler-inner.h{background:repeating-linear-gradient(to right, var(--tick) 0 1px, transparent 1px 10px) left bottom / 100% 5px no-repeat, repeating-linear-gradient(to right, var(--tick) 0 1px, transparent 1px 50px) left bottom / 100% 11px no-repeat;width:3050px;height:100%}.ruler-inner.v{background:repeating-linear-gradient(to bottom, var(--tick) 0 1px, transparent 1px 10px) right top / 5px 100% no-repeat, repeating-linear-gradient(to bottom, var(--tick) 0 1px, transparent 1px 50px) right top / 11px 100% no-repeat;width:100%;height:3050px}.ruler-label{color:var(--ui-text-faint);font-variant-numeric:tabular-nums;font-size:8px;position:absolute}.ruler-inner.h .ruler-label{margin-left:3px;top:2px}.ruler-inner.v .ruler-label{writing-mode:vertical-rl;margin-top:2px;left:2px;transform:rotate(180deg)}.toolbar{width:var(--toolbar-w);background:var(--ui-bg);border-right:1px solid var(--ui-border);flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:10px 0;display:flex}.tool-btn{width:34px;height:34px;color:var(--ui-text-dim);transition:background .12s var(--ease), color .12s var(--ease), transform .12s var(--ease);border-radius:8px;justify-content:center;align-items:center;display:flex}.tool-btn:hover{background:var(--ui-bg-light);color:var(--ui-text)}.tool-btn:active{transform:scale(.92)}.tool-btn.active{background:var(--accent-soft);color:var(--accent)}.tool-btn svg{width:17px;height:17px}.toolbar-divider{background:var(--ui-border-light);width:22px;height:1px;margin:6px 0}.panels{width:var(--panels-w);background:var(--ui-bg-dark);border-left:1px solid var(--ui-border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.panel{border-bottom:1px solid var(--ui-border-light)}.panel-header{letter-spacing:.05em;text-transform:uppercase;width:100%;color:var(--ui-text-dim);-webkit-user-select:none;user-select:none;transition:color .12s var(--ease);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.panel-header:hover{color:var(--ui-text)}.panel-header .chevron{transition:transform .18s var(--ease);color:var(--ui-text-faint);font-size:8px}.panel.collapsed .chevron{transform:rotate(-90deg)}.panel-body{padding:4px 10px 12px}.panel.collapsed .panel-body{display:none}.panel-empty{color:var(--ui-text-faint);padding:4px 4px 6px;font-size:11px;font-style:italic}.layer-row{border-radius:var(--radius);-webkit-user-select:none;user-select:none;transition:background .1s var(--ease);align-items:center;gap:8px;padding:5px 7px;font-size:12px;display:flex}.layer-row:hover{background:var(--ui-bg-light)}.layer-row.selected{background:var(--accent-soft)}.layer-eye{width:20px;height:20px;color:var(--ui-text-dim);transition:background .1s var(--ease), color .1s var(--ease), transform .1s var(--ease);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.layer-eye:active{transform:scale(.85)}.layer-eye:hover{color:var(--ui-text);background:#ffffff1a}.layer-eye.hidden-layer{color:#0000}.layer-eye.hidden-layer:hover{color:var(--ui-text-faint)}.layer-thumb{border:1px solid var(--ui-border-light);background:repeating-conic-gradient(#3a3b40 0% 25%,#2b2c30 0% 50%) 0 0/8px 8px;border-radius:3px;flex-shrink:0;width:26px;height:20px}.canvas-area{background:var(--ui-bg-darkest);flex:1;place-items:center;min-height:0;padding:40px;display:grid;overflow:auto}.canvas-doc{color:#1a1a1a;background:#fff;border-radius:2px;place-items:center;width:min(760px,100%);min-height:480px;display:grid;position:relative;box-shadow:0 1px 3px #0006,0 14px 44px #00000080}.canvas-placeholder{text-align:center;color:#b0b0b0;-webkit-user-select:none;user-select:none}.canvas-placeholder h2{color:#8a8a8a;margin-bottom:6px;font-size:15px;font-weight:600}.canvas-placeholder p{font-size:12px}.statusbar{height:var(--statusbar-h);background:var(--ui-bg);border-top:1px solid var(--ui-border);color:var(--ui-text-dim);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:16px;padding:0 14px;font-size:11px;display:flex}.zoom-control{align-items:center;gap:2px;display:flex}.zoom-btn{width:18px;height:18px;color:var(--ui-text-dim);transition:background .1s var(--ease), color .1s var(--ease);border-radius:5px;place-items:center;font-size:12px;display:grid}.zoom-btn:hover{background:var(--ui-bg-lighter);color:var(--ui-text)}.zoom-btn:active{transform:scale(.9)}.statusbar .zoom{color:var(--ui-text);font-variant-numeric:tabular-nums;text-align:center;border-radius:5px;min-width:40px;padding:2px 4px}.statusbar .zoom:hover{background:var(--ui-bg-lighter)}.statusbar-spacer{flex:1}.statusbar-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 6px var(--accent);transition:background .3s var(--ease), box-shadow .3s var(--ease);border-radius:50%;flex-shrink:0}.doc-tab-mobiel,.menubar-titel-mobiel,.panels-fab,.panels-backdrop{display:none}@media (pointer:coarse){.ps-handle{display:none}}@media (width<=640px){.desktop,.app-shell{height:100dvh}.menubar{height:42px;padding:0 12px}.menubar-item,.menubar-appname{display:none}.menubar-titel-mobiel{color:var(--ui-text-dim);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600;display:block}.statusbar,.toolbar,.ruler,.ruler-corner{display:none}.ruler-frame{flex-direction:column;display:flex}.ruler-frame>:last-child{flex:1;min-height:0}.tabbar{height:auto;padding:8px 10px calc(10px + env(safe-area-inset-bottom));border-bottom:none;border-top:1px solid var(--ui-hairline);-webkit-backdrop-filter:blur(22px)saturate(180%);background:#242528c7;order:5;gap:4px;position:relative;overflow-x:visible}.tabbar-indicator{height:calc(100% - 18px - env(safe-area-inset-bottom));background:var(--accent-soft);pointer-events:none;z-index:0;transition:transform .38s var(--ease-spring), width .38s var(--ease-spring), background-color .32s var(--ease), border-color .32s var(--ease);will-change:transform, width;border:1px solid #ffffff12;border-radius:13px;display:block;position:absolute;top:8px;left:0;box-shadow:inset 0 1px #ffffff0f,0 2px 10px #0000002e}.doc-tab{z-index:1;height:auto;min-height:52px;transition:color .26s var(--ease), transform .22s var(--ease-spring);background:0 0;border-radius:13px;flex-direction:column;flex:1;justify-content:center;gap:5px;padding:7px 4px 5px;position:relative}.doc-tab:active{transform:scale(.94)}.doc-tab-naam,.doc-tab-close{display:none}.doc-tab-mobiel{letter-spacing:.01em;transition:color .26s var(--ease), opacity .26s var(--ease);font-size:10px;font-weight:600;display:block}.doc-tab:not(.active) .doc-tab-mobiel{opacity:.72}.doc-tab-badge{width:28px;height:28px;transition:transform .32s var(--ease-spring), box-shadow .32s var(--ease);border-radius:8px;font-size:11px}.doc-tab.active:before{display:none}.doc-tab.active{box-shadow:none;color:var(--ui-text);background:0 0}.doc-tab.active .doc-tab-mobiel{color:var(--accent);opacity:1}.doc-tab.active .doc-tab-badge{transform:scale(1.06);box-shadow:0 3px 10px #00000047}@media (prefers-reduced-motion:reduce){.tabbar-indicator,.doc-tab,.doc-tab-badge,.doc-tab-mobiel{transition-duration:.01ms!important}.doc-tab:active{transform:none}}.panels{z-index:70;border-left:none;border-top:1px solid var(--ui-hairline);width:auto;max-height:62dvh;padding-bottom:env(safe-area-inset-bottom);transition:transform .28s var(--ease);border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 40px #00000073}.panels.open{transform:none}.panels-backdrop{z-index:69;background:#00000073;display:block;position:fixed;inset:0}.panels-fab{right:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:71;background:var(--ui-bg-lighter);border:1px solid var(--ui-hairline);color:var(--ui-text);border-radius:999px;align-items:center;gap:6px;padding:8px 15px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;box-shadow:0 6px 20px #0006}[data-tip]:after{display:none}}.tel-scherm{z-index:1100;animation:mac-fade-in .35s var(--ease);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;inset:0}.tel-spinner{border:2.5px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite tel-spin}@keyframes tel-spin{to{transform:rotate(360deg)}}.tel-boot{flex-direction:column;align-items:center;gap:44px;display:flex}.tel-updatebalk{background:#ffffff29;border-radius:99px;width:180px;height:5px;overflow:hidden}.tel-updatebalk span{background:#fff;border-radius:99px;width:0;height:100%;animation:3.2s cubic-bezier(.3,.6,.4,.9) .3s forwards tel-update;display:block}@keyframes tel-update{0%{width:0}35%{width:42%}55%{width:48%}80%{width:86%}to{width:100%}}.tel-hello{cursor:pointer;background:radial-gradient(500px 380px at 50% 38%,#785aff38,#0000 70%),#000;gap:0}.tel-hello-tekst{color:#fff;text-shadow:0 0 40px #9678ff80;animation:tel-hello-in 1.4s var(--ease) both;font-family:Snell Roundhand,Savoye LET,Brush Script MT,cursive;font-size:clamp(56px,18vw,96px)}@keyframes tel-hello-in{0%{opacity:0;filter:blur(6px);transform:scale(.92)}to{opacity:1;filter:blur();transform:scale(1)}}.tel-hello-hint{bottom:calc(46px + env(safe-area-inset-bottom));color:#ffffff8c;animation:cc-pulse 2.4s var(--ease) infinite, tel-hello-in 1s .9s var(--ease) both;font-size:13px;position:absolute}.mac-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:mac-fade-in .18s var(--ease);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}@keyframes mac-fade-in{0%{opacity:0}to{opacity:1}}.mac-dialog{color:#1d1d1f;background:#ececec;border-radius:10px;width:min(440px,100vw - 32px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;animation:.2s cubic-bezier(.2,.9,.3,1.2) mac-pop;box-shadow:0 0 0 .5px #0003,0 22px 60px #00000073}@keyframes mac-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.mac-dialog-body{gap:16px;padding:22px 22px 10px;display:flex}.mac-dialog-icon{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.mac-dialog-text h2{margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.35}.mac-dialog-text p{color:#3a3a3c;margin-bottom:12px;font-size:12px;line-height:1.45}.mac-dialog-text strong{font-variant-numeric:tabular-nums}.mac-check{color:#1d1d1f;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.mac-check input{accent-color:#007aff;width:14px;height:14px}.mac-dialog-actions{justify-content:flex-end;gap:10px;padding:14px 18px 16px;display:flex}.mac-btn{color:#1d1d1f;background:linear-gradient(#fff,#f2f2f2);border:1px solid #c5c5c7;border-radius:6px;min-width:76px;padding:4px 16px;font-size:13px;font-weight:500;box-shadow:inset 0 .5px #fffc}.mac-btn:hover{filter:brightness(.98)}.mac-btn:active{background:#e8e8ea}.mac-btn-primary{color:#fff;box-shadow:none;background:#007aff;border-color:#0066d6}.mac-btn-primary:hover{filter:brightness(1.06)}.mac-btn-primary:active{background:#0063eb}.mac-login{z-index:1000;color:#f5f5f7;animation:mac-login-in .9s 80ms var(--ease) both;background:linear-gradient(#00000026,#00000073),url(https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1920&q=80) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 24px 56px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}@keyframes mac-login-in{0%{opacity:0}to{opacity:1}}.mac-login-topbar{text-shadow:0 1px 3px #0006;align-self:flex-end;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.mac-login-battery{color:#fff;filter:drop-shadow(0 1px 2px #00000059);opacity:.95;display:inline-flex}.mac-login-battery svg{display:block}.mac-poweroff{z-index:1100;background:#000;animation:1.15s cubic-bezier(.5,0,.75,0) forwards mac-crt-off;position:fixed;inset:0}.mac-poweroff-flash{background:#fff;animation:1.15s forwards mac-crt-flash;position:absolute;inset:0}@keyframes mac-crt-flash{0%{opacity:0}8%{opacity:.55}18%{opacity:0}to{opacity:0}}@keyframes mac-crt-off{0%{filter:brightness();opacity:1;transform:scaleY(1)scaleX(1)}12%{filter:brightness(1.8)}35%{filter:brightness(2.2);opacity:1;transform:scaleY(.006)scaleX(1)}55%{opacity:1;transform:scaleY(.006)scaleX(.02)}70%{opacity:.6;transform:scaleY(.006)scaleX(0)}to{opacity:0;background:#000;transform:scaleY(0)scaleX(0)}}.mac-boot{z-index:1100;animation:mac-fade-in .4s var(--ease);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:48px;display:flex;position:fixed;inset:0}.mac-apple{opacity:0;width:56px;height:auto;animation:mac-apple-in .5s .2s var(--ease) forwards}@keyframes mac-apple-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.mac-boot-bar{opacity:0;width:140px;height:4px;animation:mac-apple-in .4s .5s var(--ease) forwards;background:#ffffff26;border-radius:99px;overflow:hidden}.mac-boot-bar span{background:#fff;border-radius:99px;width:0;height:100%;animation:1.6s .7s forwards mac-boot-fill;display:block}@keyframes mac-boot-fill{to{width:100%}}.mac-login-clock{text-align:center;text-shadow:0 2px 16px #00000073;margin-top:8vh}.mac-login-date{letter-spacing:.01em;margin-bottom:4px;font-size:clamp(22px,3vw,32px);font-weight:500}.mac-login-time{letter-spacing:-.02em;font-size:clamp(72px,12vw,120px);font-weight:600;line-height:1}.mac-login-user{flex-direction:column;align-items:center;gap:10px;margin-bottom:4vh;display:flex}.mac-login-avatar{object-fit:cover;object-position:50% 26%;border:1.5px solid #ffffff59;border-radius:50%;width:72px;height:72px;box-shadow:0 4px 20px #00000059}.mac-login-avatar-fallback{background:linear-gradient(135deg,#fa2c39,#7b2d8b);place-items:center;font-size:22px;font-weight:700;display:grid}.mac-login-name{text-shadow:0 1px 6px #00000073;font-size:18px;font-weight:600}.mac-login-field{align-items:center;gap:8px;display:flex}.mac-login-field input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;text-align:center;background:#28282a8c;border:none;border-radius:999px;outline:none;width:180px;padding:8px 16px;font-size:13px;box-shadow:inset 0 0 0 .5px #ffffff1f}.mac-login-field input::placeholder{color:#ffffff73}.mac-login-go{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:28px;height:28px;transition:background .12s var(--ease);background:#ffffff38;border-radius:50%;place-items:center;font-size:14px;display:grid}.mac-login-go:hover{background:#ffffff59}.mac-login-hint{color:#ffffffb3;text-shadow:0 1px 4px #0006;font-size:11px}.mac-login-skip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:background .12s var(--ease);background:#ffffff29;border-radius:999px;margin-top:4px;padding:6px 18px;font-size:12px;font-weight:600}.mac-login-skip:hover{background:#ffffff47}.mac-login-user.shake{animation:.4s mac-shake}@keyframes mac-shake{0%,to{translate:0}20%{translate:-8px}40%{translate:8px}60%{translate:-6px}80%{translate:6px}}.cc-layout{flex:1;min-height:0;display:flex}.cc-sidebar{background:var(--ui-bg);border-right:1px solid var(--ui-border);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:14px 10px;display:flex}.cc-nav-item{color:var(--ui-text-dim);text-align:left;transition:background .12s var(--ease), color .12s var(--ease);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.cc-nav-item:hover{background:var(--ui-bg-light);color:var(--ui-text)}.cc-nav-item.active{background:var(--accent-soft);color:#fff;font-weight:600}.cc-nav-icon{text-align:center;width:18px;font-size:14px}.cc-sidebar-spacer{flex:1}.cc-sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-text-faint);-webkit-user-select:none;user-select:none;margin:14px 10px 4px;font-size:9.5px;font-weight:700}.cc-nav-klein{color:var(--ui-text-faint);font-size:11.5px}.ai-start-acties{border-top:1px solid var(--ui-border-light);flex-direction:column;gap:8px;margin-top:14px;padding:14px 4px 0;display:flex}.ai-start-btn{border:1px solid var(--ui-hairline);color:var(--ui-text);transition:background .12s var(--ease), border-color .12s var(--ease), transform .12s var(--ease);background:0 0;border-radius:999px;align-self:flex-start;padding:5px 16px;font-size:12px;font-weight:600;display:inline-flex}.ai-start-btn:hover{background:var(--ui-bg-light)}.ai-start-btn:active{transform:scale(.98)}.ai-start-btn-primair{background:var(--accent);color:#2b1600;border-color:#0000}.ai-start-btn-primair:hover{background:var(--accent);filter:brightness(1.08)}.cc-profile-chip{background:var(--ui-bg-dark);border:1px solid var(--ui-border-light);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.cc-profile-chip strong{color:var(--ui-text);font-size:12px;display:block}.cc-profile-chip span:not(.cc-avatar){color:var(--ui-text-faint);font-size:10px}.cc-avatar{background:linear-gradient(135deg, var(--accent), #7b2d8b);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.cc-avatar-sm{width:32px;height:32px;font-size:11px}.cc-avatar-lg{width:84px;height:84px;font-size:26px;box-shadow:0 6px 20px #00000059}.cc-avatar-ps{width:116px;height:116px;font-size:30px;box-shadow:0 10px 26px #001e3640}.cc-avatar-foto{object-fit:cover;object-position:50% 26%;border:none;padding:0}.cc-home{background:var(--ui-bg-darkest);isolation:isolate;flex:1;min-height:0;padding:44px clamp(24px,5vw,64px);position:relative;overflow-y:auto}.ai-begroeting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:860px;margin:0 auto 30px;display:flex}.ai-begroeting h1{color:#fff;letter-spacing:-.01em;font-size:clamp(19px,2.4vw,26px);font-weight:700}.cc-status{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.cc-status-dot{width:7px;height:7px;animation:cc-pulse 2.4s var(--ease) infinite;background:currentColor;border-radius:50%}@keyframes cc-pulse{0%,to{opacity:1}50%{opacity:.35}}.ai-suggestie-toggle{color:var(--ui-text-dim);transition:color .12s var(--ease), background .12s var(--ease);border-radius:6px;align-items:center;gap:7px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.ai-suggestie-toggle:hover{color:var(--ui-text);background:var(--ui-bg-light)}.ai-suggestie-toggle .chevron{transition:transform .18s var(--ease);font-size:8px}.ai-suggestie-toggle .chevron.dicht{transform:rotate(180deg)}.ai-suggesties{align-items:stretch;gap:14px;max-width:860px;margin:0 auto 40px;display:flex}.ai-presets{background:linear-gradient(180deg, #ffffff05, transparent), var(--ui-bg-dark);border:1px solid var(--ui-border-light);border-radius:12px;flex:1;justify-content:space-evenly;align-items:center;gap:8px;min-width:0;padding:20px 16px;display:flex}.ai-preset{min-width:92px;transition:background .13s var(--ease), transform .13s var(--ease);border-radius:10px;grid-template-rows:52px auto auto;justify-items:center;row-gap:2px;padding:12px 12px 10px;display:grid}.ai-preset:hover{background:var(--ui-bg-light);transform:translateY(-2px)}.ai-preset strong{color:var(--ui-text);margin-top:6px;font-size:11.5px;font-weight:600}.ai-preset>span:not(.ai-preset-icoon){color:var(--ui-text-faint);font-size:9.5px;font-family:var(--font-mono)}.ai-preset-icoon{border:1.5px solid var(--ui-text-dim);transition:border-color .13s var(--ease), color .13s var(--ease), box-shadow .13s var(--ease);border-radius:3px;align-self:center;place-items:center;display:grid}.ai-preset:hover .ai-preset-icoon{border-color:var(--accent);color:var(--accent)}.ai-preset-staand{width:34px;height:46px}.ai-preset-liggend{width:50px;height:36px}.ai-preset-telefoon{border-radius:5px;width:22px;height:46px}.ai-preset-spread{background:linear-gradient(var(--ui-text-dim), var(--ui-text-dim)) center / 1.5px 100% no-repeat;width:52px;height:38px;box-shadow:inset 0 0 0 1.5px var(--ui-text-dim);border:none;border-radius:3px}.ai-preset:hover .ai-preset-spread{box-shadow:inset 0 0 0 1.5px var(--accent);background:linear-gradient(var(--accent), var(--accent)) center / 1.5px 100% no-repeat}.ai-preset-meer{width:40px;height:40px;color:var(--ui-text-dim);letter-spacing:.05em;border-radius:50%;font-size:16px;font-weight:700;line-height:1}.ai-promo{background:linear-gradient(180deg, #ffffff08, transparent), var(--ui-bg);border:1px solid var(--ui-border-light);width:216px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);cursor:pointer;border-radius:12px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.ai-promo:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:0 12px 30px #0000004d}.cc-profile-chip-link{transition:border-color .13s var(--ease), background .13s var(--ease)}.cc-profile-chip-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--ui-bg)}.ai-promo-beeld{aspect-ratio:2.1;background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 40%, #1b1c20), color-mix(in srgb, var(--accent) 12%, #1b1c20));place-items:center;display:grid;overflow:hidden}.ai-promo-beeld img{object-fit:cover;object-position:50% 26%;width:100%;height:100%;display:block}.ai-promo-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.ai-promo-body strong{color:#fff;font-size:12.5px}.ai-promo-body p{color:var(--ui-text-dim);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.ai-promo-btn{border:1px solid var(--ui-hairline);color:var(--ui-text);transition:background .12s var(--ease), border-color .12s var(--ease);border-radius:999px;align-self:flex-start;margin-top:auto;padding:5px 14px;font-size:11px;font-weight:600}.ai-promo-btn:hover{background:var(--accent);color:#2b1600;border-color:#0000}.ai-recent-tools{border-bottom:1px solid var(--ui-border-light);align-items:center;gap:14px;max-width:860px;margin:-6px auto 14px;padding-bottom:10px;display:flex}.ai-sorteer{color:var(--ui-text-faint);align-items:center;gap:8px;font-size:11px;display:flex}.ai-filter{border:none;border-bottom:1px solid var(--ui-border-light);width:min(220px,40%);color:var(--ui-text);transition:border-color .12s var(--ease);background:0 0;outline:none;margin-left:auto;padding:5px 10px;font-family:inherit;font-size:11.5px}.ai-filter:focus{border-bottom-color:var(--accent)}.ai-filter::placeholder{color:var(--ui-text-faint)}.ai-leeg{max-width:860px;color:var(--ui-text-faint);margin:0 auto 40px;font-size:12px;font-style:italic}@media (width<=640px){.cc-sidebar{display:none}.ai-suggesties{flex-direction:column}.ai-promo{width:100%}}.cc-section-title{letter-spacing:.06em;text-transform:uppercase;max-width:860px;color:var(--ui-text-faint);margin:0 auto 16px;font-size:12px;font-weight:600}.cc-section{scroll-margin-top:24px}.cc-files-header{justify-content:space-between;align-items:center;gap:12px;max-width:860px;margin:0 auto 16px;display:flex}.cc-files-header .cc-section-title{margin:0}.cc-view-toggle{background:#00000040;border-radius:7px;gap:2px;padding:2px;display:flex}.cc-view-toggle button{width:26px;height:22px;color:var(--ui-text-dim);transition:background .12s var(--ease), color .12s var(--ease);border-radius:5px;place-items:center;font-size:12px;display:grid}.cc-view-toggle button:hover{color:var(--ui-text)}.cc-view-toggle button.active{background:var(--ui-bg-lighter);color:#fff;box-shadow:0 1px 3px #0000004d}.cc-file-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;max-width:860px;margin:0 auto 40px;display:grid}.cc-file-card{background:linear-gradient(180deg, #ffffff08, transparent), var(--ui-bg);border:1px solid var(--ui-border-light);transition:border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cc-file-card:hover{border-color:var(--card-accent,var(--accent));transform:translateY(-3px);box-shadow:0 12px 30px #00000059}.cc-thumb{aspect-ratio:16/9.5;background:#f5f4f2;position:relative}.cc-thumb-foto{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cc-file-badge{letter-spacing:.04em;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px;box-shadow:0 1px 4px #00000040}.cc-thumb-open{color:#fff;opacity:0;transition:opacity .16s var(--ease), translate .16s var(--ease);background:#141416d1;padding:7px 10px;font-size:11px;font-weight:600;position:absolute;inset:auto 0 0;translate:0 6px}.cc-file-card:hover .cc-thumb-open{opacity:1;translate:0}.cc-file-card-meta{padding:10px 12px 12px}.cc-file-card-meta strong{color:var(--ui-text);font-size:12.5px;display:block}.cc-file-card-meta span{color:var(--ui-text-faint);font-size:10.5px}.cc-files{flex-direction:column;gap:8px;max-width:860px;margin:0 auto 40px;display:flex}.cc-file-row{background:linear-gradient(180deg, #ffffff08, transparent), var(--ui-bg);border:1px solid var(--ui-border-light);height:80px;transition:border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:14px;align-items:stretch;display:flex;overflow:hidden}.cc-file-row:hover{border-color:var(--card-accent,var(--accent));transform:translateY(-2px);box-shadow:0 10px 26px #0000004d}.cc-file-row-thumb{background:#1b1c20;flex-shrink:0;width:112px;height:100%;position:relative;overflow:hidden}.cc-file-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cc-file-row-thumb .cc-file-badge{top:6px;left:auto;right:6px}.cc-file-info{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:12px 16px;display:flex}.cc-file-info strong{color:#fff;font-size:13.5px}.cc-file-info span:not(.cc-discover-cat){color:var(--ui-text-faint);font-size:11px}.cc-file-row .cc-discover-cta{white-space:nowrap;align-self:center;margin:0 18px 0 auto;padding:0}.cc-discover-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;max-width:860px;margin:0 auto 40px;display:grid}.cc-discover-card{background:linear-gradient(180deg, #ffffff08, transparent), var(--ui-bg);border:1px solid var(--ui-border-light);transition:border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.cc-discover-card:hover{border-color:var(--card-accent,var(--accent));transform:translateY(-3px);box-shadow:0 12px 30px #00000059}@media (width>=640px){.cc-discover-card.featured{grid-column:span 2}}.cc-discover-banner{background:radial-gradient(220px 120px at 85% -20%, #ffffff29, transparent 60%), linear-gradient(120deg, color-mix(in srgb, var(--card-accent,var(--accent)) 45%, #1b1c20), color-mix(in srgb, var(--card-accent,var(--accent)) 14%, #1b1c20));height:86px;position:relative;overflow:hidden}.cc-discover-card.featured .cc-discover-banner{height:110px}.cc-discover-watermark{letter-spacing:-.04em;color:#ffffff1f;-webkit-user-select:none;user-select:none;transition:translate .25s var(--ease), color .25s var(--ease);font-size:84px;font-weight:800;position:absolute;bottom:-26px;right:14px}.cc-discover-card:hover .cc-discover-watermark{color:#fff3;translate:0 -6px}.cc-discover-banner .cc-file-badge{top:10px;left:10px;right:auto}.cc-discover-body{flex-direction:column;flex:1;gap:5px;padding:14px 16px 16px;display:flex}.cc-discover-cat{letter-spacing:.09em;text-transform:uppercase;color:var(--card-accent,var(--accent));font-size:9.5px;font-weight:700}.cc-discover-body strong{color:#fff;font-size:14.5px}.cc-discover-body p{color:var(--ui-text-dim);font-size:11.5px;line-height:1.55}.cc-discover-cta{color:var(--card-accent,var(--accent));opacity:.75;transition:opacity .15s var(--ease), translate .15s var(--ease);margin-top:auto;padding-top:8px;font-size:11.5px;font-weight:600}.cc-discover-card:hover .cc-discover-cta{opacity:1;translate:3px}.ps-doc{color:#1d1d1f;width:min(720px,100%);min-height:0;transition:background .2s var(--ease);cursor:default;padding:56px 60px 48px;display:block}.ps-sectie{transition:opacity .15s var(--ease);border-radius:2px;scroll-margin:80px;position:relative}.ps-sectie:hover{outline-offset:6px;outline:1px dashed #31a8ff73}.ps-selected{outline-offset:6px;outline:1.5px dashed var(--accent)!important}.ps-handle{border:1.5px solid var(--accent);z-index:3;width:9px;height:9px;transition:transform .1s var(--ease);background:#fff;border-radius:1.5px;position:absolute}.ps-handle:hover{transform:scale(1.35)}.ps-handle-tl{cursor:nwse-resize;top:-11px;left:-11px}.ps-handle-tr{cursor:nesw-resize;top:-11px;right:-11px}.ps-handle-bl{cursor:nesw-resize;bottom:-11px;left:-11px}.ps-handle-br{cursor:nwse-resize;bottom:-11px;right:-11px}.ps-header{justify-content:space-between;align-items:flex-start;gap:36px;margin-bottom:40px;display:flex}.ps-badge{color:#0670c9;background:#31a8ff1f;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.ps-header h1{letter-spacing:-.02em;margin-bottom:4px;font-size:34px;font-weight:700;line-height:1.1}.ps-functie{color:#0670c9;margin-bottom:14px;font-size:15px;font-weight:600}.ps-bio{color:#55555c;max-width:400px;font-size:13px;line-height:1.65}.ps-sectie+.ps-sectie,.ps-header+.ps-sectie,section.ps-sectie{margin-bottom:34px}.ps-kop{letter-spacing:.1em;text-transform:uppercase;color:#0670c9;border-bottom:1px solid #e8e8ec;margin-bottom:16px;padding-bottom:8px;font-size:11px;font-weight:700}.ps-item+.ps-item{margin-top:18px}.ps-item-kop{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ps-item-kop h4{font-size:14.5px;font-weight:650}.ps-periode{color:#86868b;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.ps-item-sub{color:#55555c;margin-top:2px;font-size:12.5px}.ps-punten{flex-direction:column;gap:3px;margin:8px 0 0 16px;display:flex}.ps-punten li{color:#55555c;font-size:12px;line-height:1.5}.ps-punten li::marker{color:#31a8ff}.ps-tags{flex-wrap:wrap;gap:8px;display:flex}.ps-tag{color:#0670c9;background:#eef6fd;border:1px solid #d3e9fa;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:500}.ps-tag-licht{color:#55555c;background:#f5f5f7;border-color:#e4e4e8}.ps-props{flex-direction:column;gap:10px;display:flex}.ps-prop-rij{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.ps-prop-rij>span{color:var(--ui-text-faint);flex-shrink:0}.ps-prop-rij strong{color:var(--ui-text);text-align:right;font-size:11.5px}.ps-schaal{align-items:center;gap:6px;display:flex}.ps-schaal strong{font-variant-numeric:tabular-nums}.ps-reset{width:18px;height:18px;color:var(--ui-text-dim);transition:background .1s var(--ease), color .1s var(--ease);border-radius:5px;place-items:center;font-size:12px;display:grid}.ps-reset:hover{background:var(--ui-bg-lighter);color:var(--ui-text)}.ps-eigen-kleur,.ps-eigen-kleur h1,.ps-eigen-kleur h3,.ps-eigen-kleur h4,.ps-eigen-kleur p,.ps-eigen-kleur li,.ps-eigen-kleur span:not(.ps-handle){color:inherit}.ps-eigen-kleur .ps-punten li::marker{color:inherit}.ps-kleuren{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.ps-swatch{width:17px;height:17px;transition:transform .1s var(--ease), box-shadow .1s var(--ease);border:1px solid #ffffff2e;border-radius:50%}.ps-swatch:hover{transform:scale(1.2)}.ps-swatch.active{box-shadow:0 0 0 2px var(--ui-bg-dark), 0 0 0 3.5px var(--accent)}.ps-swatch-geen{background:linear-gradient(to top right,#fff 44%,#e03131 46% 54%,#fff 56%)}.ps-kleurkiezer{cursor:pointer;appearance:none;width:17px;height:17px;transition:transform .1s var(--ease);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #ffffff2e;border-radius:50%;padding:0;overflow:hidden}.ps-kleurkiezer:hover{transform:scale(1.2)}.ps-kleurkiezer::-webkit-color-swatch-wrapper{opacity:0;padding:0}.ps-kleurkiezer::-webkit-color-swatch{opacity:0;border:none}.ps-select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239b9ba3' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center / 9px 6px, var(--ui-bg-light);color:var(--ui-text);border:1px solid var(--ui-border-light);cursor:pointer;transition:background-color .12s var(--ease), border-color .12s var(--ease);border-radius:6px;padding:4px 26px 4px 10px;font-family:inherit;font-size:11px}.ps-select:hover{background-color:var(--ui-bg-lighter)}.ps-select:focus{border-color:var(--accent);outline:none}.ps-slider{flex:1;align-items:center;gap:8px;max-width:150px;display:flex}.ps-slider input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;height:16px}.ps-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) calc(var(--val,100) * 1%), var(--ui-bg-lighter) calc(var(--val,100) * 1%));border-radius:99px;height:3px}.ps-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;transition:transform .1s var(--ease);background:#fff;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 .5px #0000004d,0 1px 4px #0006}.ps-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}.ps-slider input[type=range]::-moz-range-track{background:var(--ui-bg-lighter);border-radius:99px;height:3px}.ps-slider input[type=range]::-moz-range-progress{background:var(--accent);border-radius:99px;height:3px}.ps-slider input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 .5px #0000004d,0 1px 4px #0006}.ps-slider-waarde{color:var(--ui-text-dim);text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:10.5px}::view-transition-group(*){animation-duration:.42s;animation-timing-function:ease}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}.ccf-detail{padding-top:28px}.ccf-terug{background:var(--ui-bg);border:1px solid var(--ui-border-light);color:var(--ui-text-dim);transition:color .12s var(--ease), border-color .12s var(--ease), transform .12s var(--ease);border-radius:8px;align-items:center;gap:6px;margin:0 auto 22px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.ccf-terug:hover{color:var(--accent);border-color:var(--accent);transform:translate(-2px)}.ccf-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);align-items:start;gap:24px;max-width:980px;margin:0 auto;display:grid}@media (width<=640px){.ccf-detail-grid{grid-template-columns:1fr}}.ccf-hoofdfoto{aspect-ratio:16/10;background:var(--ui-bg);border:1px solid var(--ui-border-light);border-radius:12px;margin:0;position:relative;overflow:hidden}.ccf-hoofdfoto img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ccf-hoofdfoto figcaption{color:#ffffffeb;background:linear-gradient(#0000,#0009);padding:10px 14px 8px;font-size:11px;position:absolute;inset:auto 0 0}.ccf-thumbs{gap:8px;margin-top:12px;display:flex}.ccf-thumb{opacity:.6;width:76px;height:54px;transition:opacity .12s var(--ease), border-color .12s var(--ease), transform .12s var(--ease);border:2px solid #0000;border-radius:6px;padding:0;overflow:hidden}.ccf-thumb:hover{opacity:1;transform:translateY(-2px)}.ccf-thumb.active{opacity:1;border-color:var(--accent)}.ccf-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ccf-info{background:linear-gradient(180deg, #ffffff08, transparent), var(--ui-bg);border:1px solid var(--ui-border-light);border-radius:14px;padding:18px 20px 20px}.ccf-info-kop{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ccf-bestandsnaam{color:var(--ui-text-faint);font-size:11px;font-family:var(--font-mono)}.ccf-info h1{color:#fff;letter-spacing:-.01em;margin-bottom:14px;font-size:18px;font-weight:700}.ccf-gegevens{flex-direction:column;gap:10px;margin:0 0 14px;display:flex}.ccf-gegevens>div{border-bottom:1px solid var(--ui-border-light);flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.ccf-gegevens dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-faint);font-size:10px;font-weight:700}.ccf-gegevens dd{color:var(--ui-text);margin:0;font-size:12.5px}.ccf-chips{flex-wrap:wrap;gap:6px;display:flex}.ccf-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.ccf-beschrijving{color:var(--ui-text-dim);margin-bottom:18px;font-size:12px;line-height:1.65}.ccf-anders .layer-row{gap:10px}.ccf-mini{object-fit:cover;border:1px solid var(--ui-border-light);border-radius:4px;flex-shrink:0;width:40px;height:28px}.dw-split{flex-direction:column;flex:1;min-height:0;display:flex}.dw-split.dw-split-side{flex-direction:row}.dw-code{min-height:0;font-family:var(--font-mono);border-bottom:1px solid var(--ui-border);background:#1b1b1b;flex:1;padding:14px 0;font-size:12.5px;line-height:1.7;overflow:auto}.dw-code.dw-code-klein{border-bottom:none;border-right:1px solid var(--ui-border);width:280px;max-width:34%;color:var(--ui-text-dim);flex:0 0 280px;padding:10px 0;font-size:10.5px;line-height:1.5}.dw-code.dw-code-klein .dw-lineno{width:32px;padding-right:8px;font-size:9.5px}.dw-code.dw-code-klein .tag{color:#5a8fc4}.dw-code.dw-code-klein .attr{color:#7aa8c4}.dw-code.dw-code-klein .str{color:#a87a62}.dw-code.dw-code-klein .comment{color:#4a6b4c}.dw-code.dw-code-klein .text{color:#8a8a90}.dw-line{white-space:pre;display:flex}.dw-line:hover{background:#ffffff08}.dw-lineno{text-align:right;width:44px;color:var(--ui-text-faint);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-right:14px}.dw-code .tag{color:#6fb5ff}.dw-code .attr{color:#9cdcfe}.dw-code .str{color:#ce9178}.dw-code .comment{color:#5c8a5e;font-style:italic}.dw-code .text{color:#d6d6d6}.dw-live{background:var(--ui-bg-darkest);min-height:0;color:var(--ui-text);flex-direction:column;flex:1;display:flex;position:relative}.dw-live-bar{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);letter-spacing:.03em;color:var(--ui-text-dim);flex-shrink:0;align-items:center;gap:8px;padding:7px 14px;font-size:11px;font-weight:600;display:flex}.dw-live-draft{color:var(--ui-text-faint);border:1px dashed var(--ui-border-light);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500}.dw-live-bar code{font-family:var(--font-mono);letter-spacing:0;color:var(--ui-text-faint);border:1px solid var(--ui-border-light);background:#00000040;border-radius:5px;margin-left:auto;padding:2px 8px;font-size:10.5px;font-weight:500}.dw-live-dot{background:var(--ui-text-faint);border-radius:50%;width:7px;height:7px}.dw-live-scroll{flex:1;min-height:0;overflow:auto}.dw-bestandsnaam{color:var(--ui-text-faint);margin-left:auto;font-size:11px}.dw-line-hl{box-shadow:inset 2px 0 0 var(--accent);background:#60fa6217!important}.dwc-pagina{max-width:560px;color:var(--ui-text);margin:0 auto;padding:36px 32px 56px}.dwc-kop{margin-bottom:24px}.dwc-kop h1{letter-spacing:-.02em;color:#fff;margin-bottom:6px;font-size:26px;font-weight:700}.dwc-kop p{color:var(--ui-text-dim);font-size:12.5px}.dwc-form{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.dwc-field{flex-direction:column;gap:4px;display:flex}.dwc-field span{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-faint);font-size:10px;font-weight:700}.dwc-field input,.dwc-field textarea{border:1px solid var(--ui-border-light);width:100%;color:var(--ui-text);transition:border-color .12s var(--ease), box-shadow .12s var(--ease);resize:vertical;background:#00000040;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:12.5px}.dwc-field input:focus,.dwc-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dwc-field input::placeholder,.dwc-field textarea::placeholder{color:var(--ui-text-faint)}.dwc-btn{background:var(--accent);color:#0a2905;transition:filter .12s var(--ease), transform .12s var(--ease);border-radius:8px;align-self:flex-start;padding:9px 18px;font-size:12.5px;font-weight:700}.dwc-btn:hover:not(:disabled){filter:brightness(1.08)}.dwc-btn:active:not(:disabled){transform:scale(.98)}.dwc-btn:disabled{opacity:.65;cursor:wait}.dwc-error{color:#ff8a8a;background:#ff5a5a1a;border-radius:6px;padding:8px 10px;font-size:11px}.dwc-privacy{color:var(--ui-text-faint);font-size:10px;line-height:1.45}.dwc-success{padding:18px 0 26px}.dwc-success strong{color:#fff;margin-bottom:6px;font-size:15px;display:block}.dwc-success p{color:var(--ui-text-dim);margin-bottom:14px;font-size:12px;line-height:1.5}.dwc-gegevens h2{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--ui-border-light);margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700}.dwc-gegevens ul{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.dwc-gegevens li{border-bottom:1px solid var(--ui-border-light);flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.dwc-gegevens li span{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-faint);font-size:10px;font-weight:700}.dwc-gegevens li strong{color:var(--ui-text);word-break:break-word;font-size:13px;font-weight:600}.dwc-gegevens a:hover strong{color:var(--accent)}.dwc-socials{flex-wrap:wrap;gap:8px;display:flex}.dwc-social{border:1px solid var(--ui-border-light);background:var(--ui-bg);color:var(--ui-text);transition:border-color .12s var(--ease), color .12s var(--ease);border-radius:8px;align-items:center;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.dwc-social:hover{border-color:var(--accent);color:var(--accent)}.dwc-social-wip{color:var(--ui-text-faint);cursor:default;border-style:dashed;font-weight:500}.dw-viewbar{background:var(--ui-bg);border-bottom:1px solid var(--ui-border);flex-shrink:0;align-items:center;padding:6px 10px;display:flex}.dw-viewbar-group{background:#00000040;border-radius:7px;gap:2px;padding:2px;display:flex}.dw-viewbtn{color:var(--ui-text-dim);transition:background .12s var(--ease), color .12s var(--ease);border-radius:5px;padding:4px 14px;font-size:11px}.dw-viewbtn:hover{color:var(--ui-text)}.dw-viewbtn:active{transform:scale(.97)}.dw-viewbtn.active{background:var(--ui-bg-lighter);color:#fff;font-weight:600;box-shadow:0 1px 3px #0000004d}.id-canvas{background:var(--ui-bg-darkest);flex:1;place-items:center;min-height:0;padding:48px;display:grid;overflow:auto}.id-spread{border-radius:2px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0006,0 18px 50px #00000080}.id-page{background:#fff;width:min(360px,42vw);height:560px;position:relative;overflow:hidden}.id-page+.id-page{border-left:1px solid #e4e4e8}.id-page:after{content:"";pointer-events:none;z-index:2;border:1px solid #a064ff73;position:absolute;inset:22px}.id-page-inner{color:#1d1d1f;scrollbar-width:thin;padding:18px 20px;position:absolute;inset:22px;overflow-y:auto}.id-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#c9184a;margin-bottom:8px;font-size:10px;font-weight:700}.id-page-inner h1{letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:700;line-height:1.15}.id-spread-hoog .id-page{height:auto;min-height:600px}.idv-pagina{flex-direction:column;gap:16px;display:flex}.idv-titel{letter-spacing:-.02em;margin-bottom:2px;font-size:26px;font-weight:700;line-height:1.1}.idv-intro{color:#6e6e76;margin-bottom:4px;font-size:11.5px;line-height:1.55}.idv-frame{transition:outline-color .14s var(--ease);border-radius:2px;outline:1px solid #0000;margin:0 -12px;padding:10px 12px 12px}.idv-frame:hover{outline-color:#5a8cffa6}.idv-kop{letter-spacing:.1em;text-transform:uppercase;color:#c9184a;border-bottom:1px solid #f0dfe5;margin-bottom:10px;padding-bottom:7px;font-size:10.5px;font-weight:700}.idv-skill+.idv-skill{margin-top:10px}.idv-skill-kop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.idv-skill-kop strong{color:#1d1d1f;font-size:12.5px;font-weight:650}.idv-skill-kop span{color:#c9184a;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;font-weight:600}.idv-skill p{color:#86868b;margin:1px 0 5px;font-size:10.5px}.idv-balk{background:#f3e3e9;border-radius:99px;height:5px;margin-top:5px;overflow:hidden}.idv-balk span{background:linear-gradient(90deg,#f36,#ff7a9c);border-radius:99px;height:100%;animation:.8s backwards idv-vullen;display:block}@keyframes idv-vullen{0%{width:0}}.idv-colofon{margin-top:auto}.idv-colofon-tekst{color:#6e6e76;font-size:11px}@media (width<=640px){.id-spread{flex-direction:column}.id-page{width:min(360px,88vw);height:auto;min-height:480px}.id-page+.id-page{border-top:1px solid #e4e4e8;border-left:none}.id-page-inner{margin:22px;position:relative;inset:auto}.id-page:after{inset:14px}.cc-home{padding:22px 16px 40px}.ai-begroeting{margin-bottom:22px}.ai-presets{flex-wrap:wrap;gap:2px;padding:14px 8px}.ai-preset{min-width:30%}.ai-recent-tools{flex-wrap:wrap;gap:10px}.ai-filter{width:100%;margin-left:0}.canvas-area{padding:20px 14px}.ps-doc{padding:34px 24px 32px}.ps-header{gap:20px;margin-bottom:28px}.cc-avatar-ps{width:84px;height:84px;font-size:24px}.id-canvas{padding:24px 14px}.dw-split.dw-split-side{flex-direction:column}.dw-code.dw-code-klein{border-right:none;border-bottom:1px solid var(--ui-border);flex:0 0 30%;width:auto;max-width:none}.dwc-pagina{padding:28px 18px 48px}.ccf-detail{padding-top:18px}.cc-discover-card.featured{grid-column:auto}}.cc-404{place-items:center;padding:48px 24px;display:grid}.cc-404-dialog{background:var(--ui-bg);border:1px solid var(--ui-hairline);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 20px 50px #0006}.cc-404-icon{color:#fff;background:#e63946;border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:18px;font-weight:800;display:grid}.cc-404-dialog h1{margin-bottom:10px;font-size:20px}.cc-404-dialog p{color:var(--ui-text-dim);font-size:13px;line-height:1.55}.cc-404-pad{background:var(--ui-bg-dark);border:1px solid var(--ui-border-light);border-radius:8px;margin:16px 0 20px;padding:8px 12px}.cc-404-pad code{font-family:var(--font-mono);color:var(--accent);word-break:break-all;font-size:12px}.cc-404-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cc-404-btn{background:var(--ui-bg-light);border:1px solid var(--ui-hairline);transition:background .12s var(--ease), color .12s var(--ease);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.cc-404-btn:hover{background:var(--ui-bg-lighter)}.cc-404-btn.primary{background:var(--accent-soft);color:var(--accent);border-color:#0000}.cc-404-btn.primary:hover{background:var(--accent);color:#fff}.cc-privacy{max-width:680px;padding:32px 28px 48px;overflow-y:auto}.cc-privacy-kop h1{margin:6px 0 4px;font-size:24px}.cc-privacy-kop p{color:var(--ui-text-faint);font-size:12px}.cc-privacy-body{flex-direction:column;gap:24px;margin-top:28px;display:flex}.cc-privacy-body h2{color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:700}.cc-privacy-body p{color:var(--ui-text-dim);margin-bottom:8px;font-size:13px;line-height:1.65}.cc-privacy-body p:last-child{margin-bottom:0}.cc-privacy-voet{border-top:1px solid var(--ui-hairline);flex-direction:column;gap:12px;margin-top:36px;padding-top:20px;display:flex}.cc-privacy-voet a{color:var(--accent)}.cc-gedeeld-grid{gap:12px;max-width:420px;display:grid}.cc-gedeeld-card{background:var(--ui-bg);border:1px solid var(--ui-hairline);transition:border-color .16s var(--ease), transform .16s var(--ease-spring);border-radius:12px;align-items:flex-start;gap:16px;padding:18px;display:flex}.cc-gedeeld-card:hover{border-color:var(--accent);transform:translateY(-1px)}.cc-gedeeld-icon{color:#fff;background:#0a66c2;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.cc-gedeeld-card strong{margin-bottom:2px;font-size:14px;display:block}.cc-gedeeld-card span{color:var(--ui-text-dim);font-size:12px;display:block}.cc-gedeeld-card .cc-discover-cta{margin-top:10px;font-size:12px}.dwc-privacy a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}