:root{--ui-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--ui-bg:#faf9f7db;--ui-sheet:#fff;--ui-fg:#1d1b19;--ui-fg-2:#6b655f;--ui-line:#3c322824;--ui-fill:#3c32280f;--ui-fill-2:#3c32281c;--ui-accent:#2f6fed;--ui-accent-strong:#245ccb;--ui-accent-soft:#2f6fed1f;--ui-danger:#b8321f;--ui-guide:#d2447a;--ui-shadow:0 18px 50px -20px #1e140a59, 0 2px 8px -2px #1e140a1f;--ui-radius:18px;--ui-bar-h:56px}.editor-shell{max-width:40rem;padding:4rem var(--gutter,24px);gap:1.25rem;margin:0 auto;display:grid}.editor-note{color:var(--muted)}.ed-root{padding-top:var(--ui-bar-h);background:var(--cream);min-height:100vh}.ed-canvas.view-phone,.ed-canvas.view-tablet{min-height:calc(100vh - var(--ui-bar-h));background:#e7dad1;padding:1.5rem 0 5rem}.ed-canvas.view-phone .site,.ed-canvas.view-tablet .site{scrollbar-width:none;border:10px solid #3b2e26;max-width:100%;min-height:0;margin:0 auto;overflow:clip auto;box-shadow:0 30px 60px -28px #0000008c}.ed-canvas.view-phone .site::-webkit-scrollbar{display:none}.ed-canvas.view-tablet .site::-webkit-scrollbar{display:none}.ed-canvas.view-phone .site{width:410px;height:min(844px, calc(100vh - var(--ui-bar-h) - 4rem));border-radius:36px}.ed-canvas.view-tablet .site{width:840px;height:min(1120px, calc(100vh - var(--ui-bar-h) - 4rem));border-radius:22px}.ed-canvas .skip{display:none}.ed-canvas [data-field],.ed-canvas [data-site-field],.ed-canvas [data-item]{cursor:default}.ed-canvas [data-field]:hover,.ed-canvas [data-site-field]:hover{outline-offset:3px;border-radius:4px;outline:1.5px solid #2f6fed73}.ed-canvas [contenteditable]{cursor:text;outline:none}.ed-canvas [contenteditable]:focus{background:#2f6fed0f}.ed-bar{z-index:400;height:var(--ui-bar-h);padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));background:var(--ui-bg);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid var(--ui-line);font:500 15px/1.2 var(--ui-font);color:var(--ui-fg);align-items:center;gap:.4rem;display:flex;position:fixed;inset:0 0 auto}.ed-group{align-items:center;gap:2px;display:flex}.ed-spacer{flex:1;min-width:0}.ed-btn{appearance:none;color:var(--ui-accent);font:600 16px/1 var(--ui-font);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:0 0;border:0;border-radius:12px;align-items:center;gap:.4rem;min-height:40px;padding:0 12px;text-decoration:none;display:inline-flex}.ed-btn:hover{background:var(--ui-fill)}.ed-btn:focus-visible{outline:3px solid var(--ui-accent);outline-offset:2px}.ed-btn.is-quiet{color:var(--ui-fg);font-weight:500}.ed-btn.is-primary{background:var(--ui-accent);color:#fff;padding:0 16px}.ed-btn.is-primary:hover{background:var(--ui-accent-strong)}.ed-btn.is-danger{color:var(--ui-danger)}.ed-btn.is-on{background:var(--ui-accent-soft);color:var(--ui-accent)}.ed-btn:disabled{opacity:.45;cursor:default;background:0 0}.ed-btn.is-primary:disabled{background:var(--ui-accent)}.ed-btn svg{flex:none;width:20px;height:20px}.ed-icon{width:40px;color:var(--ui-fg);justify-content:center;padding:0}.ed-status{font:500 13px/1 var(--ui-font);color:var(--ui-fg-2);background:var(--ui-fill);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:.45rem;max-width:40vw;padding:7px 11px 7px 9px;display:inline-flex;overflow:hidden}.ed-status:before{content:"";background:#9a948e;border-radius:50%;flex:none;width:8px;height:8px}.ed-status.is-saving:before{background:#e0a100}.ed-status.is-draft:before{background:var(--ui-accent)}.ed-status.is-saved:before{background:#2e9e5b}.ed-seg{background:var(--ui-fill);border-radius:10px;padding:2px;display:inline-flex}.ed-seg button{appearance:none;color:var(--ui-fg-2);font:500 13px/1 var(--ui-font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;min-height:32px;padding:0 10px;display:inline-flex}.ed-seg button svg{width:18px;height:18px}.ed-seg button[aria-pressed=true]{color:var(--ui-fg);background:#fff;box-shadow:0 1px 3px #00000024}.ed-seg button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}@media (width<=1400px){.ed-bar .ed-seg span.ed-hide-sm{display:none!important}}@media (width<=1200px){.ed-hide-sm{display:none!important}.ed-bar .ed-btn{padding-inline:9px}}.ed-sel{z-index:380;pointer-events:none;border:2px solid var(--ui-accent);border-radius:8px;position:fixed;box-shadow:0 0 0 4px #2f6fed24}.ed-sel.is-editing{box-shadow:none;border-style:dashed}.ed-tag{font:600 11px/1 var(--ui-font);color:#fff;background:var(--ui-accent);white-space:nowrap;border-radius:6px 6px 6px 0;padding:5px 8px;position:absolute;top:-24px;left:-2px}.ed-sel.is-editing .ed-tag{background:var(--ui-fg-2)}.ed-tb{z-index:390;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:500 14px/1 var(--ui-font);color:#fff;background:#1c1b19eb;border-radius:14px;align-items:center;gap:2px;padding:4px;animation:.14s ease-out ed-pop;display:flex;position:fixed;box-shadow:0 10px 30px -10px #00000080}.ed-tb button{appearance:none;color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:.4rem;min-height:38px;padding:0 11px;display:inline-flex}.ed-tb button:hover{background:#ffffff1f}.ed-tb button:focus-visible{outline-offset:-2px;outline:2px solid #fff}.ed-tb button svg{width:18px;height:18px}.ed-tb button.is-icon{padding:0 9px}.ed-tb .ed-sep{background:#ffffff2e;width:1px;height:22px;margin:0 2px}@media (width<=640px){.ed-tb button span{display:none}.ed-tb button{padding:0 9px}}@keyframes ed-pop{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}@keyframes ed-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ed-slide-r{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ed-tb,.ed-sheet,.ed-toast{animation:none}}.ed-sheet{z-index:420;background:var(--ui-sheet);color:var(--ui-fg);font:400 16px/1.4 var(--ui-font);box-shadow:var(--ui-shadow);overscroll-behavior:contain;flex-direction:column;max-height:min(78vh,640px);display:flex;position:fixed}.ed-sheet.is-advanced{background:#f3f1ec}@media (width>=900px){.ed-sheet{border-radius:var(--ui-radius);width:372px;animation:.18s ease-out ed-slide-r;bottom:16px;right:16px}}@media (width<=899.98px){.ed-sheet{border-radius:var(--ui-radius) var(--ui-radius) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:.22s ease-out ed-slide-up;bottom:0;left:0;right:0}}.ed-grab{background:var(--ui-fill-2);border-radius:3px;flex:none;width:36px;height:5px;margin:8px auto 0}@media (width>=900px){.ed-grab{display:none}}.ed-sheet-head{border-bottom:1px solid var(--ui-line);flex:none;align-items:center;gap:.5rem;padding:12px 10px 8px 18px;display:flex}.ed-sheet-head h2{font:600 17px/1.25 var(--ui-font);color:var(--ui-fg);letter-spacing:-.01em;flex:1;margin:0}.ed-sheet-body{align-content:start;gap:16px;padding:12px 18px 18px;display:grid;overflow-y:auto}.ed-row{gap:6px;display:grid}.ed-row-label{font:500 13px/1.2 var(--ui-font);color:var(--ui-fg-2)}.ed-seg.is-wide{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.ed-seg.is-wide button{min-height:38px;padding:0 6px;font-size:14px}.ed-seg .ed-sub{color:var(--ui-fg-2);font-size:12px;font-weight:400}.ed-seg button:disabled{cursor:default;opacity:.5}.ed-seg button[aria-pressed=true]:disabled{opacity:1}.ed-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ed-now{appearance:none;background:var(--ui-fill);color:var(--ui-fg);font:500 13px/1 var(--ui-font);cursor:pointer;border:0;border-radius:999px;min-height:28px;padding:0 10px}.ed-now[aria-expanded=true]{background:var(--ui-accent-soft);color:var(--ui-accent)}.ed-now:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ed-chips{flex-wrap:wrap;gap:8px;display:flex}.ed-chip{appearance:none;background:var(--ui-fill);color:var(--ui-fg);font:500 14px/1 var(--ui-font);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px 0 9px;display:inline-flex}.ed-chip .sw{border:1px solid #00000024;border-radius:50%;flex:none;width:18px;height:18px}.ed-chip[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.ed-chip:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ed-input{font:400 16px/1.3 var(--ui-font);color:var(--ui-fg);background:var(--ui-fill);border:0;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.ed-input:focus{outline:2px solid var(--ui-accent);outline-offset:1px}textarea.ed-input{resize:vertical;min-height:88px}.ed-list{background:var(--ui-fill);border-radius:12px;display:grid;overflow:hidden}.ed-list button{appearance:none;border:0;border-bottom:1px solid var(--ui-line);color:var(--ui-fg);font:500 16px/1.25 var(--ui-font);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 14px;display:flex}.ed-list button:last-child{border-bottom:0}.ed-list button:hover{background:var(--ui-fill-2)}.ed-list button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}.ed-list button.is-danger{color:var(--ui-danger)}.ed-list button svg{width:20px;height:20px;color:var(--ui-fg-2);flex:none}.ed-list button .sub{color:var(--ui-fg-2);text-align:right;margin-left:auto;font-size:14px;font-weight:400}.ed-note{font:400 14px/1.45 var(--ui-font);color:var(--ui-fg-2);margin:0}.ed-add{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;display:grid}.ed-add button{appearance:none;background:var(--ui-fill);font:500 14px/1.2 var(--ui-font);color:var(--ui-fg);cursor:pointer;text-align:center;border:0;border-radius:14px;align-content:center;justify-items:center;gap:6px;min-height:84px;padding:14px 12px;display:grid}.ed-add button:hover{background:var(--ui-fill-2)}.ed-add button:focus-visible{outline:2px solid var(--ui-accent)}.ed-add svg{width:26px;height:26px;color:var(--ui-accent)}.ed-add-badge{border:1px solid var(--ui-line);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.ed-add-badge svg{width:18px;height:18px}.ed-add-more{border-top:1px solid var(--ui-line);gap:10px;padding-top:12px;display:grid}.ed-disclose{justify-content:flex-start;width:100%;padding-left:8px}.ed-disclose svg{color:var(--ui-fg-2)}.ed-root .pv-add-target:after{content:"Hier komt het nieuwe onderdeel";max-width:calc(var(--wrap) - 2 * var(--gutter));border:2px dashed var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent);text-align:center;font:500 14px/1.3 var(--ui-font);border-radius:12px;margin:1.25rem auto 0;padding:.9rem 1rem;display:block}.ed-root .is-drop-target{outline:3px solid var(--ui-accent);outline-offset:3px;box-shadow:0 0 0 9px var(--ui-accent-soft);filter:brightness(.94);transition:outline-offset .12s}.ed-issue{color:#6e4300;font:500 14px/1.3 var(--ui-font);background:#fff3e0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ed-issue svg{flex:none;width:20px;height:20px}.ed-ok{color:#1b5e37;font:500 14px/1.3 var(--ui-font);background:#e9f6ee;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ed-ok svg{flex:none;width:20px;height:20px}.ed-changes{font:400 15px/1.5 var(--ui-font);margin:0;padding-left:1.2em}.ed-kv{font:400 14px/1.4 var(--ui-font);grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.ed-kv dt{color:var(--ui-fg-2)}.ed-kv dd{word-break:break-all;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.ed-actions{gap:8px;display:grid}.ed-actions .ed-btn{justify-content:center;min-height:48px}.ed-backdrop{z-index:410;background:#1e140a2e;position:fixed;inset:0}@media (width>=900px){.ed-backdrop{display:none!important}}.ed-drop{z-index:385;background:var(--ui-accent);pointer-events:none;border-radius:2px;height:4px;position:fixed;box-shadow:0 0 0 3px #2f6fed2e}.ed-drop:before{content:"";background:var(--ui-accent);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;left:-6px}.ed-drop.is-vertical:before{top:-6px;left:-4px}.ed-ghost{z-index:440;pointer-events:none;color:#463629;opacity:.92;white-space:nowrap;text-overflow:ellipsis;background:#fffcfa;border-radius:10px;max-width:320px;padding:8px 12px;font-size:15px;line-height:1.3;position:fixed;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 18px 40px -16px #00000073}.ed-ghost.is-pill{font:600 14px/1 var(--ui-font);color:#fff;background:var(--ui-fg);border-radius:999px;padding:10px 14px;transform:none}.ed-canvas .pv-grid{position:relative}.ed-cols{padding-inline:inherit;pointer-events:none;opacity:0;z-index:2;grid-template-columns:repeat(48,minmax(0,1fr));transition:opacity .18s;display:grid;position:absolute;inset:0}.ed-cols span{border-left:1px solid #46362917}.ed-cols span:nth-child(4n+1){border-left-color:#4636292e}.ed-root.is-dragging .ed-cols{opacity:1}.ed-band{pointer-events:none;opacity:0;z-index:0;grid-template-columns:repeat(48,minmax(0,1fr));transition:opacity .18s;display:grid;position:absolute;inset:0}.ed-band span{border-left:1px solid #46362912}.ed-band span:nth-child(4n+1){border-left-color:#46362924}.ed-root.show-grid .ed-band{opacity:1}.ed-root.is-dragging .ed-band{opacity:0}.ed-canvas .pv-grid.is-bare{pointer-events:none;margin:0;position:absolute;inset:0}.ed-aligns{pointer-events:none;z-index:3;position:absolute;inset:0}.ed-aligns i{background:var(--ui-guide);border-radius:1px;position:absolute}.ed-aligns i.v{width:1.5px;margin-left:-.75px}.ed-aligns i.h{height:1.5px;margin-top:-.75px}.ed-aligns i:before,.ed-aligns i:after{content:"";background:var(--ui-guide);border-radius:50%;width:5px;height:5px;position:absolute}.ed-aligns i.v:before{top:-2px;left:-1.75px}.ed-aligns i.v:after{bottom:-2px;left:-1.75px}.ed-aligns i.h:before{top:-1.75px;left:-2px}.ed-aligns i.h:after{top:-1.75px;right:-2px}.ed-canvas .pv-cell:has(>[data-lock]){position:relative}.ed-canvas [data-lock]:after{content:"";border:1px solid var(--ui-line);pointer-events:none;z-index:5;background:#fffcfa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23705C4E' stroke-width='2'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8.5 10.5V7.5a3.5 3.5 0 0 1 7 0v3' stroke-linecap='round'/%3E%3C/svg%3E") 50%/11px 11px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;right:-9px;box-shadow:0 1px 4px -1px #1e140a4d}.ed-canvas [data-lock]{position:relative}.ed-hole{outline:2px dashed var(--ui-accent);outline-offset:-2px;pointer-events:none;background:#2f6fed14;border-radius:14px;margin-inline:1rem;padding-inline:0}.ed-carry{z-index:440;pointer-events:none;outline:2px solid var(--ui-accent);outline-offset:2px;will-change:transform;background:#fffcfa;border-radius:10px;margin:0;position:fixed;overflow:hidden;box-shadow:0 28px 60px -20px #28190f80,0 4px 12px -4px #28190f2e}.ed-carry.is-landing{box-shadow:none;outline-color:#0000}.ed-lifted{opacity:.35}.ed-read{z-index:445;pointer-events:none;color:var(--ui-accent);font:600 12px/1 var(--ui-font);white-space:nowrap;font-variant-numeric:tabular-nums;background:#fffcfa;border:1px solid #2f6fed4d;border-radius:7px;padding:5px 8px;position:fixed;box-shadow:0 2px 8px -3px #1e140a4d}.ed-root.is-dragging,.ed-root.is-dragging *{cursor:grabbing!important}.ed-root.is-dragging{-webkit-user-select:none;user-select:none;touch-action:none}.ed-toast{z-index:430;color:#fff;font:500 15px/1.3 var(--ui-font);background:#1c1b19f0;border-radius:14px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 12px 10px 16px;animation:.16s ease-out ed-pop;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000080}.ed-toast button{appearance:none;color:#fff;font:600 15px/1 var(--ui-font);cursor:pointer;white-space:nowrap;background:#ffffff24;border:0;border-radius:10px;min-height:36px;padding:0 12px}.ed-toast button:hover{background:#ffffff38}.ed-sel.is-extra{box-shadow:none;border-color:#2f6fedb3}.ed-count{font:600 14px/1 var(--ui-font);color:#fffc;white-space:nowrap;padding:0 6px 0 10px}.ed-canvas .is-selected{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ed-canvas .is-selected[contenteditable]{-webkit-user-select:text;user-select:text}.ed-handle{border:2px solid var(--ui-accent);pointer-events:auto;cursor:nwse-resize;touch-action:none;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-10px;right:-10px;box-shadow:0 1px 4px #00000040}.ed-fmt{z-index:395;font:500 14px/1 var(--ui-font);color:#fff;background:#1c1b19f0;border-radius:12px;align-items:center;gap:2px;padding:4px;animation:.12s ease-out ed-pop;display:flex;position:fixed;box-shadow:0 10px 30px -10px #00000080}.ed-fmt button{appearance:none;color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;min-width:36px;min-height:36px;padding:0 10px;display:inline-flex}.ed-fmt button b{font-weight:800}.ed-fmt button i{font-family:Georgia,serif;font-style:italic}.ed-fmt button:hover{background:#ffffff1f}.ed-fmt button[aria-pressed=true]{color:var(--ui-fg);background:#fff}.ed-fmt button svg{width:17px;height:17px}.ed-fmt input{font:400 15px/1.2 var(--ui-font);color:var(--ui-fg);background:#fff;border:0;border-radius:9px;width:min(60vw,300px);min-height:36px;padding:0 10px}.ed-fmt input:focus{outline:2px solid var(--ui-accent)}.ed-device{background:var(--ui-accent-soft);color:var(--ui-fg);font:500 14px/1.35 var(--ui-font);border-radius:12px;gap:8px;padding:10px 12px;display:grid}.ed-device .ed-btn{background:#fff;justify-self:start;min-height:34px;padding:0 10px;font-size:14px}.ed-list button.is-current{background:var(--ui-accent-soft)}.ed-root.is-dragging .ed-canvas [data-field]:hover,.ed-root.is-dragging .ed-canvas [data-site-field]:hover{outline:none}.ed-root .pv-dim,.ed-root .pv-p-dim,.ed-root .pv-t-dim{opacity:.6;outline-offset:3px;outline:1px dashed #2b232066;position:relative}.ed-root .pv-dim:after,.ed-root .pv-p-dim:after,.ed-root .pv-t-dim:after{content:"verborgen";font:700 10px/1 var(--ui-font);letter-spacing:.08em;text-transform:uppercase;color:#8a2a2a;pointer-events:none;background:#fcebeb;border-radius:6px;padding:3px 6px;position:absolute;top:-1.1em;right:0}.ed-num{align-items:center;gap:6px;margin-top:8px;display:inline-flex}.ed-num .ed-input{width:6.5rem}.ed-num-unit{font:500 13px/1 var(--ui-font);color:var(--ui-fg-2)}.ed-color{align-items:center;gap:8px;margin-top:8px;display:flex}.ed-color-pick{appearance:none;border:1px solid var(--ui-line);cursor:pointer;background:0 0;border-radius:10px;width:44px;height:44px;padding:0}.ed-color-pick::-webkit-color-swatch-wrapper{padding:4px}.ed-color-pick::-webkit-color-swatch{border:0;border-radius:7px}.ed-color-hex{width:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ed-own{gap:8px;display:grid}.ed-own-color{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ed-own-color.has-dark{grid-template-columns:44px 44px minmax(0,1fr) auto}.ed-own-name{font:500 14px/1.2 var(--ui-font);color:var(--ui-fg)}.ed-own-name .ed-sub{color:var(--ui-fg-2);font-size:12px;font-weight:400}.ed-name{align-items:center;gap:8px;margin-top:8px;display:flex}.ed-name .ed-input{flex:1;min-width:0}.ed-sizes{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:8px;display:grid}.ed-size{gap:4px;display:grid}.ed-size .ed-num{margin-top:0;display:flex}.ed-size .ed-num .ed-input{width:100%;min-width:0}.ed-icons{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.ed-icon-pick{appearance:none;background:var(--ui-fill);color:var(--ui-fg);cursor:pointer;font:500 11px/1 var(--ui-font);border:2px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:8px 4px 6px;display:grid}.ed-icon-pick svg{width:22px;height:22px}.ed-icon-num{width:22px;height:22px;font:700 18px/1 var(--ui-font);place-items:center;display:grid}.ed-icon-pick[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.ed-icon-pick:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ed-toolrow{flex-wrap:wrap;gap:8px;display:flex}.ed-toolrow .ed-seg button{min-width:40px;min-height:36px;font-size:16px}.ed-toolrow .ed-seg button b{font-weight:800}.ed-toolrow .ed-seg button i{font-family:Georgia,serif;font-style:italic}.ed-toolrow .ed-seg button u{text-underline-offset:3px}.ed-size-pick{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ed-size-pick .ed-num{margin-top:0}.ed-size-pick .ed-num .ed-input{text-align:center;width:4.5rem}.ed-size-pick .ed-icon{font:500 20px/1 var(--ui-font);background:var(--ui-fill);min-height:44px}.ed-size-strip{flex-wrap:wrap;gap:6px;margin-top:4px;padding:8px 2px 6px;display:flex}.ed-size-strip button{appearance:none;background:var(--ui-fill);color:var(--ui-fg);font:500 14px/1 var(--ui-font);cursor:pointer;font-variant-numeric:tabular-nums;border:2px solid #0000;border-radius:999px;flex:none;min-width:44px;min-height:36px;padding:0 8px}.ed-size-strip button[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.ed-size-strip button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.ed-font-row{appearance:none;text-align:left;width:100%;color:var(--ui-fg);cursor:pointer;border:0;border-bottom:1px solid var(--ui-line);background:0 0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:54px;padding:7px 14px;display:grid}.ed-font-row:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-2px}.ed-font-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.2;overflow:hidden}.ed-font-row .ed-sub{font:400 12px/1.3 var(--ui-font);color:var(--ui-fg-2);grid-column:1}.ed-font-row:not(.is-static):hover{background:var(--ui-fill-2)}.ed-font-row[aria-pressed=true]{background:var(--ui-accent-soft)}.ed-font-row:disabled{cursor:default;opacity:.45}.ed-font-row.is-static{cursor:default}.ed-font-row>svg,.ed-font-row>.ed-btn{grid-area:1/2/span 2}.ed-font-row>svg{width:20px;height:20px;color:var(--ui-accent)}.ed-font-list{background:var(--ui-fill);border-radius:12px;margin-top:8px;display:grid;overflow:hidden}.ed-font-list .ed-font-row:last-child{border-bottom:0}.ed-fonts{gap:8px;display:grid}.ed-font-box{overscroll-behavior:contain;background:var(--ui-fill);border-radius:12px;max-height:330px;position:relative;overflow-y:auto}.ed-font-head{z-index:1;font:600 12px/1.2 var(--ui-font);color:var(--ui-fg-2);background:var(--ui-fill-solid,#efebe7);border-bottom:1px solid var(--ui-line);padding:8px 14px 6px;display:block;position:sticky;top:0}.ed-font-box .ed-note{margin:0;padding:8px 14px}.ed-font-now{color:var(--ui-fg);text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:15px;overflow:hidden}.ed-font-more{height:1px}.ed-pick{align-items:flex-start;gap:12px;display:flex}.ed-pick-rail{flex:none;align-content:start;gap:7px;padding:2px 4px 2px 2px;display:grid}.ed-pick-dot{cursor:pointer;border:1.5px solid #46362933;border-radius:50%;width:26px;height:26px;padding:0}.ed-pick-dot.is-none{background:var(--ui-bg);position:relative;overflow:hidden}.ed-pick-dot.is-none:after{content:"";background:var(--ui-fg-2);height:1.5px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-45deg)}.ed-pick-dot.is-on{box-shadow:0 0 0 2px var(--ui-bg), 0 0 0 3.5px var(--ui-accent)}.ed-pick-dot:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.ed-pick-body{flex:1;gap:8px;min-width:0;display:grid}.ed-pick-name{font:600 13px/1 var(--ui-font);color:var(--ui-fg-2);letter-spacing:.02em;margin:0}.ed-pick-steps{gap:3px;display:grid}.ed-pick-step{text-align:left;width:100%;font:500 13px/1 var(--ui-font);cursor:pointer;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.ed-pick-step.is-on{box-shadow:0 0 0 2px var(--ui-bg), 0 0 0 4px var(--ui-accent)}.ed-pick-step:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.ed-pick-step.is-off{cursor:not-allowed;opacity:.55}.ed-pick-step.is-off .ed-pick-hex{text-decoration:line-through}.ed-pick-step-name i{opacity:.8;border:1px solid;border-radius:5px;margin-left:7px;padding:1px 5px;font-size:11px;font-style:normal}.ed-pick-hex{opacity:.85;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=420px){.ed-pick-hex{display:none}}