:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#2563eb;--accent-soft:#eff4ff;--accent-ink:#1d4ed8;--accent-solid:#2563eb;--bg:#f4f6fa;--surface:#fff;--surface-2:#f1f4f9;--surface-3:#e7ecf3;--text:#101828;--text-muted:#667085;--border:#e2e7ef;--border-strong:#cfd6e2;--hover-row:#eaeff7;--hover-control:#dde4ee;--nav-bg:#0f172a;--nav-text:#cbd5e1;--nav-text-strong:#fff;--nav-active:#1e293b;--ok-bg:#e9f8ee;--ok-ink:#17663a;--err-bg:#fdecec;--err-ink:#b42318;--info-bg:#eff4ff;--info-ink:#1d4ed8;--r:12px;--r-sm:8px;--r-xs:6px;--gap:16px;--shadow-sm:0 1px 2px #1018280d;--shadow:0 1px 3px #10182814, 0 8px 24px -12px #1018282e;--font:"Noto Sans Thai", "Segoe UI", -apple-system, system-ui, sans-serif;--nav-w:236px;--topbar-h:60px;--sticky-top:calc(var(--topbar-h) + 16px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-appearance]){--accent:#4f83f1;--accent-soft:#172344;--accent-ink:#9dbcff;--accent-solid:#2f6fe4;--bg:#0b0f16;--surface:#141a23;--surface-2:#1b222c;--surface-3:#232b37;--text:#e8ecf3;--text-muted:#94a1b5;--border:#262f3c;--border-strong:#35404f;--hover-row:#1f2835;--hover-control:#2c3746;--nav-bg:#0a0e15;--nav-text:#9aa7bb;--nav-text-strong:#fff;--nav-active:#1a2231;--ok-bg:#10291c;--ok-ink:#6ee7a0;--err-bg:#2e1618;--err-ink:#ff9d9d;--info-bg:#16203a;--info-ink:#9dbcff;--shadow-sm:none;--shadow:0 1px 0 #ffffff08}}:root[data-appearance=dark]{--accent:#4f83f1;--accent-soft:#172344;--accent-ink:#9dbcff;--accent-solid:#2f6fe4;--bg:#0b0f16;--surface:#141a23;--surface-2:#1b222c;--surface-3:#232b37;--text:#e8ecf3;--text-muted:#94a1b5;--border:#262f3c;--border-strong:#35404f;--hover-row:#1f2835;--hover-control:#2c3746;--nav-bg:#0a0e15;--nav-text:#9aa7bb;--nav-text-strong:#fff;--nav-active:#1a2231;--ok-bg:#10291c;--ok-ink:#6ee7a0;--err-bg:#2e1618;--err-ink:#ff9d9d;--info-bg:#16203a;--info-ink:#9dbcff;--shadow-sm:none;--shadow:0 1px 0 #ffffff08}*{box-sizing:border-box}html,body,#root{height:100%}html{overflow:clip}body{font-family:var(--font);font-optical-sizing:auto;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:14.5px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.011em}.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);height:100%;display:grid}.shell:before,.shell:after{content:"";pointer-events:none;z-index:5;background-image:url(/assets/watermark-tile-52LkSRWa.png);background-repeat:repeat;background-size:260px 260px;position:fixed;top:0;bottom:0}.shell:before{width:var(--nav-w);filter:brightness(0)invert();opacity:.055;left:0}.shell:after{left:var(--nav-w);opacity:.032;right:0}@media (prefers-color-scheme:dark){:root:not([data-appearance]) .shell:after{filter:brightness(0)invert();opacity:.05}}[data-appearance=dark] .shell:after{filter:brightness(0)invert();opacity:.05}@media (width<=1024px){.shell:before{display:none}.shell:after{left:0}}.nav{background:var(--nav-bg);color:var(--nav-text);overscroll-behavior:none;flex-direction:column;gap:4px;height:100%;padding:18px 12px;display:flex;overflow-y:auto}@media (width<=1024px){.shell{grid-template-columns:minmax(0,1fr)}.nav{z-index:60;visibility:hidden;width:min(86vw,300px);transition:transform .18s,visibility .18s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 60px -10px #00000080}.nav-open .nav{visibility:visible;transform:none}.nav-scrim{z-index:55;background:#0c111880;border:none;border-radius:0;padding:0;animation:.18s ease-out fade;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){.nav{transition:none}.nav-scrim{animation:none}}.nav-toggle,.nav-close{display:none}@media (width<=1024px){.nav-toggle{margin-left:-6px;display:inline-flex}.nav-close{color:var(--nav-text);display:inline-flex;position:absolute;top:0;right:0}}.nav-brand{height:var(--topbar-h);color:var(--nav-text-strong);border-bottom:1px solid #ffffff0f;flex:none;align-items:center;gap:10px;margin:-18px -12px 0;padding:0 16px;display:flex;position:relative}.brand-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.brand-text strong{letter-spacing:.02em;font-size:.86rem;font-weight:700}.brand-text span{color:var(--nav-text);font-size:.72rem}.nav-site{padding:12px 4px 2px}.brand-logo{aspect-ratio:661/521;background:url(/assets/cd-logo-B1UWln1x.png) 50%/contain no-repeat;flex:none;width:96px;display:block}.brand-mark{aspect-ratio:193/236;background:url(/assets/cd-mark-D-_r9c2E.png) 50%/contain no-repeat;flex:none;width:24px;display:block}.brand-logo-lg{width:132px;margin:0 auto 16px}.nav-brand strong{font-size:.94rem;line-height:1.2;display:block}.nav-brand span{color:var(--nav-text);font-size:.75rem}.site-pick{border-radius:var(--r-sm);color:var(--nav-text);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;max-width:150px;margin-left:-5px;padding:1px 5px;font-size:.75rem;display:block;overflow:hidden}.nav .site-pick:hover:not(:disabled){background:var(--nav-active);border-color:var(--nav-active);color:var(--nav-text-strong)}.site-pick-open{gap:6px;margin-top:2px;display:grid}.site-pick-open .muted{font-size:.7rem}.site-pick-actions{gap:6px;display:flex}.site-pick-actions button{flex:1;justify-content:center;padding:5px 8px;font-size:.75rem}.nav-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:12px 10px 6px;font-size:.7rem}.nav-item{border-radius:var(--r-sm);width:100%;color:var(--nav-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:10px;padding:9px 10px;display:flex}.nav .nav-item:hover:not(:disabled){background:var(--nav-active);color:var(--nav-text-strong)}.nav-item.active{background:var(--nav-active);color:var(--nav-text-strong);box-shadow:inset 2px 0 0 var(--accent)}a.nav-item{text-decoration:none}.nav-item .count{color:#64748b;margin-left:auto;font-size:.72rem}.nav-foot{border-top:1px solid #1e293b;margin-top:auto;padding-top:12px}.nav-user{align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.nav-avatar{background:var(--nav-active);width:30px;height:30px;color:var(--nav-text-strong);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.nav-user span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.main{overscroll-behavior:contain;flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;flex:none;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:1.02rem;font-weight:600}.topbar .sub{color:var(--text-muted);font-size:.82rem}.topbar .spacer{flex:1}.page{max-width:1640px;padding:20px 24px 72px}.session-bar{background:var(--err-bg);color:var(--err-ink);border-bottom:1px solid color-mix(in srgb, var(--err-ink) 25%, transparent);flex:none;align-items:center;gap:12px;padding:10px 24px;display:flex}@media (width<=640px){.page{padding:16px 14px 56px}.topbar{padding:0 14px}}.signin{place-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);text-align:center;width:min(420px,100%);padding:32px}button{font:inherit;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}button>svg{flex:none}.hint-ok,.hint-warn,.block-tag,.frame-tag,.out-item{align-items:center;gap:6px;display:flex}.hint-ok>svg,.hint-warn>svg{flex:none}button:hover:not(:disabled):not(.primary):not(.on){background:var(--hover-control);border-color:var(--border-strong)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}button.primary:hover:not(:disabled),button.on:hover:not(:disabled){background:var(--accent-solid);border-color:var(--accent-solid);color:#fff;filter:brightness(1.08)}button.danger{color:var(--err-ink)}button.icon{padding:4px 9px;line-height:1}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;padding:7px 10px}select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c6672' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}@media (prefers-color-scheme:dark){:root:not([data-appearance=light]) select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa4b0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}}.toolbar select,.card-head select{width:auto;min-width:190px;max-width:100%}.sel{flex-direction:column;gap:3px;min-width:0;display:inline-flex}.sel.sel-full{display:flex}.sel.sel-full select{width:100%}.sel label{margin:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{min-height:130px;font-family:ui-monospace,SF Mono,monospace;font-size:13px}label{color:var(--text-muted);margin-bottom:3px;font-size:.86rem;display:block}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:14px;display:flex}.tool,.sel{flex-direction:column;gap:4px;min-width:0;display:inline-flex}.tool-label,.sel label{color:var(--text-muted);white-space:nowrap;margin:0;font-size:.72rem;line-height:1.2}.toolbar button,.toolbar select,.toolbar .seg,.toolbar .sp-color{height:36px}.toolbar .seg button{height:100%}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.card-head h3{margin:0;font-size:1rem}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:1px 10px;font-family:ui-monospace,monospace;font-size:12px}.grid-2{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}@media (width<=1024px){.grid-2{grid-template-columns:minmax(0,1fr)}}.preview{border:1px dashed var(--border);border-radius:var(--r-sm);background:var(--surface-2);overflow-wrap:anywhere;min-height:130px;padding:12px}.preview :first-child{margin-top:0}.banner{border-radius:var(--r-sm);border:1px solid #0000;margin-bottom:12px;padding:10px 14px;font-size:.9rem}.banner svg{vertical-align:-3px;margin-right:6px}.banner>button{margin-left:8px}.banner.ok{background:var(--ok-bg);color:var(--ok-ink);border-color:color-mix(in srgb, var(--ok-ink) 22%, transparent)}.banner.err{background:var(--err-bg);color:var(--err-ink);border-color:color-mix(in srgb, var(--err-ink) 22%, transparent)}.banner.info{background:var(--info-bg);color:var(--info-ink);border-color:color-mix(in srgb, var(--info-ink) 22%, transparent)}.empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--r);padding:36px 16px}.kv{grid-template-columns:minmax(120px,210px) minmax(0,1fr);gap:7px 16px;margin:0;display:grid}.kv dt{color:var(--text-muted);font-size:.88rem}.kv dd{overflow-wrap:anywhere;margin:0}@media (width<=640px){.kv{grid-template-columns:minmax(0,1fr);gap:0}.kv dd{margin-bottom:10px}}.mono{font-family:ui-monospace,SF Mono,monospace;font-size:.88em}.scope-list{flex-wrap:wrap;gap:6px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.field-row{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);gap:10px;margin-bottom:10px;padding:12px;display:grid}.field-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px;display:grid}.checkline{white-space:nowrap;align-items:center;gap:6px;margin:0;display:flex}.toolbar .checkline{align-self:flex-end;height:36px}.checkline input{width:auto;margin:0}.field-grid .checkline{height:36px}.grid-2 .tool-label{margin-bottom:3px;font-size:.86rem;display:block}.grid-2 .checkline{min-height:40px}.builder{gap:var(--gap);grid-template-columns:250px minmax(0,1fr) 360px;align-items:start;margin-bottom:14px;display:grid}.preview-mode .builder{grid-template-columns:1fr}@media (width<=1400px){.builder{grid-template-columns:230px minmax(0,1fr)}.builder .inspector{grid-column:1/-1;max-height:none;position:static}.builder .rail{max-height:none;position:static}}@media (width<=1024px){.builder{grid-template-columns:minmax(0,1fr)}.builder .canvas-col{order:-1}}.zones .toolbar .sep{background:var(--border);align-self:stretch;width:1px;margin:0 2px}.chip.warn{background:var(--err-bg);color:var(--err-ink);border-color:#0000}.seg{border:1px solid var(--border);border-radius:var(--r-sm);display:flex;overflow:hidden}.seg button{border:none;border-radius:0;padding:7px 11px}.seg button+button{border-left:1px solid var(--border)}.seg button.on,button.on{background:var(--accent-solid);color:#fff}.rail{gap:var(--gap);top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - 16px);display:grid;position:sticky;overflow:auto}.rail-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:12px}.rail-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px;font-size:.8rem}.palette{gap:6px;display:grid}.pal,.out-item{text-align:left;justify-content:flex-start;align-items:center}.pal{cursor:grab;background:var(--surface);gap:10px;padding:9px 11px}.pal:hover{background:var(--surface-2)}.pal:active{cursor:grabbing}.pal strong{font-size:.9rem;font-weight:600;display:block}.pal .muted{font-size:.75rem;line-height:1.3;display:block}.pal-icon{border-radius:var(--r-sm);background:var(--info-bg);width:26px;height:26px;color:var(--info-ink);flex:none;place-items:center;display:grid}.pal-text{min-width:0}.pal-icon.sm{width:22px;height:22px;font-size:12px}.outline{gap:3px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.out-item{cursor:grab;background:0 0;border-color:#0000;gap:8px;width:100%;padding:5px 8px;display:flex}.out-item:hover{background:var(--surface-2)}.out-item.picked{background:var(--info-bg);color:var(--info-ink);border-color:var(--accent)}.out-item.is-hidden{opacity:.55}.out-text{min-width:0}.out-text strong{font-size:.85rem;display:block}.out-text .muted{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.75rem;display:block;overflow:hidden}.canvas-scroll{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);min-height:60vh;padding:20px 16px 40px;overflow-x:auto}.frame{background:var(--white,var(--surface));border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);margin:0 auto;padding:18px;transition:max-width .15s;position:relative}.frame-tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:1px 9px;font-size:11px;position:absolute;top:-11px;left:12px}.drop-ph{border:2px dashed var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent) 10%, transparent);height:44px;color:var(--accent);pointer-events:none;justify-content:center;align-items:center;margin:6px 0;font-size:.85rem;font-weight:600;display:flex}.block.dragging{opacity:.35}.tail{height:40px}.tail.armed{outline:1px dashed var(--border);outline-offset:-6px;border-radius:var(--r-sm)}.drop-empty.over{border-color:var(--accent);background:var(--info-bg)}.outline li.out-before{border-top:2px solid var(--accent);margin-top:-2px}.outline li.out-before:empty{height:0}.out-item.dragging{opacity:.4}.block{border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;padding:10px 12px;position:relative}.block:hover{border-color:var(--border)}.block.picked{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.block.is-hidden{opacity:.45}.block.is-hidden:after{content:"";background:repeating-linear-gradient(45deg, transparent 0 8px, var(--surface-2) 8px 9px);pointer-events:none;border-radius:var(--r-sm);position:absolute;inset:0}.block.plain{cursor:default;padding:0 2px}.block>:first-child{margin-top:0}.block-tag{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);opacity:0;cursor:grab;border-radius:999px;padding:0 8px;font-size:11px;position:absolute;top:-10px;left:8px}.block-tools{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);opacity:0;box-shadow:var(--shadow);gap:2px;padding:2px;display:flex;position:absolute;top:-13px;right:8px}.block-tools button{border-color:#0000;padding:2px 7px;font-size:12px}.block:hover .block-tag,.block:hover .block-tools,.block.picked .block-tag,.block.picked .block-tools,.block:focus-within .block-tag,.block:focus-within .block-tools{opacity:1}.block.picked .block-tag{color:var(--accent);border-color:var(--accent)}.block:not(.plain) .form-live,.block:not(.plain) .app-grid,.block:not(.plain) .qa-live{pointer-events:none}.inline-edit{outline:none}.inline-edit:focus{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:3px}.inline-edit:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.placeholder{border:1px dashed var(--border);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.inspector{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - 16px);padding:14px;position:sticky;overflow:auto}.insp-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.insp-head .chip{margin-left:auto}.insp-actions{background:var(--surface-2);border-radius:var(--r-sm);gap:3px;margin-bottom:12px;padding:6px;display:flex}.insp-actions .spacer{flex:1}.insp-fields{gap:12px;display:grid}.hint-ok{color:var(--ok-ink);margin:4px 0 0;font-size:.82rem}.hint-warn{color:var(--err-ink);margin:4px 0 0;font-size:.82rem}.link-row{grid-template-columns:1fr 1fr auto;align-items:start;gap:6px;margin-bottom:6px;display:grid}.link-row .hint-warn{grid-column:1/-1}.sp-theme>svg{color:var(--text-muted);flex:none}.sp-color{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;width:36px;height:36px;padding:3px;overflow:hidden}.sp-color::-webkit-color-swatch-wrapper{padding:0}.sp-color::-webkit-color-swatch{border:none;border-radius:50%}.sp-color::-moz-color-swatch{border:none;border-radius:50%}.appearance{margin:0 10px 8px}.appearance button{color:var(--nav-text);background:0 0;border-color:#0000}.nav .appearance{border-color:#1e293b}.nav .appearance button.on{background:var(--nav-active);color:var(--nav-text-strong)}.form-builder{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,620px);align-items:start;display:grid}@media (width<=1024px){.form-builder{grid-template-columns:minmax(0,1fr)}}.form-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - 16px);padding:14px;position:sticky;overflow:auto}.form-preview h3{align-items:center;gap:6px;display:flex}.preview-frame{background:var(--white,#fff);color:var(--bodyText,#242424);border:1px solid var(--neutralQuaternaryAlt,#e1dfdd);border-radius:var(--r-sm);margin:0 auto;padding:18px;transition:max-width .15s}.preview-frame,.form-live,.preview-frame label{color:var(--bodyText,#242424)}.field-card{border-radius:var(--r-sm);border:1px solid #0000}.field-card.picked{border-color:var(--accent)}.field-card.dragging{opacity:.4}.field-handle{color:var(--text-muted);cursor:grab;align-items:center;gap:6px;margin-bottom:2px;font-size:11px;display:flex}.drop-line{background:var(--accent);border-radius:2px;height:3px;margin:4px 0}.app-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:6px 0;display:grid}.app-tile{border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:.86rem;display:flex}.app-fallback{background:var(--info-bg);width:32px;height:32px;color:var(--info-ink);border-radius:8px;place-items:center;font-weight:700;display:grid}.icon-preview{align-items:center;gap:10px;display:flex}.icon-pick{flex-wrap:wrap;gap:6px;display:flex}.icon-swatch{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:0;padding:4px}.icon-swatch:disabled{opacity:.4;cursor:not-allowed}.icon-swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--info-bg)}.qa-live{gap:6px;display:grid}.qa-search{align-items:center;gap:6px;display:flex}.qa-search input{max-width:260px}.qa-item button{text-align:left;border-color:var(--border);background:0 0;justify-content:flex-start;gap:8px;width:100%}.qa-answer{padding:8px 12px 12px 34px;font-size:.92rem}.img-field{gap:12px;display:grid}.img-drop{border:2px dashed var(--border);border-radius:var(--r-sm);text-align:center;background:var(--surface-2);place-items:center;min-height:120px;padding:10px;display:grid}.img-thumb{border-radius:var(--r-sm);max-width:100%;max-height:160px;display:block}.img-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px;display:grid}.img-cell{justify-items:stretch;gap:4px;height:auto;padding:6px;display:grid}.img-cell img{object-fit:cover;border-radius:var(--r-sm);width:100%;height:90px}.img-cell .muted{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.rte{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.rte-bar{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:2px;padding:4px;display:flex}.rte-bar .spacer{flex:1}.rte-bar button{background:0 0;border-color:#0000;padding:3px 8px;font-size:12px}.rte-bar button:hover:not(:disabled){background:var(--surface)}.rte-area{overflow-wrap:anywhere;outline:none;min-height:140px;padding:10px}.rte-area:focus{box-shadow:inset 0 0 0 2px var(--accent)}.rte textarea{border:none;border-radius:0}.rte details{border-top:1px solid var(--border);padding:6px 8px}.modal-back{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e148c;border:none;place-items:center;margin:0;padding:24px;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}.modal-back:not([open]){display:none}.modal-back::backdrop{background:0 0}body:has(dialog[open]){overflow:hidden}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);outline:none;flex-direction:column;width:min(560px,100%);max-height:min(760px,100vh - 48px);animation:.12s ease-out pop;display:flex;box-shadow:0 24px 60px -12px #10182859}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.modal-sm{width:min(440px,100%)}.modal-lg{width:min(860px,100%)}.modal-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.modal-head h3{margin:0;font-size:1.02rem}.modal-head p{margin:2px 0 0;font-size:.84rem}.modal-x{flex:none;margin-left:auto}.modal-body{gap:14px;padding:16px 18px;display:grid;overflow:auto}.modal-body>label{margin-bottom:-8px}.modal-foot{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r) var(--r);align-items:center;gap:8px;padding:12px 18px;display:flex}.modal-foot .spacer{flex:1}.modal pre.preview{max-height:42vh;margin:0;font-size:12.5px;line-height:1.5;overflow:auto}.modal textarea{min-height:120px}.modal .answer-grid textarea{min-height:64px}.modal input[readonly]{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.modal-body>button{justify-self:start}kbd{background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:ui-monospace,monospace;font-size:12px}.table-scroll{max-height:calc(100vh - var(--sticky-top) - 120px);border:1px solid var(--border);border-radius:var(--r);margin-bottom:20px;overflow:auto}.modal .table-scroll{max-height:42vh;margin-bottom:0}table.grid{border-collapse:collapse;background:var(--surface);width:100%}table.grid th,table.grid td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:9px 12px;font-size:.9rem}table.grid th{background:var(--surface-2);white-space:nowrap;font-weight:600;position:sticky;top:0}table.grid tr:last-child td{border-bottom:none}.cell-link{min-height:44px;font:inherit;color:var(--accent);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.cell-link:hover{text-decoration:underline}table.grid th.ans,table.grid td.ans{min-width:220px}.muted{color:var(--text-muted);font-size:.88rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;display:inline-flex}.badge.ok{background:var(--ok-bg);color:var(--ok-ink)}.badge.err{background:var(--err-bg);color:var(--err-ink)}.badge.warn{background:var(--info-bg);color:var(--info-ink)}.section-head{margin:26px 0 10px;font-size:1.02rem}.banner-actions{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;display:flex}.row-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.row-actions a{min-height:32px;color:var(--accent);align-items:center;padding:0 8px;display:inline-flex}.row-actions .act{min-width:84px}.btn-link{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);align-items:center;gap:6px;padding:7px 14px;font-size:.9rem;text-decoration:none;display:inline-flex}.btn-link:hover{background:var(--surface-2)}.btn-link.icon{padding:7px 9px}.tpl-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.tpl{text-align:left;justify-content:start;place-items:start;gap:6px;height:auto;padding:14px;display:grid}.tpl:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.tpl-head{color:var(--accent);align-items:center;gap:8px;display:flex}.tpl-head strong{color:var(--text)}.tpl .muted{white-space:normal;font-size:.82rem;line-height:1.45}.qa-search{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.qa-search>svg{color:var(--text-muted);flex:none}.qa-search input{background:0 0;border:none;height:100%;padding:0}.qa-search input:focus{outline:none}.qa-search:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.toast-wrap{z-index:60;pointer-events:none;width:auto;max-width:none;height:auto;max-height:none;color:inherit;background:0 0;border:none;gap:8px;margin:0;padding:0;display:grid;position:fixed;inset:auto 20px 20px auto;overflow:visible}.toast-wrap:not(:popover-open){display:none}.toast{pointer-events:auto;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);align-items:center;gap:8px;max-width:420px;padding:11px 12px 11px 14px;font-size:.9rem;animation:.14s ease-out toast-in;display:flex;box-shadow:0 12px 30px -10px #10182859}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast.ok{border-left:3px solid var(--ok-ink);color:var(--ok-ink)}.toast.err{border-left:3px solid var(--err-ink);color:var(--err-ink)}.toast.info{border-left:3px solid var(--info-ink);color:var(--info-ink)}.toast button{margin-left:auto}.toolbar .spin-slot{justify-content:flex-end;width:92px;display:inline-flex}.skip-link{z-index:100;background:var(--accent-solid);color:#fff;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;transition:top .12s;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.page:focus{outline:none}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 37%, var(--surface-2) 63%);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton}.skeleton-list{gap:12px;display:grid}@keyframes skeleton{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--surface-2);animation:none}}.refreshing{width:168px;height:36px;color:var(--text-muted);white-space:nowrap;flex:0 0 168px;justify-content:flex-end;align-items:center;gap:6px;font-size:.82rem;display:inline-flex;overflow:hidden}.flow-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.82rem;display:-webkit-box;overflow:hidden}.owner-list{gap:10px;margin:6px 0 0;padding:0;list-style:none;display:grid}.owner-list li{align-items:center;gap:10px;display:flex}@media (width<=1024px),(pointer:coarse){button,.btn-link,input:not([type=checkbox]):not([type=radio]),select,.nav-item{min-height:44px}button.icon{min-width:44px}.checkline,.grid-2 .checkline{min-height:44px}.checkline input{width:20px;height:20px}.toolbar .checkline{height:auto}.seg button{min-height:44px;padding:8px 14px}.skip-link{align-items:center;min-height:44px;display:inline-flex}}@media (width<=1024px){.topbar .sub{display:none}.topbar h1{font-size:1rem}}@media (width<=640px){.toolbar{gap:10px}.toolbar .sep{display:none}.toolbar .tool,.toolbar .sel{flex:100%}.toolbar .tool select,.toolbar .sel select,.toolbar input:not([type]),.toolbar input[type=text],.toolbar input[type=search]{width:100%;max-width:none}.toolbar .qa-search{flex:100%}.toolbar .sp-color{flex:none;width:44px}.toolbar .sp-pick{flex:none}.refreshing{min-width:0}.toolbar .spacer,.tool-zoom{display:none}}@media (width<=1024px){.rail{gap:10px;display:grid}}.rail-toggle{background:0 0;border:none;justify-content:flex-start;gap:8px;width:100%;padding:4px 0;font-weight:600}@media (width<=640px){.palette{grid-template-columns:repeat(2,minmax(0,1fr))}.palette .pal-hint,.cards-on-phone thead{display:none}.cards-on-phone,.cards-on-phone tbody,.cards-on-phone tr,.cards-on-phone td{width:100%;display:block}.cards-on-phone tr{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);margin-bottom:10px;padding:12px 14px}.cards-on-phone td{border:none;padding:4px 0}.cards-on-phone td[data-label]:before{content:attr(data-label);color:var(--text-muted);margin-bottom:2px;font-size:.75rem;display:block}.cards-on-phone .row-actions{justify-content:flex-start;margin-top:8px}.table-scroll:has(.cards-on-phone){max-height:none;overflow:visible}.modal{width:100%;max-width:none;max-height:92vh}.modal-back{align-items:flex-end;padding:8px}.modal-foot{flex-wrap:wrap}.modal-foot button{flex:auto}}@media (width<=1024px){.form-preview{max-height:none;position:static}}.tb-group{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.tb-end{margin-left:auto}.tb-tools{flex:100%}@media (width<=640px){.tb-group{flex:100%}.tb-end{margin-left:0}}.refreshing.compact{flex:0 0 24px;justify-content:center;width:24px}.canvas-col{min-width:0}.builder>.canvas-bar,.form-builder>.canvas-bar{grid-column:1/-1}.canvas-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.canvas-bar .tb-group{flex-wrap:wrap}.canvas-bar .tb-tools{flex:auto}.pv-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0;display:grid}.pv-stat{border:1px solid var(--neutralQuaternaryAlt,var(--border));text-align:center;border-radius:8px;padding:16px 18px}.pv-stat-value{color:var(--themePrimary,var(--accent));font-size:30px;font-weight:700;line-height:1.15}.pv-stat-value span{margin-left:4px;font-size:15px;font-weight:500}.pv-cards{gap:12px;margin:14px 0;display:grid}.pv-card{border:1px solid var(--neutralQuaternaryAlt,var(--border));border-radius:8px;overflow:hidden}.pv-card img{object-fit:cover;width:100%;height:150px;display:block}.pv-card-body{gap:2px;padding:12px 14px;display:grid}.pv-card-tag{color:var(--themePrimary,var(--accent));font-size:12px}.pv-video{margin:14px 0}.pv-video-box{padding-top:56.25%;position:relative}.pv-video-box iframe{border:0;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.pv-btn{background:var(--themePrimary,var(--accent));color:#fff;border:1px solid var(--themePrimary,var(--accent));border-radius:6px;padding:10px 22px;font-weight:600;display:inline-block}.pv-btn.sec{color:var(--themePrimary,var(--accent));background:0 0}.pv-quote{border-left:3px solid var(--themePrimary,var(--accent));margin:14px 0;padding:4px 0 4px 18px}.pv-quote p{margin:0;font-size:17px}.pv-divider{border:0;border-top:1px solid var(--neutralQuaternaryAlt,var(--border));margin:22px 0}.card-editor{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);gap:6px;margin-bottom:8px;padding:10px;display:grid}.img-pick.compact .toolbar{background:0 0;border:none;padding:0}.img-pick.compact{margin-bottom:8px}.img-chip{object-fit:contain;border:1px solid var(--border);background:var(--surface);border-radius:6px;width:32px;height:32px}.icon-swatch.auto{border-style:dashed;border-color:var(--text-muted)}.kind{white-space:nowrap;color:var(--muted);align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.key-copy{border-radius:var(--r-sm);font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin-left:-6px;padding:2px 6px;display:inline-flex}.key-copy svg{opacity:0;flex:none}.key-copy:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}.key-copy:hover svg,.key-copy:focus-visible svg{opacity:.6}.tool-find{max-width:240px}@media (width<=640px){.narrow-hide{display:none}table.grid th,table.grid td{padding:8px 7px}.row-actions{gap:4px}}table.grid tbody tr:hover{background:var(--hover-row)}.preview-note{white-space:nowrap;cursor:help;border-bottom:1px dotted var(--border-strong);padding:6px 0;font-size:.72rem}