:root{--bg:#07101d;--panel:#0b182a;--panel2:#0d1d33;--line:#254666;--line2:#315f8e;--text:#e7f1ff;--muted:#96acc8;--blue:#5797e6;--blue2:#3c75bf;--green:#2fbc7c;--red:#c65667;--gold:#e3ad45;--shadow:0 18px 48px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 45% -20%,#1b3555 0,#081322 31%,#050c16 74%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.app{max-width:1540px;margin:0 auto;padding:22px}.topbar{position:sticky;top:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:rgba(10,25,44,.94);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#6fb0ff,#395bba);font-size:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.33)}h1,h2,p{margin:0}h1{font-size:17px;letter-spacing:-.25px}h1 span{color:#90beff}h2{font-size:14px}.brand p,.sub{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}.pill{display:inline-flex;align-items:center;gap:4px;min-height:29px;padding:5px 10px;border:1px solid #315474;border-radius:999px;color:#cde2fb;background:#10243d;font-size:11px;font-weight:700}.pill.ok{border-color:#3e8d69;background:#0e3326;color:#b9f4d6}.pill.error{border-color:#a64f5f;background:#3b1721;color:#ffd1d8}.robot-status.online{border-color:#3c9c72;color:#baf8d9;background:#103323}.robot-status.running{border-color:#c49032;color:#ffebb1;background:#3d2b10}.robot-status.offline{border-color:#a95460;color:#ffc8cf;background:#3c1921}.btn{border:1px solid #3b5f86;border-radius:9px;padding:8px 11px;cursor:pointer;color:#e7f1ff;background:#183451;font:700 12px/1 inherit;transition:transform .16s,border-color .16s,background .16s}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#77adf0;background:#25476c}.btn:disabled{opacity:.48;cursor:not-allowed}.btn.small{padding:7px 9px;font-size:11px}.btn.primary{background:#3d78ca;border-color:#6299e9}.btn.good{background:#1e714e;border-color:#38ad79}.btn.danger{background:#7f2939;border-color:#c85a6b}.btn.ghost{background:#112741}.layout{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(480px,1.34fr) minmax(310px,.92fr);gap:16px;align-items:start}.right-col{display:flex;flex-direction:column;gap:16px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(160deg,rgba(13,29,51,.98),rgba(7,17,31,.98));box-shadow:var(--shadow)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid rgba(48,85,120,.62)}.catalog-body{padding:12px}.group-title{margin:4px 0 8px;color:#91b6e0;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.group-title:not(:first-child){margin-top:15px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.block-card{position:relative;min-height:104px;padding:12px;border:1px solid #2c5078;border-radius:12px;text-align:left;color:#dbeeff;background:#102641;cursor:pointer;transition:.16s}.block-card:hover{transform:translateY(-2px);border-color:#6da7ee;background:#153456}.block-card .plus{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:#427aba;color:white;font-size:16px;line-height:1}.block-card .ico{display:block;margin-bottom:7px;font-size:24px}.block-card strong{display:block;font-size:12px}.block-card span:last-child{display:block;margin-top:4px;color:#a4bdd8;font-size:10px;line-height:1.35}.metadata{display:grid;grid-template-columns:1fr 1fr 130px;gap:10px;padding:14px 15px 0}.field{min-width:0}.field.aliases{grid-column:1/-1}.field label{display:block;margin-bottom:5px;color:#a8c1df;font-size:10px;font-weight:800}.field label span{font-weight:500;color:#7894b4}input,select,textarea{width:100%;border:1px solid #345a84;border-radius:9px;outline:none;color:#e7f1ff;background:#091a2e;font:600 12px/1.2 inherit}input,select{height:37px;padding:0 10px}input:focus,select:focus,textarea:focus{border-color:#72abf2;box-shadow:0 0 0 3px rgba(74,137,213,.13)}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid rgba(48,85,120,.52)}.hint{max-width:70%;color:#9ab1cc;font-size:11px;line-height:1.5}.hint b{color:#e9f4ff}.finish-field{min-width:172px}.timeline{min-height:474px;padding:13px 15px}.timeline-list{display:flex;flex-direction:column;gap:10px}.timeline-row{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:10px;padding:10px 10px;border:1px solid #315576;border-radius:12px;background:#102640;cursor:pointer;transition:.16s}.timeline-row:hover,.timeline-row.active{border-color:#6ea7e8;background:#143255}.timeline-row.dragging{opacity:.5}.step-num{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#2c5c93;color:#e8f4ff;font-weight:800;font-size:11px}.step-main{min-width:0}.step-name{font-size:12px;font-weight:800}.step-meta{margin-top:3px;color:#9bb4d0;font-size:10px}.step-actions{display:flex;gap:5px}.icon-btn{display:grid;place-items:center;width:26px;height:26px;border:1px solid #345b83;border-radius:7px;color:#d4e7fa;background:#122d4c;cursor:pointer;font-size:15px}.icon-btn:hover{border-color:#77adef;background:#1b4068}.icon-btn.delete{border-color:#81424e;color:#ffd0d6;background:#441a24}.empty,.empty-inspector{display:grid;place-items:center;min-height:190px;padding:22px;border:1px dashed #355a80;border-radius:12px;color:#9cb3cd;text-align:center;font-size:12px;line-height:1.55}.empty-icon{font-size:34px;margin-bottom:8px}.preview-panel{min-height:0}.gif-stage{display:grid;place-items:center;min-height:270px;padding:12px;background:radial-gradient(circle at center,#193758 0,#0a1728 61%,#07111e 100%)}.gif-stage img{display:block;max-width:100%;width:100%;height:270px;object-fit:contain;border-radius:11px;background:#081524}.preview-caption{padding:11px 13px;border-top:1px solid rgba(48,85,120,.58);color:#a6bdd7;font-size:11px;line-height:1.48}.preview-caption b{color:#eaf4ff}.remote-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid rgba(48,85,120,.58);background:rgba(5,13,25,.3)}.remote-info{display:flex;min-width:0;flex-direction:column;gap:3px}.remote-info b{color:#d9ebff;font-size:11px}.remote-info span{max-width:260px;overflow:hidden;color:#94aac5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.remote-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.inspector-body{padding:14px}.selected-name{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(48,85,120,.52)}.selected-name .large-icon{font-size:32px}.selected-name strong{display:block;font-size:14px}.selected-name small{display:block;margin-top:3px;color:#99b2cd;font-size:11px;line-height:1.4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span2{grid-column:1/-1}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented button{min-width:32px;height:31px;padding:0 9px;border:1px solid #345b83;border-radius:8px;color:#cbdff5;background:#0d2138;cursor:pointer;font-size:11px;font-weight:800}.segmented button:hover{border-color:#74acee}.segmented button.active{border-color:#72aaf2;color:white;background:#2a629f;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.angle-note{margin-top:7px;color:#a6bdd7;font-size:10px}.bottom{display:grid;grid-template-columns:minmax(560px,1.58fr) minmax(300px,.8fr);gap:16px;margin-top:16px}.json-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid rgba(48,85,120,.62)}.json-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.code{display:block;min-height:315px;padding:14px;border:0;border-radius:0;resize:vertical;color:#dbeeff;background:#061220;font:12px/1.52 ui-monospace,SFMono-Regular,Consolas,monospace}.saved-body{padding:13px}.saved-list{display:flex;flex-direction:column;gap:8px}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #2b4e72;border-radius:10px;background:#10243c}.saved-item strong{display:block;font-size:12px}.saved-item span{display:block;margin-top:3px;color:#98b1cb;font-size:10px}.saved-actions{display:flex;gap:5px}.toast{position:fixed;right:22px;bottom:22px;z-index:99;max-width:440px;padding:12px 14px;border:1px solid #4a78a7;border-radius:12px;color:#eaf5ff;background:#10253f;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(120px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast.warn{border-color:#a77d30;background:#3d2b10}.toast.error{border-color:#b34d5b;background:#401923}@media(max-width:1260px){.layout{grid-template-columns:minmax(270px,.85fr) minmax(480px,1.3fr)}.right-col{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.bottom{grid-template-columns:1fr}.preview-panel,.inspector{min-height:0}}@media(max-width:830px){.app{padding:12px}.topbar{position:static;align-items:flex-start;flex-direction:column}.layout,.right-col,.bottom{display:flex;flex-direction:column}.metadata{grid-template-columns:1fr}.field.aliases{grid-column:auto}.header-actions{justify-content:flex-start}.cards{grid-template-columns:1fr 1fr}.builder-toolbar{align-items:flex-start;flex-direction:column}.hint{max-width:100%}.finish-field{width:100%}.timeline-row{grid-template-columns:29px 1fr}.step-actions{grid-column:2;justify-content:flex-start}.remote-preview-bar{align-items:flex-start;flex-direction:column}.remote-actions{justify-content:flex-start}.remote-info span{max-width:100%}.gif-stage img{height:230px}.code{min-height:260px}}

/* V1.2 advanced card controls */
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-note{font-size:.78rem;color:#9db0c9;line-height:1.35;margin:2px 0 8px}.range-control{display:grid;gap:7px;padding:10px;border:1px solid rgba(155,180,220,.18);border-radius:12px;background:rgba(4,15,31,.28)}.range-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.range-value{font-weight:800;color:#d7ecff;background:rgba(57,167,255,.15);padding:3px 9px;border-radius:999px}.range-control input[type=range]{width:100%;accent-color:#4ea7ff}.number-control{display:grid;gap:7px;padding:10px;border:1px solid rgba(155,180,220,.18);border-radius:12px;background:rgba(4,15,31,.28)}.number-control input{width:100%;box-sizing:border-box}.advanced-badge{font-size:.72rem;border:1px solid rgba(255,185,74,.45);color:#ffd18a;border-radius:999px;padding:2px 7px}.timeline-row .step-main{min-width:0}.timeline-row .step-meta{font-size:.78rem;color:#9ab0ce}.catalog-group-title.advanced{color:#ffd18a}@media (max-width:780px){.detail-grid{grid-template-columns:1fr}}

/* =========================================================
   V1.2 UI HOTFIX
   app.js V1.2 renders: .catalog-group / .card-grid / .action-card
   The original stylesheet still styled old V1.1 names:
   .group-title / .cards / .block-card.
   These rules intentionally map the new markup to the V1.2 design.
   ========================================================= */
.catalog-group { margin: 0; }
.catalog-group + .catalog-group { margin-top: 17px; }
.catalog-group-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 4px 0 9px;
  color: #91b6e0;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .35px;
  line-height: 1.25;
}
.catalog-group-title.advanced { color: #ffd18a; }
.card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.action-card {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  display: block;
  width: 100%;
  min-height: 104px;
  margin: 0;
  padding: 12px 12px 11px;
  overflow: hidden;
  border: 1px solid #2c5078;
  border-radius: 12px;
  outline: none;
  text-align: left;
  color: #dbeeff;
  background: #102641;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  transition: transform .16s, border-color .16s, background .16s, box-shadow .16s;
}
.action-card::after {
  content: '+';
  position: absolute;
  top: 9px;
  right: 9px;
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border-radius: 7px;
  color: #fff;
  background: #427aba;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}
.action-card:hover,
.action-card:focus-visible {
  transform: translateY(-2px);
  border-color: #6da7ee;
  background: #153456;
  box-shadow: 0 8px 18px rgba(0,0,0,.14);
}
.action-card:focus-visible { box-shadow: 0 0 0 3px rgba(89,151,230,.28); }
.action-card .card-icon {
  display: block;
  margin: 0 25px 7px 0;
  font-size: 23px;
  line-height: 1;
}
.action-card .card-title {
  display: block;
  color: #e8f3ff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}
.action-card .card-desc {
  display: block;
  margin-top: 4px;
  color: #a4bdd8;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.37;
}
.empty-state {
  display: grid;
  place-items: center;
  min-height: 190px;
  padding: 22px;
  border: 1px dashed #355a80;
  border-radius: 12px;
  color: #9cb3cd;
  text-align: center;
  font-size: 12px;
  line-height: 1.55;
}
.choice-field {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
}
.choice-field label,
.number-control label,
.range-control label {
  display: block;
  color: #a8c1df;
  font-size: 10px;
  font-weight: 800;
}
.choice-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.choice-row.numbers { gap: 5px; }
.choice-btn {
  appearance: none;
  -webkit-appearance: none;
  min-width: 34px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #345b83;
  border-radius: 8px;
  outline: none;
  color: #cbdff5;
  background: #0d2138;
  cursor: pointer;
  font: 800 11px/1 inherit;
  transition: border-color .15s, background .15s, transform .15s;
}
.choice-btn:hover,
.choice-btn:focus-visible {
  border-color: #74acee;
  background: #173757;
}
.choice-btn:focus-visible { box-shadow: 0 0 0 3px rgba(89,151,230,.22); }
.choice-btn.selected {
  border-color: #72aaf2;
  color: #fff;
  background: #2a629f;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}
@media (max-width: 830px) {
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .card-grid { grid-template-columns: 1fr; }
}


/* Compact action catalog */
.card-grid.compact{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.action-card.compact{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:10px 12px;border:1px solid #2f5b89;border-radius:12px;background:#102641;color:#eaf4ff;text-align:left}
.action-card.compact:hover{transform:translateY(-1px);border-color:#79b2f4;background:#153456}
.action-card.compact .card-title{display:block;padding-right:8px;font-size:12px;font-weight:800;line-height:1.25}
.action-card.compact .card-add{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:7px;background:#4a82c5;color:#fff;font-size:16px;line-height:1}
.action-card .card-icon,.action-card .card-desc{display:none}

/* Make the left panel feel denser */
.catalog-body{padding:10px}
.catalog-group-title{margin:4px 0 7px;color:#9fc2eb;font-size:13px;font-weight:800}
.catalog-group + .catalog-group{margin-top:10px}

/* Wait inspector single field */
.detail-grid.single{grid-template-columns:1fr}

/* Slightly denser timeline */
.timeline-row{padding:9px 10px}
.step-meta{font-size:11px}


/* Only keep advanced subheading in action chooser */
.catalog-group.basic-only{margin-bottom:10px}
.catalog-group-title.advanced{display:flex;align-items:center;justify-content:space-between;margin:6px 0 8px;color:#9fc2eb;font-size:12px;font-weight:800;letter-spacing:.2px;text-transform:none}
.advanced-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid #3d6b9a;border-radius:999px;color:#d8ecff;background:#112741;font-size:10px;font-weight:700}

/* Cleaner preview controls */
.remote-preview-bar.buttons-only{display:flex;justify-content:center;padding:12px;border-top:1px solid rgba(48,85,120,.58);background:rgba(5,13,25,.22)}
.remote-actions.centered{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}
.remote-actions.centered .btn{min-width:122px}

/* Merge JSON and saved area */
.bottom.single{display:block}
.merged-head{align-items:center}
.merged-panel .saved-body{padding:14px}
.hidden-json{display:none !important}
.saved-list{display:flex;flex-direction:column;gap:8px;min-height:120px}
.saved-item{padding:14px 12px}
.saved-item > div:last-child{display:flex;gap:6px}

/* Remove old caption area when not used */
.preview-caption{display:none}

@media(max-width:830px){
  .remote-actions.centered .btn{min-width:unset;flex:1 1 auto}
}


/* Option A: UI-only SD save control. The real write path arrives with firmware/API Option B. */
.btn.sd-ui{background:#5c4a18;border-color:#c69f35;color:#fff0bf}
.btn.sd-ui:hover:not(:disabled){border-color:#f0c653;background:#735c1b}


/* V4 cleanup */
.header-actions #validationPill{display:none}
.preview-panel .panel-title .sub{display:none}

.json-actions{align-items:center}
.json-actions .btn{white-space:nowrap}

.saved-list{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.saved-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:min(100%,380px);padding:14px;border:1px solid #2b4e72;border-radius:12px;background:#10243c}
.saved-copy b{display:block;font-size:14px;line-height:1.3}
.saved-copy span{display:block;margin-top:6px;color:#98b1cb;font-size:11px;word-break:break-all}
.saved-item-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

@media(max-width:830px){
  .saved-item{width:100%}
}


/* V5 layout: move saved actions under left column and remove category field */
.layout{grid-template-columns:minmax(300px,.92fr) minmax(520px,1.34fr) minmax(310px,.92fr)}
.left-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.metadata{grid-template-columns:1fr 1fr}
.field.aliases{grid-column:1/-1}
.merged-panel .json-head{align-items:flex-start}
.merged-panel .json-actions{justify-content:flex-start;row-gap:8px}
.merged-panel .saved-body{padding-top:0}
.saved-list{align-items:stretch}
.saved-item{width:100%;max-width:none}

@media(max-width:1260px){
  .layout{grid-template-columns:minmax(270px,.9fr) minmax(480px,1.3fr)}
  .right-col{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .left-col{grid-column:1/2}
  .builder{grid-column:2/3}
}
@media(max-width:830px){
  .left-col,.layout,.right-col{display:flex;flex-direction:column}
  .metadata{grid-template-columns:1fr}
}


/* V6 compact saved-actions and preview stop */
.merged-panel .json-head.controls-only{padding:12px 14px}
.merged-panel .json-actions{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px 10px;justify-content:start}
.merged-panel .json-actions .btn{min-width:0}
.saved-item.compact{padding:12px 14px;min-height:88px}
.saved-item.compact .saved-copy b{font-size:16px}
.saved-item.compact .saved-item-actions{margin-top:auto}
.remote-actions.centered{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:100%}
.remote-actions.centered .btn{min-width:0;padding:7px 8px}
#stopRobotBtn{padding:6px 8px}
.card-grid.compact{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));}
.action-card.compact{min-width:0;overflow:hidden}
.action-card.compact .card-title{min-width:0;overflow-wrap:anywhere}
.action-card.compact .card-add{margin-left:8px;position:relative;z-index:1}
@media(max-width:1100px){
  .card-grid.compact{grid-template-columns:1fr;}
}
@media(max-width:830px){
  .merged-panel .json-actions{grid-template-columns:1fr}
  .remote-actions.centered{grid-template-columns:1fr}
}

/* Portal device selector + robot action list */
.device-picker{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);font-size:12px;color:var(--muted)}
.device-picker select{max-width:210px;border:0;background:transparent;color:var(--text);outline:0;font:inherit;cursor:pointer}
.saved-remote{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}
.saved-remote h3{margin:0 0 9px;font-size:13px;color:var(--muted)}
@media(max-width:780px){.device-picker{width:100%}.device-picker select{flex:1;max-width:none}}


/* Đăng nhập trực tiếp trên trang Action Builder */
.account-box{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #294b6d;border-radius:12px;background:#0c1e32;color:#cfe1f3;font-size:12px;white-space:nowrap}
.account-box .btn{min-width:auto}
@media(max-width:830px){.account-box{width:100%;justify-content:space-between;white-space:normal}}


/* V2.1: Tách rõ trạng thái Xiaozhi core và Action Engine. */
.connection-hint{margin:14px 0 18px;padding:11px 14px;border:1px solid #29496f;border-radius:12px;font-size:13px;line-height:1.45;background:#0e1d31;color:#dbeaff}.connection-hint.ok{border-color:#30795d;background:#102b25;color:#c9f7e2}.connection-hint.warn{border-color:#896b25;background:#2b2413;color:#ffe6a5}.connection-hint.danger{border-color:#8b3c49;background:#321720;color:#ffd2d8}.connection-hint.neutral{border-color:#29496f;background:#0e1d31;color:#dbeaff}


/* V2.5 — Xác nhận tư thế cơ khí trước khi cấp PWM */
.pose-confirm-panel{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:12px 0;padding:14px 16px;border:1px solid #c58a2b;border-radius:14px;background:rgba(104,65,10,.24);color:#f7dfad}.pose-confirm-copy{display:grid;gap:4px;max-width:760px}.pose-confirm-copy span{font-size:.9rem;line-height:1.45;opacity:.95}.pose-confirm-actions{display:flex;gap:8px;flex-wrap:wrap}.advanced-toggle{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;padding:9px 11px;border:1px solid rgba(115,171,242,.35);border-radius:10px;background:rgba(42,94,154,.12);font-size:.88rem;line-height:1.35}.advanced-toggle input{margin-top:3px}.btn:disabled{opacity:.48;cursor:not-allowed}@media(max-width:780px){.pose-confirm-panel{align-items:flex-start;flex-direction:column}.pose-confirm-actions{width:100%}.pose-confirm-actions .btn{flex:1}}