:root{--navy: #1d344e;--navy-2: #2a4767;--teal: #206a6c;--teal-50: #e9f0f0;--teal-100: #d2e1e2;--gold: #eec377;--gold-50: #fcf3e4;--gold-ink: #7a5a22;--brown: #60412a;--bg: #f5f6f8;--surface: #fff;--surface-2: #f9fafb;--line: #e4e7ec;--line-2: #d0d5dd;--text: #101828;--text-2: #344054;--muted: #667085;--dim: #98a2b3;--red: #c4320a;--red-50: #fef3f2;--green: #067647;--green-50: #ecfdf3;--amber: #b54708;--amber-50: #fffaeb;--r-sm: 6px;--r: 10px;--r-lg: 14px;--sh-sm: 0 1px 2px rgba(16, 24, 40, .06);--sh: 0 4px 12px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--sh-lg: 0 20px 40px -8px rgba(16, 24, 40, .18);--ease: cubic-bezier(.2, .7, .2, 1);--font: "SST Arabic", "GE SS Two", "Segoe UI", Tahoma, system-ui, Arial, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{font:14px/1.5 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1{font-size:22px;font-weight:650}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}a{color:var(--teal)}button,input,select,textarea{font:inherit;color:inherit}code{font-size:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 4px}.muted{color:var(--muted)}.small{font-size:12.5px}.dim{color:var(--dim)}.center-pad{display:flex;justify-content:center;padding:48px 16px;text-align:center}.boot{display:grid;place-items:center;height:100vh}.stack{display:grid;gap:14px}.row{display:flex;align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;height:36px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--text-2);font-weight:550;font-size:13.5px;cursor:pointer;text-decoration:none;box-shadow:var(--sh-sm);transition:background .15s var(--ease),border-color .15s var(--ease),color .15s,transform .1s}.btn:hover{background:var(--surface-2);border-color:var(--dim)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn--primary:hover{background:var(--navy-2);border-color:var(--navy-2)}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}.btn--ghost:hover{background:#1018280d;border-color:transparent}.btn--danger{background:var(--red);border-color:var(--red);color:#fff}.btn--danger:hover{background:#a3290a;border-color:#a3290a}.btn--ghost-danger{background:transparent;border-color:transparent;box-shadow:none;color:var(--red)}.btn--ghost-danger:hover{background:var(--red-50)}.btn--google{background:#fff;color:var(--text);border-color:var(--line-2);height:40px;padding:0 16px}.btn--google .ic{color:#4285f4}.btn--sm{height:30px;padding:0 10px;font-size:13px}.btn--xs{height:26px;padding:0 6px;font-size:12px}.btn--icon{padding:0;width:36px}.btn--sm.btn--icon{width:30px}.btn--xs.btn--icon{width:26px}.ic{flex:none}.ic--flip{transform:scaleX(-1)}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none;border:2px solid currentColor;border-right-color:transparent;opacity:.7;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input{width:100%;height:36px;padding:0 10px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--sh-sm);transition:border-color .15s,box-shadow .15s}textarea.input{height:auto;padding:8px 10px;resize:vertical}select.input{padding-left:28px;cursor:pointer}.input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-100)}.input--sm{height:32px;font-size:13px}.input.is-invalid{border-color:var(--red)}.fld{display:grid;gap:6px}.fld__label{font-size:13px;font-weight:550;color:var(--text-2)}.fld__hint{font-size:12px;color:var(--muted)}.fld__error{font-size:12px;color:var(--red)}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle__track{width:36px;height:20px;border-radius:99px;background:var(--line-2);position:relative;transition:background .2s var(--ease);flex:none}.toggle__thumb{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s var(--ease)}.toggle input:checked+.toggle__track{background:var(--teal)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(-16px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--teal);outline-offset:2px}.toggle.is-disabled{opacity:.5;cursor:not-allowed}.toggle__label{font-weight:500;color:var(--text-2)}.seg{justify-self:start;display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.seg button{border:0;background:none;padding:6px 12px;border-radius:7px;cursor:pointer;color:var(--muted);font-weight:550;font-size:13px}.seg button.is-on{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm),0 0 0 1px var(--line)}.seg--wide{display:flex;justify-self:stretch}.seg--wide button{flex:1}.pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:99px;font-size:12px;font-weight:550;white-space:nowrap}.pill--green{background:var(--green-50);color:var(--green)}.pill--gray{background:#f2f4f7;color:var(--muted)}.pill--red{background:var(--red-50);color:var(--red)}.note{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);font-size:13px;color:var(--text-2)}.note .ic{margin-top:2px;color:var(--muted)}.note--warn{background:var(--amber-50);border-color:#fedf89;color:var(--amber)}.note--warn .ic{color:var(--amber)}.copy-field{display:flex;align-items:center;gap:8px}.copy-field .input{flex:1;min-width:0}.copy-field__prefix{color:var(--muted);font-size:13px;white-space:nowrap}.copy-field--sm{margin-top:8px}.search{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--muted);min-width:260px;box-shadow:var(--sh-sm)}.search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-100)}.search input{border:0;outline:0;background:none;flex:1;min-width:0;color:var(--text)}.search--sm{height:30px;min-width:200px}.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:16px 12px;background:var(--surface);border-inline-end:1px solid var(--line)}.side__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;text-decoration:none;color:var(--navy);font-size:15px}.side__brand img{width:18px;height:auto}.side__brand b{color:var(--teal);font-weight:650}.side__nav{display:grid;gap:2px}.side__link{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--r-sm);color:var(--text-2);text-decoration:none;font-weight:550;border:0;background:none;cursor:pointer;width:100%;text-align:start}.side__link:hover{background:var(--surface-2)}.side__link.is-active{background:var(--teal-50);color:var(--teal)}.side__signout{margin-top:auto;color:var(--muted)}.content{min-width:0}.app--editor{grid-template-columns:60px 1fr}.app--editor .side{padding:14px 10px;align-items:center}.app--editor .side__brand span,.app--editor .side__link{font-size:0}.app--editor .side__brand{padding:4px 0 18px}.app--editor .side__link{justify-content:center;width:40px;padding:0;gap:0}.page{max-width:1120px;margin:0 auto;padding:32px 32px 64px}.page--narrow{max-width:820px;display:grid;gap:20px}.page__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.page__head p{margin-top:4px}.page--narrow .page__head{margin-bottom:0}.toolbar{display:flex;gap:12px;margin-bottom:12px}.form-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm)}.form-row{display:grid;grid-template-columns:minmax(240px,1fr) 90px 100px 120px 90px 44px;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .12s}.form-row:first-child{border-top:0}a.form-row:hover{background:var(--surface-2)}.form-row--head{padding-block:9px;background:var(--surface-2);font-size:12.5px;font-weight:600;color:var(--muted)}.form-row__title{display:flex;align-items:center;gap:12px;min-width:0}.form-row__title>span:last-child{display:grid;min-width:0}.form-row__title b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-row__title small{font-size:12px}.form-row__icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--teal-50);color:var(--teal);flex:none}.num{text-align:left;font-variant-numeric:tabular-nums}.form-row__actions{display:flex;justify-content:flex-end}@media(max-width:900px){.form-row{grid-template-columns:1fr auto 44px}.form-row>:nth-child(3),.form-row>:nth-child(4),.form-row>:nth-child(5){display:none}}.empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:64px 24px;background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--r-lg)}.empty__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--teal-50);color:var(--teal);margin-bottom:6px}.empty p{max-width:420px;margin-bottom:10px}.menu{position:relative}.menu__list{position:absolute;top:calc(100% + 4px);z-index:30;min-width:190px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);animation:pop .12s var(--ease)}.menu__list--end{inset-inline-end:0}.menu__list--start{inset-inline-start:0}.menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:var(--r-sm);cursor:pointer;text-align:start;color:var(--text-2);font-weight:500}.menu__item:hover{background:var(--surface-2)}.menu__item.is-danger{color:var(--red)}.menu__item.is-danger:hover{background:var(--red-50)}.menu__sep{height:1px;background:var(--line);margin:4px}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:50;background:#10182866;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s}.modal-backdrop{display:grid;place-items:center;padding:16px}.modal{width:100%;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);animation:pop .18s var(--ease);outline:none}.modal__head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 0 16px}.modal__body{padding:16px 20px 20px}.modal__foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg)}@keyframes fade{0%{opacity:0}}.drawer{position:absolute;top:0;inset-inline-end:0;bottom:0;width:min(480px,100vw);background:var(--surface);box-shadow:var(--sh-lg);display:flex;flex-direction:column;animation:slide .2s var(--ease)}@keyframes slide{0%{transform:translate(-24px);opacity:0}}.drawer__head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 16px 14px 20px;border-bottom:1px solid var(--line)}.drawer__body{overflow:auto;padding:8px 20px 32px}.drawer__section{margin-top:20px;padding-top:12px;border-top:1px solid var(--line);color:var(--teal)}.answer{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}.answer__q{font-size:12.5px;color:var(--muted);font-weight:550}.answer__a{white-space:pre-wrap;word-break:break-word}.answer--empty .answer__a{color:var(--dim);font-style:italic;font-size:13px}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:80;display:grid;gap:8px;justify-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(560px,92vw);padding:10px 14px 10px 10px;border-radius:var(--r);background:#101828;color:#fff;box-shadow:var(--sh-lg);font-size:13.5px;animation:pop .18s var(--ease)}.toast--success .ic{color:#6ce9a6}.toast--error{background:#7a1c06}.toast--info .ic{color:var(--gold)}.toast__action{border:0;background:#ffffff24;color:#fff;padding:4px 10px;border-radius:6px;cursor:pointer;font-weight:600}.toast__close{border:0;background:none;color:#fff9;cursor:pointer;padding:2px;display:grid}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(32,106,108,.18),transparent 70%),var(--bg)}.auth__card{width:100%;max-width:380px;display:grid;gap:14px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh)}.auth__logo{width:26px;height:auto;margin-bottom:4px}.auth__error{display:flex;align-items:center;gap:6px;color:var(--red);font-size:13px}.auth__submit{height:40px;margin-top:4px;width:100%}.auth__or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}.auth__or:before,.auth__or:after{content:"";flex:1;height:1px;background:var(--line)}.editor{display:flex;flex-direction:column;height:100vh}.editor__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:56px;padding:0 12px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}.editor__left{display:flex;align-items:center;gap:8px;min-width:0}.editor__right{display:flex;align-items:center;justify-content:flex-end;gap:6px}.editor__title{min-width:0;flex:0 1 340px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:var(--r-sm);background:none;font-weight:600;font-size:15px;text-overflow:ellipsis}.editor__title:hover{border-color:var(--line)}.editor__title:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-100)}.save{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap}.save--saved .ic{color:var(--green)}.save--error{color:var(--red)}.save .spinner{width:12px;height:12px;border-width:1.5px}.tabs{display:flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.tabs__tab{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:7px;text-decoration:none;color:var(--muted);font-weight:550;font-size:13.5px}.tabs__tab:hover{color:var(--text)}.tabs__tab.is-active{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm),0 0 0 1px var(--line)}.tabs__count{min-width:20px;height:18px;padding:0 6px;border-radius:99px;background:var(--teal);color:#fff;font-size:11px;font-weight:650;display:grid;place-items:center}.editor__body{flex:1;min-height:0;overflow:auto}@media(max-width:900px){.editor__bar{grid-template-columns:1fr auto;height:auto;padding:8px 12px}.tabs{grid-column:1 / -1;grid-row:2;justify-self:start}.editor__right .btn span{display:none}}.builder{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;height:100%}.palette,.inspector{overflow:auto;background:var(--surface);padding:16px}.palette{border-inline-end:1px solid var(--line)}.inspector{border-inline-start:1px solid var(--line)}.panel-title{font-size:12.5px;color:var(--muted);font-weight:650;margin-bottom:12px}.palette__group{display:grid;gap:1px;margin-bottom:14px}.palette__label{font-size:11.5px;color:var(--dim);font-weight:600;padding:0 8px 4px}.palette__item{display:flex;align-items:center;gap:10px;height:34px;padding:0 8px;border:0;background:none;border-radius:var(--r-sm);cursor:pointer;color:var(--text-2);font-weight:500;text-align:start}.palette__item:hover{background:var(--teal-50);color:var(--teal)}.palette__icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.palette__item:hover .palette__icon{background:#fff;border-color:var(--teal-100);color:var(--teal)}.palette__tip{display:flex;gap:8px;padding:10px;border-radius:var(--r-sm);background:var(--gold-50);color:var(--gold-ink);font-size:12.5px;line-height:1.45}.palette__tip .ic{margin-top:2px}.canvas{overflow:auto;padding:28px 24px 120px}.canvas__inner{max-width:720px;margin:0 auto;display:grid;gap:10px}.canvas__empty{display:grid;justify-items:center;gap:8px;padding:40px;border:1.5px dashed var(--line-2);border-radius:var(--r-lg);color:var(--muted)}.canvas__add{display:flex;justify-content:center;padding-top:10px}.qwrap{position:relative}.dropline{height:3px;border-radius:3px;background:var(--teal);margin:3px 0;box-shadow:0 0 0 3px var(--teal-100)}.qcard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 18px 16px;box-shadow:var(--sh-sm);cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s}.qcard:hover{border-color:var(--line-2)}.qcard.is-selected{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-100),var(--sh);cursor:default}.qcard.is-selected:before{content:"";position:absolute;inset-block:12px;inset-inline-start:-1px;width:4px;border-radius:0 4px 4px 0;background:var(--teal)}[dir=rtl] .qcard.is-selected:before{border-radius:4px 0 0 4px}.qcard.is-dragging{opacity:.4}.qcard.has-logic:not(.is-selected){border-inline-start:3px solid var(--gold)}.qcard--intro{border-top:6px solid var(--navy);cursor:default;padding:18px 20px}.qcard--heading{background:linear-gradient(180deg,var(--surface),var(--surface-2))}.qcard__formtitle{width:100%;border:0;background:none;font-size:24px;font-weight:650;padding:2px 0;border-bottom:1.5px solid transparent}.qcard__formdesc{margin-top:6px;color:var(--muted)}.qcard__formtitle:focus,.autotext:focus{outline:none;border-bottom-color:var(--teal)}.qcard__top{display:flex;align-items:center;gap:8px;min-height:28px;margin-bottom:4px}.qcard__grip{cursor:grab;color:var(--dim);display:grid;padding:2px;border-radius:4px;margin-inline-start:-8px}.qcard__grip:hover{color:var(--text-2);background:var(--surface-2)}.qcard__grip:active{cursor:grabbing}.qcard__type{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);font-weight:550}.qcard__logic{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:99px;background:var(--gold-50);color:var(--gold-ink);font-size:11.5px;font-weight:600}.qcard__controls{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:99px;background:var(--teal-50);color:var(--teal);font-size:11.5px;font-weight:600}.qcard__actions{margin-inline-start:auto;display:flex;gap:0;opacity:0;transition:opacity .12s}.qcard:hover .qcard__actions,.qcard.is-selected .qcard__actions,.qcard:focus-within .qcard__actions{opacity:1}.qcard__when{display:flex;align-items:flex-start;gap:6px;margin:2px 0 8px;padding:6px 10px;border-radius:var(--r-sm);background:var(--gold-50);color:var(--gold-ink);font-size:12.5px;line-height:1.45}.qcard__when .ic{margin-top:2px}.qcard__labelrow{display:flex;align-items:flex-start;gap:4px}.autotext{display:block;width:100%;resize:none;overflow:hidden;border:0;border-bottom:1.5px solid transparent;background:none;padding:3px 0;line-height:1.5;cursor:text}.autotext:hover{border-bottom-color:var(--line)}.qcard__label{font-size:15.5px;font-weight:550}.qcard__label--heading{font-size:19px;font-weight:650;color:var(--navy)}.qcard__req{color:var(--red);font-weight:700;font-size:16px;line-height:1.6}.qcard__desc{font-size:13px;color:var(--muted);margin-top:2px}.qcard__body{margin-top:12px}.qcard__foot{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.input-preview{height:38px;display:flex;align-items:center;padding:0 12px;border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--dim);font-size:13px;max-width:420px;background:var(--surface-2)}.input-preview--tall{height:72px;align-items:flex-start;padding-top:9px;max-width:none}.scale-preview{display:flex;gap:8px;flex-wrap:wrap}.scale-preview span{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-size:13px;color:var(--muted)}.opt-preview{display:grid;gap:8px}.opt-preview__row{display:flex;align-items:center;gap:10px;color:var(--text-2)}.opt-preview--list{margin:0;padding-inline-start:22px;color:var(--text-2);display:grid;gap:4px}.mark{width:16px;height:16px;border:1.5px solid var(--line-2);flex:none}.mark--radio{border-radius:50%}.mark--check{border-radius:4px}.opts{display:grid;gap:4px;cursor:default}.opts__row{display:flex;align-items:center;gap:10px}.opts__num{width:16px;color:var(--muted);font-size:13px;text-align:end}.opts__input{flex:1;min-width:0;height:32px;padding:0 2px;border:0;border-bottom:1.5px solid transparent;background:none}.opts__input:hover{border-bottom-color:var(--line)}.opts__input:focus{outline:none;border-bottom-color:var(--teal)}.opts__input.is-dupe{border-bottom-color:var(--amber)}.opts__warn{color:var(--amber);display:grid}.opts__add{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:4px;padding:6px 8px;border:0;background:none;color:var(--teal);font-weight:600;cursor:pointer;border-radius:var(--r-sm)}.opts__add:hover{background:var(--teal-50)}.opts__hint{font-size:11.5px;color:var(--dim)}.addmenu{position:relative}.addmenu__grid{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:2px;width:340px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);animation:pop .12s var(--ease)}.addmenu__grid button{display:flex;align-items:center;gap:8px;padding:8px;border:0;background:none;border-radius:var(--r-sm);cursor:pointer;color:var(--text-2);text-align:start}.addmenu__grid button:hover{background:var(--teal-50);color:var(--teal)}.insp{display:grid;gap:16px}.insp .panel-title{margin-bottom:-4px}.insp__section{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}.insp__section h4{display:flex;align-items:center;gap:6px;font-size:13.5px}.logic{margin-inline:-16px;padding-inline:16px;padding-bottom:16px;transition:background .2s}.logic.is-on{background:linear-gradient(180deg,var(--gold-50),rgba(252,243,228,.3))}.logic__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.logic__head p{margin-top:2px}.logic__match{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.logic__match .input{flex:1}.rule{position:relative;display:grid;gap:6px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm)}.rule__join{position:absolute;top:-11px;right:12px;height:18px;padding:0 7px;border-radius:99px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.rule__row{display:flex;gap:4px}.rule__op{flex:1}.logic__add{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:6px 8px;border:0;background:none;color:var(--brown);font-weight:600;cursor:pointer;border-radius:var(--r-sm)}.logic__add:hover{background:var(--gold-50)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);font-size:12.5px;cursor:pointer;color:var(--text-2)}.chip.is-on{background:var(--teal-50);border-color:var(--teal-100);color:var(--teal)}.deplist{list-style:none;margin:0;padding:0;display:grid;gap:2px}.deplist button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:0;background:none;border-radius:var(--r-sm);cursor:pointer;text-align:start;color:var(--teal);font-weight:500}.deplist button:hover{background:var(--teal-50)}.logic-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.logic-list button{display:grid;gap:4px;width:100%;padding:10px 12px;border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;text-align:start}.logic-list button:hover{border-color:var(--line-2);box-shadow:var(--sh-sm)}.logic-list span{font-size:12.5px;color:var(--gold-ink)}.logic-howto ol{margin:0;padding-inline-start:18px;display:grid;gap:8px;color:var(--text-2);font-size:13px}@media(max-width:1180px){.builder{grid-template-columns:minmax(0,1fr) 320px}.palette{display:none}}@media(max-width:820px){.builder{grid-template-columns:1fr;height:auto}.canvas{overflow:visible;padding-bottom:40px}.inspector{border-left:0;border-top:1px solid var(--line);overflow:visible}.editor{height:auto;min-height:100vh}}.resp{padding:20px 24px 48px;display:grid;gap:16px;align-content:start}.resp__bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.stat{display:grid;padding:8px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm)}.stat__n{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}.stat__l{font-size:12px;color:var(--muted)}.sync{display:flex;align-items:center;gap:8px;height:50px;padding:0 14px 0 8px;border-radius:var(--r);border:1px solid;font-size:13px;font-weight:500}.sync--ok{background:var(--green-50);border-color:#abefc6;color:var(--green)}.sync--warn{background:var(--amber-50);border-color:#fedf89;color:var(--amber)}.sync--off{background:var(--surface);border-color:var(--line);color:var(--muted)}.resp__actions{margin-inline-start:auto;display:flex;align-items:center;gap:6px}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:auto;box-shadow:var(--sh-sm);max-height:calc(100vh - 200px)}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.table th{position:sticky;top:0;z-index:2;background:var(--surface-2);font-weight:600;color:var(--text-2);font-size:12.5px}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:hover,.table tbody tr.is-open{background:var(--teal-50)}.table__check{width:40px;position:sticky;right:0;background:inherit}.table th.table__check{z-index:3}.table td.table__check{background:var(--surface)}.table tbody tr:hover td.table__check,.table tbody tr.is-open td.table__check{background:var(--teal-50)}.table__time{color:var(--muted);font-variant-numeric:tabular-nums}.table__sync{width:56px;text-align:center!important}.th-logic{display:inline-block;margin-inline-start:4px;color:var(--gold-ink);vertical-align:-2px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot--ok{background:#17b26a}.dot--wait{background:var(--gold)}.dot--bad{background:var(--red)}.dot--off{background:var(--line-2)}.settings{max-width:760px;margin:0 auto;padding:24px 24px 64px;display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-sm);display:grid;gap:16px;scroll-margin-top:16px}.card__head{display:flex;gap:12px;align-items:flex-start}.card__head p{margin-top:2px}.sheets-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e6f4ea;color:#188038;flex:none}.sheets-logo--gray{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.setting{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;border-top:1px solid var(--line)}.card>h2+.setting{border-top:0;padding-top:0}.linked{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.linked__main{display:grid;gap:2px;flex:1;min-width:0}.linked__title{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text);text-decoration:none}.linked__title:hover{color:var(--teal)}.steps{margin:0;padding-inline-start:20px;display:grid;gap:10px;color:var(--text-2)}.accounts{display:grid;gap:8px}.account{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r)}.account__avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:650;flex:none}.account__main{display:grid;flex:1;min-width:0}.account__main b{overflow:hidden;text-overflow:ellipsis}