.subhead{position:sticky;top:0;z-index:40;height:64px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border-1);display:flex;align-items:center;gap:1.25rem;padding:0 clamp(1.25rem,3vw,2.5rem)}.subhead .back{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-2);padding:.45rem .8rem;border-radius:var(--r-pill);transition:background var(--t-fast),color var(--t-fast)}.subhead .back:hover{background:var(--neutral-100);color:var(--fg-1)}.subhead .logo{display:flex;align-items:center;gap:.5rem}.subhead .logo img{height:22px}.subhead .slash{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);padding:2px 7px;border:1px solid var(--border-2);border-radius:var(--r-pill)}.subhead .crumb{font-size:var(--fs-sm);color:var(--fg-3)}.subhead .crumb b{color:var(--fg-1);font-weight:var(--fw-semibold)}.subhead .spacer{flex:1}.page-tabs{display:flex;gap:2px;background:var(--neutral-100);padding:4px}.page-tab,.page-tabs{border-radius:var(--r-pill)}.page-tab{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-3);padding:.5rem 1rem;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:0;background:transparent}.page-tab.active,.page-tab:hover{color:var(--fg-1)}.page-tab.active{background:var(--bg-surface);box-shadow:var(--sh-sm)}@media (max-width:760px){.page-tab .lg,.subhead .crumb{display:none}}.subhead{gap:clamp(.5rem,1.4vw,1.1rem)}.subhead .crumb{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1180px){.subhead .proj-intel,.subhead .wa-lim{display:none}}@media (max-width:1000px){.subhead .ckfab.in-head{display:none}}.page-wrap{max-width:1160px;margin-inline:auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,3rem) 6rem}.page-hero{margin-bottom:clamp(2rem,4vw,3rem)}.page-hero .num{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--fg-4)}.page-hero h1{font-size:var(--fs-6xl);font-weight:var(--fw-black);letter-spacing:var(--track-mega);line-height:1.04;margin-top:.6rem;color:var(--fg-1)}.page-hero p{font-size:var(--fs-xl);color:var(--fg-3);margin-top:.9rem;max-width:60ch;text-wrap:pretty}.panel{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:clamp(1.5rem,3vw,2rem)}.panel+.panel{margin-top:1.25rem}.panel-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--fg-1);display:flex;align-items:center;gap:.6rem}.panel-title .kbd{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);background:var(--neutral-100);padding:2px 7px;border-radius:6px;font-weight:var(--fw-medium)}.panel-sub{color:var(--fg-3);margin-top:.35rem;font-size:var(--fs-base)}.label-mono{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4)}.launcher{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}@media (max-width:900px){.launcher{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.launcher{grid-template-columns:1fr}}.launch{display:block;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:1.4rem;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base),border-color var(--t-base);position:relative;overflow:hidden}.launch:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-color:transparent}.launch .lic{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;margin-bottom:1rem}.launch h4{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--fg-1);display:flex;align-items:center;gap:.4rem}.launch h4 .arr{transition:transform var(--t-base) var(--ease-out);color:var(--fg-4)}.launch:hover h4 .arr{transform:translateX(4px);color:var(--fg-1)}.launch p{font-size:var(--fs-sm);color:var(--fg-3);margin-top:.35rem;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.fc{display:flex;flex-direction:column;gap:.45rem}.fc-label,.fc>label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-1);display:flex;align-items:center;gap:.35rem}.fc-label .req{color:var(--coral-deep)}.fc .help{font-size:var(--fs-xs);color:var(--fg-4)}.fc .err{color:var(--danger)}.fc .err,.fc .ok{font-size:var(--fs-xs);display:flex;align-items:center;gap:.3rem}.fc .ok{color:var(--success)}.inp,.sel,.ta{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--fg-1);padding:.72rem .95rem;border:1.5px solid var(--border-2);border-radius:var(--r-md);background:var(--bg-surface);transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.inp::-moz-placeholder,.ta::-moz-placeholder{color:var(--fg-4)}.inp::placeholder,.ta::placeholder{color:var(--fg-4)}.bc-collapse.panel{padding:0;overflow:hidden}.bc-collapse-sum{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:1rem 1.2rem;-webkit-tap-highlight-color:transparent}.bc-collapse-sum::-webkit-details-marker{display:none}.bc-collapse[open]>.bc-collapse-sum{border-bottom:1px solid var(--border-1)}.bc-collapse-chev{transition:transform var(--t-fast);color:var(--fg-3);flex:0 0 auto}.bc-collapse[open] .bc-collapse-chev{transform:rotate(180deg)}.bc-collapse>div{padding:0 1.2rem 1.2rem}input[type=date].inp,input[type=datetime-local].inp,input[type=month].inp,input[type=time].inp{font-family:var(--font-sans);color:var(--fg-1);min-height:46px;accent-color:var(--coral);color-scheme:light;-webkit-appearance:none;-moz-appearance:none;appearance:none}:root[data-theme=dark] input[type=date].inp,:root[data-theme=dark] input[type=datetime-local].inp,:root[data-theme=dark] input[type=month].inp,:root[data-theme=dark] input[type=time].inp{color-scheme:dark}input[type=date].inp::-webkit-datetime-edit,input[type=datetime-local].inp::-webkit-datetime-edit,input[type=time].inp::-webkit-datetime-edit{color:var(--fg-1);padding:0}input[type=date].inp::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=date].inp::-webkit-calendar-picker-indicator,input[type=datetime-local].inp::-webkit-calendar-picker-indicator,input[type=time].inp::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;border-radius:var(--r-sm);padding:2px;-webkit-transition:opacity var(--t-fast);transition:opacity var(--t-fast)}input[type=date].inp::-webkit-calendar-picker-indicator:hover,input[type=datetime-local].inp::-webkit-calendar-picker-indicator:hover,input[type=time].inp::-webkit-calendar-picker-indicator:hover{opacity:1}.inp:focus,.sel:focus,.ta:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.ta{resize:vertical;min-height:92px;line-height:1.5}.inp:disabled,.ta:disabled{background:var(--neutral-50);color:var(--fg-4);cursor:not-allowed}.inp.is-error{border-color:var(--coral);box-shadow:0 0 0 4px var(--coral-soft)}.inp.is-ok{border-color:var(--grass);box-shadow:0 0 0 4px var(--grass-soft)}.inp-wrap{position:relative;display:flex;align-items:center}.inp-wrap .pre{position:absolute;left:.9rem;color:var(--fg-4);font-size:var(--fs-base);pointer-events:none}.inp-wrap .pre+.inp{padding-left:2.1rem}.inp-wrap .suf{position:absolute;right:.9rem;color:var(--fg-4)}.sel-wrap{position:relative}.sel-wrap:after{content:"";position:absolute;right:1rem;top:50%;width:9px;height:9px;border-right:2px solid var(--fg-3);border-bottom:2px solid var(--fg-3);transform:translateY(-65%) rotate(45deg);pointer-events:none}.sel{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.4rem}.choice,.sel{cursor:pointer}.choice{display:flex;align-items:flex-start;gap:.65rem;font-size:var(--fs-base);color:var(--fg-1)}.choice input{position:absolute;opacity:0;width:0;height:0}.choice .box{width:22px;height:22px;border:2px solid var(--neutral-400);border-radius:7px;flex-shrink:0;display:grid;place-items:center;transition:all var(--t-fast);background:var(--bg-surface);margin-top:1px}.choice .box.round{border-radius:50%}.choice .box svg{opacity:0;transform:scale(.5);transition:all var(--t-fast) var(--ease-snap)}.choice input:checked+.box{background:var(--ink);border-color:var(--fg-1)}.choice input:checked+.box svg{opacity:1;transform:scale(1)}.choice:hover .box{border-color:var(--fg-3)}.choice .box.round .rdot{width:9px;height:9px;border-radius:50%;background:var(--bg-surface);opacity:0;transform:scale(.4);transition:all var(--t-fast) var(--ease-snap)}.choice input:checked+.box.round .rdot{opacity:1;transform:scale(1)}.choice input:focus-visible+.box{box-shadow:0 0 0 4px var(--sky-soft);border-color:var(--sky)}.choice .ctext small{display:block;color:var(--fg-4);font-size:var(--fs-xs);margin-top:1px}.dd{position:relative}.dd-btn{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--fg-1);padding:.72rem .95rem;border:1.5px solid var(--border-2);border-radius:var(--r-md);background:var(--bg-surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.dd-btn:hover{border-color:var(--border-3)}.dd-btn .dd-val{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-btn .chev{color:var(--fg-3);flex-shrink:0;transition:transform var(--t-fast)}.dd.open .dd-btn{border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-soft)}.dd.open .dd-btn .chev{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:6px;z-index:60;max-height:264px;overflow-y:auto;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.dd.open .dd-menu{opacity:1;transform:none;pointer-events:auto}.dd-opt{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.dd-opt:hover{background:var(--neutral-50);color:var(--fg-1)}.dd-opt.is-sel{background:var(--ink);color:#fff}.dd-opt .ck{opacity:0;flex-shrink:0}.dd-opt.is-sel .ck{opacity:1}.switch{display:inline-flex;align-items:center;gap:.7rem;cursor:pointer;font-size:var(--fs-base);color:var(--fg-1);position:relative}.switch input{position:absolute;opacity:0}.switch .track{width:46px;height:26px;border-radius:999px;background:var(--neutral-300);position:relative;transition:background var(--t-base);flex-shrink:0}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--bg-surface);box-shadow:var(--sh-sm);transition:transform var(--t-base) var(--ease-snap)}.switch input:checked+.track{background:var(--grass)}.switch input:checked+.track:after{transform:translateX(20px)}.switch input:focus-visible+.track{box-shadow:0 0 0 4px var(--sky-soft)}.segmented{display:inline-flex;background:var(--neutral-100);border-radius:var(--r-pill);padding:4px;gap:2px}.segmented a,.segmented button{border:0;background:transparent;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-3);padding:.5rem 1rem;border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast);text-decoration:none;display:inline-block}.segmented a.active,.segmented button.active{background:var(--bg-surface);color:var(--fg-1);box-shadow:var(--sh-sm)}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--neutral-200);outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--ink);cursor:pointer;box-shadow:var(--sh-sm);border:3px solid #fff}.range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--ink);cursor:pointer;border:3px solid #fff}.dropzone{display:block;border:2px dashed var(--border-3);border-radius:var(--r-lg);padding:2rem;text-align:center;color:var(--fg-3);transition:all var(--t-fast);cursor:pointer;background:var(--neutral-50)}.dropzone:hover{border-color:var(--sky);background:var(--sky-soft);color:var(--sky-deep)}.dropzone .di{width:44px;height:44px;margin:0 auto .7rem;border-radius:var(--r-md);background:var(--bg-surface);display:grid;place-items:center;box-shadow:var(--sh-sm)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.55rem;border:1.5px solid var(--border-2);border-radius:var(--r-md)}.chip-x,.chips{align-items:center}.chip-x{display:inline-flex;gap:.4rem;background:var(--ink);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:.3rem .35rem .3rem .7rem;border-radius:var(--r-pill)}.chip-x b{width:16px;height:16px;border-radius:50%;background:hsla(0,0%,100%,.2);display:grid;place-items:center;font-size:11px;cursor:pointer}.states-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width:760px){.states-row{grid-template-columns:repeat(2,1fr)}}.builder{display:grid;grid-template-columns:244px 1fr 312px;height:calc(100vh - 64px);background:var(--bg-canvas)}@media (max-width:1080px){.builder{grid-template-columns:1fr;height:auto}.builder .bpanel.inspector,.builder .bpanel.palette{display:none}}.bpanel{background:var(--bg-surface);min-height:0;overflow-y:auto}.bpanel.palette{border-right:1px solid var(--border-1)}.bpanel.inspector{border-left:1px solid var(--border-1)}.bpanel-head{padding:1rem 1.1rem .7rem;position:sticky;top:0;background:var(--bg-surface);z-index:2}.bpanel-head h3{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--fg-1)}.bpanel-head p{font-size:var(--fs-xs);color:var(--fg-4);margin-top:2px}.pal-group{padding:.4rem 1.1rem 1rem}.pal-group .label-mono{padding:.6rem 0 .5rem;display:block}.pal-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .65rem;border-radius:var(--r-md);cursor:grab;transition:background var(--t-fast);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-2);border:1px solid transparent}.pal-item:hover{background:var(--neutral-50);border-color:var(--border-1);color:var(--fg-1)}.pal-item:active{cursor:grabbing}.pal-item .pic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.canvas-area{overflow-y:auto;padding:clamp(1.25rem,3vw,2.5rem)}.form-doc{max-width:560px;margin-inline:auto;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--r-2xl);box-shadow:var(--sh-md);overflow:hidden}.form-doc-head{background:var(--ink);color:#fff;padding:1.6rem 1.75rem;position:relative}.form-doc-head .badge-wa{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--grass);background:rgba(37,211,102,.16);padding:3px 9px;border-radius:999px;margin-bottom:.7rem}.form-doc-head h2{color:#fff;font-size:var(--fs-2xl);font-weight:var(--fw-extra)}.form-doc-head p{color:var(--fg-on-ink-2);font-size:var(--fs-sm);margin-top:.35rem}.form-doc-body{padding:1.6rem 1.75rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.fb-field{border:1.5px solid transparent;border-radius:var(--r-md);padding:.5rem;margin:-.5rem;position:relative;transition:border-color var(--t-fast),background var(--t-fast);cursor:pointer}.fb-field:hover{border-color:var(--border-2);background:var(--neutral-50)}.fb-field.selected{border-color:var(--sky);background:var(--sky-soft)}.fb-field.selected:before{content:"Editing";position:absolute;top:-10px;left:10px;background:var(--sky);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;font-family:var(--font-mono)}.fb-grip{position:absolute;left:-22px;top:50%;transform:translateY(-50%);color:var(--fg-4);opacity:0;transition:opacity var(--t-fast);cursor:grab}.fb-field:hover .fb-grip{opacity:1}.insp-section{padding:1rem 1.2rem;border-bottom:1px solid var(--border-1)}.insp-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.insp-row:last-child{margin-bottom:0}.clearspace{background:var(--neutral-50);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:3rem;display:grid;place-items:center;position:relative}.clearspace .frame{position:relative;padding:48px}.clearspace .frame:before{content:"";position:absolute;inset:0;border:1.5px dashed var(--border-3);border-radius:8px}.clearspace .frame img{height:50px;position:relative}.cs-tick{position:absolute;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);background:var(--neutral-50);padding:0 4px}.misuse{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width:760px){.misuse{grid-template-columns:1fr}}.misuse .m{border:1px solid var(--border-1);border-radius:var(--r-lg);overflow:hidden}.misuse .m .vis{height:130px;display:grid;place-items:center;background:var(--neutral-50);position:relative}.misuse .m .cap{padding:.7rem .9rem;font-size:var(--fs-sm);color:var(--fg-2);display:flex;align-items:center;gap:.45rem;border-top:1px solid var(--border-1)}.misuse .m .cap .x{width:18px;height:18px;border-radius:50%;background:var(--coral-soft);color:var(--coral-deep);display:grid;place-items:center;font-weight:800;font-size:11px;flex-shrink:0}.misuse .m .cap .ok{background:var(--grass-soft);color:var(--grass-deep)}.app-card{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-md);border:1px solid var(--border-1)}.app-card .cap{padding:.8rem 1rem;font-size:var(--fs-sm);color:var(--fg-3);background:var(--bg-surface)}.utility{display:flex;flex-wrap:wrap;gap:.9rem}.tnb-wiz{--tnb-bar-h:64px;--tnb-mnav-clear:calc(64px + env(safe-area-inset-bottom));padding-bottom:1.5rem}.tnb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:1.5rem;align-items:start}.tnb-form{min-width:0;max-width:46rem}.tnb-preview{position:sticky;top:.5rem;align-self:start;padding:1rem!important}.tnb-preview .phone{transform:none;margin:0 auto;max-width:300px}.tnb-preview .wa-thread{min-height:160px!important;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tnb-preview .wa-thread::-webkit-scrollbar{display:none}.tnb-preview-cap{text-align:center;font-size:var(--fs-2xs);color:var(--fg-4);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.tnb-stepper{list-style:none;display:flex;align-items:flex-start;gap:0;margin:0 0 .4rem;padding:0}.tnb-step{flex:1 1 0;min-width:0;position:relative;display:flex}.tnb-step:not(:first-child):before{content:"";position:absolute;top:15px;left:-50%;right:50%;height:2px;background:var(--border-1);z-index:0}.tnb-step.is-current:before,.tnb-step.is-done:before{background:var(--coral,#ef5350)}.tnb-step-btn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;min-height:44px;padding:.1rem .2rem;background:transparent;border:0;cursor:pointer;font-family:inherit;color:var(--fg-4)}.tnb-step-btn:disabled{cursor:default}.tnb-step-n{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;border:2px solid var(--border-2);background:var(--bg-surface);color:var(--fg-3);font-weight:var(--fw-bold);font-size:var(--fs-sm);transition:background .15s,border-color .15s,color .15s}.tnb-step-num{display:block}.tnb-step-tick{display:none}.tnb-step-lbl{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--fg-3);text-align:center;line-height:1.2}.tnb-step.is-current .tnb-step-n{border-color:var(--coral,#ef5350);color:var(--coral-deep,#b3261e);background:var(--coral-soft,rgba(255,90,80,.1))}.tnb-step.is-current .tnb-step-lbl{color:var(--fg-1)}.tnb-step.is-done .tnb-step-n{border-color:var(--coral,#ef5350);background:var(--coral,#ef5350);color:#fff}.tnb-step.is-done .tnb-step-num{display:none}.tnb-step.is-done .tnb-step-tick{display:block}.tnb-step.is-done .tnb-step-btn{cursor:pointer}.tnb-step-btn:focus-visible{outline:2px solid var(--coral,#ef5350);outline-offset:2px;border-radius:10px}.tnb-stepcount{font-size:var(--fs-xs);color:var(--fg-3);font-weight:var(--fw-medium);margin:0 0 1.1rem}.tnb-panel-head{margin-bottom:1.1rem}.tnb-panel-head h2{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:0 0 .2rem}.tnb-panel-head p{margin:0}.tnb-btn-add{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tnb-count{text-align:right;font-size:var(--fs-2xs);color:var(--fg-4);font-family:var(--font-mono);margin-top:.25rem}.tnb-vars:not(:empty){margin-top:.3rem}.tnb-errors{background:var(--coral-soft,rgba(255,90,80,.1));color:var(--coral-deep,#b3261e);border:1px solid var(--coral,#ef5350);border-radius:var(--r-md);padding:.6rem .8rem;font-size:var(--fs-sm);margin-bottom:1rem}.tnb-btns{display:flex;flex-direction:column;gap:.8rem}.tnb-btn-row{border:1px solid var(--border-1);border-radius:var(--r-lg);padding:.8rem .9rem;background:var(--bg-surface)}.tnb-btn-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dropzone.is-drag{border-color:var(--sky);background:var(--sky-soft);color:var(--sky-deep)}.tnb-summary{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:.1rem 1rem;margin:0 0 1.3rem;border:1px solid var(--border-1);border-radius:var(--r-lg);padding:1rem 1.1rem;background:var(--bg-surface)}.tnb-summary dt{font-size:var(--fs-xs);color:var(--fg-3);font-weight:var(--fw-semibold);padding:.3rem 0}.tnb-summary dd{margin:0;font-size:var(--fs-sm);color:var(--fg-1);padding:.3rem 0;word-break:break-word}.tnb-review-preview{display:grid;place-items:center}.tnb-preview-inline{position:static!important;top:auto;width:100%}.tnb-optout{justify-content:space-between;gap:.8rem;flex-wrap:wrap;background:var(--amber-soft,rgba(245,158,11,.1));color:var(--amber-deep,#92400e);border:1px solid var(--amber,#f59e0b);border-radius:var(--r-md);padding:.7rem .9rem;margin-bottom:1rem}.tnb-optout,.tnb-optout-msg{display:flex;align-items:center}.tnb-optout-msg{gap:.5rem;font-size:var(--fs-sm);font-weight:var(--fw-medium);min-width:0}.tnb-optout-msg svg{flex:0 0 auto}.tnb-optout-acts{display:flex;gap:.5rem;flex-shrink:0}.tnb-pv-btns{display:flex;flex-direction:column;gap:4px;margin-top:6px}.tnb-pv-btn{background:#1f2c33;color:#53bdeb;text-align:center;font-size:.8rem;font-weight:var(--fw-medium);padding:8px;border-radius:8px}.tnb-kinds{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.tnb-kind{display:flex;flex-direction:column;gap:.2rem;text-align:left;padding:.8rem .9rem;min-height:44px;border:1.5px solid var(--border-1);border-radius:var(--r-lg);background:var(--bg-surface);cursor:pointer;font-family:inherit}.tnb-kind[aria-pressed=true]{border-color:var(--coral,#ef5350);background:var(--coral-soft,rgba(255,90,80,.08))}.tnb-kind-t{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg-1)}.tnb-kind-d{font-size:var(--fs-xs);color:var(--fg-3)}.tnb-kind:focus-visible{outline:2px solid var(--coral,#ef5350);outline-offset:2px}@media (max-width:560px){.tnb-kinds{grid-template-columns:1fr}}.tnb-cards{display:flex;flex-direction:column;gap:.9rem;margin-top:.6rem}.tnb-card{border:1px solid var(--border-1);border-radius:var(--r-lg);padding:.9rem;background:var(--bg-surface)}.tnb-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.tnb-card-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--fg-1)}.tnb-card-btns{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.tnb-card-btnrow{display:flex;align-items:center;gap:.5rem}.tnb-card-btnrow .inp{flex:1}.tnb-cards-add{gap:.6rem;margin-top:.8rem}.tnb-cards-add,.tnb-slotbar{display:flex;align-items:center;flex-wrap:wrap}.tnb-slotbar{gap:.5rem;margin-top:.3rem}.tnb-slot-note{font-size:var(--fs-xs);color:var(--fg-3)}.tnb-pv-carousel{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tnb-pv-carousel::-webkit-scrollbar{display:none}.tnb-pv-card{flex:0 0 78%;scroll-snap-align:start;background:hsla(0,0%,100%,.06);border-radius:10px;overflow:hidden}.tnb-pv-card-media{width:100%;height:96px;-o-object-fit:cover;object-fit:cover;display:block;background:hsla(0,0%,100%,.08)}.tnb-pv-card-mediaph{width:100%;height:96px;display:grid;place-items:center;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.55);font-size:.72rem}.tnb-pv-card-body{padding:6px 8px 2px;font-size:.74rem;color:hsla(0,0%,100%,.92)}.tnb-pv-card-btns{display:flex;flex-direction:column;gap:3px;padding:6px 6px 8px}.tnb-pv-card-btn{background:#1f2c33;color:#53bdeb;text-align:center;font-size:.72rem;font-weight:var(--fw-medium);padding:6px;border-radius:7px}.tnb-actionbar{position:sticky;bottom:0;left:0;right:0;z-index:40;background:var(--bg-surface);border-top:1px solid var(--border-1);box-shadow:0 -6px 20px -12px rgba(16,16,18,.22)}.tnb-actionbar-inner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;max-width:1200px;margin:0 auto;padding:.7rem 1.1rem calc(.7rem + env(safe-area-inset-bottom))}.tnb-actionbar-nav{display:flex;align-items:center;gap:.6rem}.tnb-actionbar .btn{min-height:44px}.tnb-peek{display:none}@media (max-width:920px){.tnb-grid{grid-template-columns:1fr}.tnb-preview{position:static}.tnb-preview .wa-thread{max-height:300px}#tnbHeaderType{display:flex;flex-wrap:wrap}#tnbHeaderType button{flex:1 1 auto;min-height:44px}.tnb-step-lbl{font-size:var(--fs-2xs)}.tnb-wiz{padding-bottom:calc(var(--tnb-bar-h) + var(--tnb-mnav-clear) + 1rem)}.tnb-actionbar{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));top:auto;z-index:88;min-height:0!important;height:auto!important}.tnb-actionbar-inner{padding:.6rem .9rem}.tnb-peek{display:block;position:fixed;left:0;right:0;top:auto;bottom:calc(136px + env(safe-area-inset-bottom));z-index:86;min-height:0!important;height:auto!important;background:var(--bg-surface);border-top:1px solid var(--border-1);box-shadow:0 -6px 20px -14px rgba(16,16,18,.2)}.tnb-peek-tab{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:44px;padding:.5rem;background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-2)}.tnb-peek-chev{transition:transform .18s ease}.tnb-peek[data-open="1"] .tnb-peek-chev{transform:rotate(180deg)}.tnb-peek-body{display:none;max-height:46vh;overflow:auto;padding:0 0 .8rem}.tnb-peek[data-open="1"] .tnb-peek-body{display:block}.tnb-peek .tnb-preview{position:static!important;padding-top:.4rem}.tnb-peek .phone{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.tnb-peek-chev{transition:none}}}