/* BB Create unified creation console.
   The conversation remains the primary surface; optional controls live here. */
#p-play{--bb-operation-width:clamp(340px,27vw,370px);--bb-create-input-height:112px;--bb-create-composer-space:268px}

@media(min-width:1240px){
  #p-play .pg-grid{grid-template-columns:186px minmax(0,1fr) 0!important;gap:0!important;transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)!important}
  #p-play.operation-panel-open .pg-grid{grid-template-columns:186px minmax(0,1fr) var(--bb-operation-width)!important}
  #p-play .pg-side{margin-right:10px!important}
  #p-play .bb-create-operation-panel{position:relative;height:100%;min-width:0;margin-left:0;transform:translateX(18px)}
  #p-play.operation-panel-open .bb-create-operation-panel{margin-left:10px;transform:none}
}

#p-play .pg-main{min-width:0!important}
#p-play .bb-rab-mode-dock>.bb-rab-mode-list,
#p-play .bb-rab-mode-dock>.bb-create-runtime-badges,
#p-play .bb-rab-mode-dock>.bb-create-toolbar-help,
#p-play .bb-rab-mode-dock>.bb-rab-mode-help{display:none!important}
#p-play .bb-rab-mode-dock>.bb-create-status-context{flex:1 1 auto!important;border-right:0!important}
#p-play .bb-rab-mode-dock>.bb-create-toolbar-btn{margin-left:auto!important;min-width:146px!important}
#p-play.operation-panel-open .bb-create-toolbar-btn{border-color:#94baf2!important;background:#edf4ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.07)!important}
#p-play.operation-panel-open .bb-create-toolbar-arrow{transform:rotate(180deg)}

#p-play .bb-create-operation-panel{z-index:55;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9e2ec;border-radius:14px;background:#f8fafc;box-shadow:0 12px 34px rgba(15,38,73,.08);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .2s ease}
#p-play.operation-panel-open .bb-create-operation-panel{opacity:1;visibility:visible;pointer-events:auto}
#p-play .bb-operation-head{min-height:58px;display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:0 13px;border-bottom:1px solid #dfe7f0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#p-play .bb-operation-head-mark{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:10px;background:#132844;color:#fff}
#p-play .bb-operation-head-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#p-play .bb-operation-head-copy{display:grid;min-width:0;gap:2px}
#p-play .bb-operation-head-copy b{color:#172b45;font-size:13px;letter-spacing:-.15px}
#p-play .bb-operation-head-copy small{color:#7a899c;font-size:11px;font-weight:700}
#p-play .bb-operation-close{width:30px;height:30px;display:grid;place-items:center;flex:none;margin-left:auto;border:1px solid #d9e2ec;border-radius:9px;background:#fff;color:#61738a;font:500 17px/1 inherit;cursor:pointer}
#p-play .bb-operation-close:hover{border-color:#bdd1ec;background:#eef5ff;color:#174ea6}
#p-play .bb-operation-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:11px;scrollbar-width:thin}

#p-play .bb-operation-current{position:relative;overflow:hidden;padding:14px;border:1px solid #d5e2f3;border-radius:13px;background:linear-gradient(145deg,#10233f,#183962);color:#fff}
#p-play .bb-operation-current:after{content:'';position:absolute;right:-38px;top:-52px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.34),transparent 68%)}
#p-play .bb-operation-current>small{position:relative;z-index:1;color:#9fc5f5;font-size:10px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
#p-play .bb-operation-current>b{position:relative;z-index:1;display:block;margin-top:5px;font-size:16px;line-height:1.25;letter-spacing:-.35px}
#p-play .bb-operation-current>p{position:relative;z-index:1;max-width:290px;margin:6px 0 0;color:#c5d6ea;font-size:12px;line-height:1.55}
#p-play .bb-operation-current-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
#p-play .bb-operation-current-meta span{min-height:25px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(191,219,254,.2);border-radius:999px;background:rgba(255,255,255,.09);color:#e7f1ff;font-size:10px;font-weight:800}

#p-play .bb-operation-mode{margin-top:9px;padding:10px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}
#p-play .bb-operation-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
#p-play .bb-operation-section-title span{display:grid;gap:2px}
#p-play .bb-operation-section-title b{color:#233b58;font-size:12px}
#p-play .bb-operation-section-title small{color:#7b899b;font-size:10.5px;line-height:1.4}
#p-play .bb-operation-section-title em{padding:4px 7px;border-radius:999px;background:#edf4ff;color:#2563eb;font-size:10px;font-style:normal;font-weight:900}
#p-play .bb-operation-mode-mount .bb-rab-mode-list{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;padding:3px!important;border:1px solid #dbe6f4!important;border-radius:10px!important;background:#f1f5f9!important}
#p-play .bb-operation-mode-mount .bb-rab-mode-card{min-width:0!important;min-height:40px!important;padding:5px 3px!important}
#p-play .bb-operation-mode-mount .bb-rab-mode-copy{display:grid!important;justify-items:center;gap:1px!important}
#p-play .bb-operation-mode-mount .bb-rab-mode-copy b{font-size:11px!important}
#p-play .bb-operation-mode-mount .bb-rab-mode-copy small{font-size:9.5px!important}

#p-play .bb-operation-section{margin-top:9px;border:1px solid #e0e7ef;border-radius:12px;background:#fff;overflow:hidden}
#p-play .bb-operation-section>summary{min-height:49px;display:flex;align-items:center;gap:9px;padding:0 11px;list-style:none;cursor:pointer}
#p-play .bb-operation-section>summary::-webkit-details-marker{display:none}
#p-play .bb-operation-section>summary:before{content:'›';width:22px;height:22px;display:grid;place-items:center;flex:none;border-radius:7px;background:#edf2f7;color:#55708f;font-size:14px;transition:transform .18s ease}
#p-play .bb-operation-section[open]>summary:before{transform:rotate(90deg);background:#e5efff;color:#1d4ed8}
#p-play .bb-operation-section>summary>span{display:grid;min-width:0;gap:2px}
#p-play .bb-operation-section>summary b{color:#263c59;font-size:12px}
#p-play .bb-operation-section>summary small{overflow:hidden;color:#8190a3;font-size:10.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
#p-play .bb-operation-section>summary>em{margin-left:auto;padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#66788e;font-size:10px;font-style:normal;font-weight:850}
#p-play .bb-operation-section[open]>summary{border-bottom:1px solid #e8edf3}
#p-play .bb-operation-section-content{padding:10px}

#p-play #bbCreateOperationPanel #bbCreateConfig{display:block!important;max-height:none!important;margin:0!important;overflow:visible!important}
#p-play #bbCreateOperationPanel #bbCreateConfig:empty:after{content:'描述任务后，尺寸、用途与交付选项会在这里自动匹配。';display:block;padding:13px;border:1px dashed #d8e2ee;border-radius:10px;background:#f8fafc;color:#7a899d;font-size:11px;line-height:1.55}
#p-play #bbCreateOperationPanel .bb-create-config-head{margin-bottom:8px!important}
#p-play #bbCreateOperationPanel .bb-create-config-head b{font-size:12px!important}
#p-play #bbCreateOperationPanel .bb-create-config-head span{font-size:10.5px!important;line-height:1.45!important}
#p-play #bbCreateOperationPanel .bb-create-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#p-play #bbCreateOperationPanel .bb-create-config-grid label{min-width:0!important;font-size:11px!important}
#p-play #bbCreateOperationPanel .bb-create-config-grid input,
#p-play #bbCreateOperationPanel .bb-create-config-grid select{width:100%!important;min-width:0!important;height:33px!important;box-sizing:border-box!important}

#p-play #bbCreateOperationPanel #pgAdvancedSettings{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;display:block!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
#p-play #bbCreateOperationPanel #pgAdvancedSettings>.pg-config-unified-head,
#p-play #bbCreateOperationPanel #pgAdvancedSettings>.bb-create-mode-context{display:none!important}
#p-play #bbCreateOperationPanel #pgAdvancedSettings>.pg-card{margin:0 0 8px!important;padding:10px!important;border:1px solid #e3e9f0!important;border-radius:10px!important;background:#f9fbfd!important}
#p-play #bbCreateOperationPanel .bb-create-advanced-details,
#p-play #bbCreateOperationPanel .bb-create-safety-settings{margin:8px 0 0!important}
#p-play #bbCreateOperationPanel .bb-create-inspector-foot{position:static!important;min-height:auto!important;margin:8px 0 0!important;padding:9px 0 0!important;border-top:1px solid #e6ebf1!important;background:transparent!important;backdrop-filter:none!important}

/* operation10: one compact model entry, with all choices kept inside the panel. */
#p-play #bbCreateOperationPanel .bb-create-model-choices{position:relative!important;display:block!important;padding:0!important}
#p-play #bbCreateOperationPanel .bb-create-model-trigger{width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:10px;padding:9px 10px;border:1px solid #d7e2ef;border-radius:11px;background:#fff;color:#172b45;text-align:left;font-family:inherit;cursor:pointer;box-shadow:0 1px 2px rgba(15,38,73,.04)}
#p-play #bbCreateOperationPanel .bb-create-model-trigger:hover{border-color:#a9c5ea;background:#f8fbff}
#p-play #bbCreateOperationPanel .bb-create-model-trigger:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}
#p-play #bbCreateOperationPanel .bb-create-model-trigger>span{display:grid;min-width:0;gap:3px}
#p-play #bbCreateOperationPanel .bb-create-model-trigger b{overflow:hidden;color:#172b45;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
#p-play #bbCreateOperationPanel .bb-create-model-trigger small{overflow:hidden;color:#708197;font-size:9.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
#p-play #bbCreateOperationPanel .bb-create-model-trigger>i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#eef4fb;color:#58708c;font-size:16px;font-style:normal;transition:transform .18s ease}
#p-play #bbCreateOperationPanel .bb-create-model-trigger[aria-expanded="true"]{border-color:#96b9e8;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
#p-play #bbCreateOperationPanel .bb-create-model-trigger[aria-expanded="true"]>i{transform:rotate(180deg);background:#e5efff;color:#1d4ed8}
#p-play #bbCreateOperationPanel .bb-create-model-menu{display:grid;gap:7px;margin-top:7px;padding:7px;border:1px solid #dce5ef;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(15,38,73,.10)}
#p-play #bbCreateOperationPanel .bb-create-model-menu[hidden],
#p-play #bbCreateOperationPanel .bb-create-model-more[hidden]{display:none!important}
#p-play #bbCreateOperationPanel .bb-create-model-primary-list,
#p-play #bbCreateOperationPanel .bb-create-model-full-list{display:grid;gap:3px}
#p-play #bbCreateOperationPanel .bb-create-model-option{position:relative;width:100%;min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:8px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#172b45;text-align:left;font-family:inherit;cursor:pointer}
#p-play #bbCreateOperationPanel .bb-create-model-option:hover{border-color:#d6e3f2;background:#f3f7fc}
#p-play #bbCreateOperationPanel .bb-create-model-option:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:-1px}
#p-play #bbCreateOperationPanel .bb-create-model-option[aria-selected="true"]{border-color:#c6d9f1;background:#edf4ff}
#p-play #bbCreateOperationPanel .bb-create-model-option:disabled{border-color:#edf0f4;background:#fafbfc;color:#66778b;cursor:not-allowed;opacity:1}
#p-play #bbCreateOperationPanel .bb-create-model-option>span{display:grid;min-width:0;gap:2px}
#p-play #bbCreateOperationPanel .bb-create-model-option b{overflow:hidden;font-size:10.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
#p-play #bbCreateOperationPanel .bb-create-model-option small{color:#7b899b;font-size:8.5px;line-height:1.4;white-space:normal}
#p-play #bbCreateOperationPanel .bb-create-model-option:disabled small{color:#9a6a23}
#p-play #bbCreateOperationPanel .bb-create-model-option>i{width:20px;height:20px;display:grid;place-items:center;color:#1d4ed8;font-size:14px;font-style:normal;opacity:0}
#p-play #bbCreateOperationPanel .bb-create-model-option[aria-selected="true"]>i{opacity:1}
#p-play #bbCreateOperationPanel .bb-create-model-more-toggle{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:1px solid #e1e8f0;border-radius:8px;background:#f8fafc;color:#45617f;font:850 10px/1 inherit;cursor:pointer}
#p-play #bbCreateOperationPanel .bb-create-model-more-toggle:hover{border-color:#bfd1e8;background:#f0f6ff;color:#1d4ed8}
#p-play #bbCreateOperationPanel .bb-create-model-more-toggle i{font-size:14px;font-style:normal}
#p-play #bbCreateOperationPanel .bb-create-model-more{display:grid;gap:6px;padding-top:2px}
#p-play #bbCreateOperationPanel .bb-create-model-more>label{color:#687b91;font-size:9px;font-weight:800}
#p-play #bbCreateOperationPanel #bbCreateModelSearchInput{width:100%;height:34px;box-sizing:border-box;padding:0 10px;border:1px solid #d5e0ed;border-radius:8px;background:#fff;color:#172b45;font:700 10px/1 inherit}
#p-play #bbCreateOperationPanel #bbCreateModelSearchInput:focus{border-color:#78a7e3;outline:3px solid rgba(37,99,235,.10)}
#p-play #bbCreateOperationPanel .bb-create-model-full-list{max-height:220px;overflow:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-width:thin}
#p-play #bbCreateOperationPanel .bb-create-model-empty{padding:12px 9px;color:#7b899b;font-size:9.5px;line-height:1.5;text-align:center}
#p-play #bbCreateOperationPanel .bb-create-model-executor-note{min-height:64px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:9px;padding:10px;border:1px solid #cfe0f4;border-radius:11px;background:linear-gradient(145deg,#f7fbff,#edf5ff);color:#23476f}
#p-play #bbCreateOperationPanel .bb-create-model-executor-note>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#dceaff;color:#1d4ed8;font-size:18px}
#p-play #bbCreateOperationPanel .bb-create-model-executor-note>span:last-child{display:grid;gap:4px}
#p-play #bbCreateOperationPanel .bb-create-model-executor-note b{font-size:11px;line-height:1.3}
#p-play #bbCreateOperationPanel .bb-create-model-executor-note small{color:#637a94;font-size:9.5px;line-height:1.55}
#p-play #bbCreateOperationPanel .pg-model-runtime-hint[hidden]{display:none!important}

#p-play #bbCreateOperationPanel .bb-create-catalog{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#p-play #bbCreateOperationPanel .bb-create-catalog-head{margin:0 0 8px!important}
#p-play #bbCreateOperationPanel #bbCreateCatalogPicker{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;margin:8px 0 0!important;padding:0!important;overflow:visible!important;border:0!important;border-top:1px solid #e6ebf1!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
#p-play #bbCreateOperationPanel #bbCreateCatalogPicker[hidden]{display:none!important}
#p-play #bbCreateOperationPanel #bbCreateCatalogPicker .bb-create-inspector-head{display:none!important}
#p-play #bbCreateOperationPanel #bbCreateCatalogPicker .bb-create-catalog-tools{grid-template-columns:1fr!important;margin:0!important;padding:9px 0 7px!important}
#p-play #bbCreateOperationPanel #bbCreateCatalogPicker .bb-create-capability-count{padding:0 0 7px!important}
#p-play #bbCreateOperationPanel #bbCreateCatalogPicker .bb-create-catalog-grid{grid-template-columns:1fr!important;max-height:260px!important;min-height:0!important;padding:0!important}
#p-play #bbCreateOperationPanel #bbCreateCatalogPicker .bb-create-inspector-foot{display:none!important}

#p-play #bbCreateOperationPanel #bbCreateRecordsPanel{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
#p-play #bbCreateOperationPanel .bb-create-history{min-width:0!important;padding:9px!important;border:1px solid #e3e9f0!important;border-radius:10px!important;background:#f9fbfd!important}
#p-play .bb-create-manager-bar,#p-play .bb-create-bottom-tabs{display:none!important}

#p-play .bb-operation-links{display:grid;gap:7px;margin-top:9px;padding:10px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}
#p-play .bb-operation-links button{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid #d8e2ee;border-radius:9px;background:#f8fafc;color:#2c496a;font:850 11px/1.3 inherit;cursor:pointer}
#p-play .bb-operation-links button:hover{border-color:#b7cef0;background:#edf5ff;color:#174ea6}
#p-play .bb-operation-runtime{display:grid;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #edf1f5}
#p-play .bb-operation-runtime>.bb-create-runtime-badges{display:flex!important;margin:0!important;flex-wrap:wrap!important}

/* The conversation never collapses into a one-line control after a task starts. */
#p-play .pg-in textarea,
#p-play[data-create-state="idle"] .pg-in textarea,
#p-play[data-create-state="draft"] .pg-in textarea,
#p-play[data-create-state="prepared"] .pg-in textarea,
#p-play[data-create-state="planning"] .pg-in textarea,
#p-play[data-create-state="executing"] .pg-in textarea,
#p-play[data-create-state="review"] .pg-in textarea,
#p-play[data-create-state="blocked"] .pg-in textarea{height:var(--bb-create-input-height,112px)!important;min-height:96px!important;max-height:220px!important;padding:12px 13px 8px!important;font-size:13px!important;line-height:1.6!important;overflow-y:auto!important;resize:none!important;transition:height .16s ease!important}
#p-play[data-create-state="prepared"] .pg-in,
#p-play[data-create-state="planning"] .pg-in,
#p-play[data-create-state="executing"] .pg-in,
#p-play[data-create-state="review"] .pg-in,
#p-play[data-create-state="blocked"] .pg-in{flex:0 0 auto!important;margin:8px 14px 8px!important;padding:0!important;overflow:hidden!important;border:1px solid #cfdbea!important;border-radius:15px!important;background:#fff!important;box-shadow:0 12px 30px rgba(31,65,114,.09)!important}
#p-play[data-create-state="prepared"] .pg-in-foot,
#p-play[data-create-state="planning"] .pg-in-foot,
#p-play[data-create-state="executing"] .pg-in-foot,
#p-play[data-create-state="review"] .pg-in-foot,
#p-play[data-create-state="blocked"] .pg-in-foot{min-height:38px!important;padding:5px 9px 7px 12px!important}
#p-play[data-create-state="prepared"] .pg-out,
#p-play[data-create-state="planning"] .pg-out,
#p-play[data-create-state="executing"] .pg-out,
#p-play[data-create-state="review"] .pg-out,
#p-play[data-create-state="blocked"] .pg-out{flex:1 1 220px!important;min-height:0!important;max-height:none!important}
#p-play .bb-create-prepared-stage{grid-template-columns:1fr!important;min-height:0!important}
#p-play .bb-create-stage-hero{min-height:230px!important}
#p-play .bb-create-prepared-options{width:min(620px,100%);margin:13px auto 0;border:1px solid #dde6f1;border-radius:11px;background:rgba(255,255,255,.75);text-align:left;overflow:hidden}
#p-play .bb-create-prepared-options>summary{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#536a85;font-size:11.5px;font-weight:850;cursor:pointer;list-style:none}
#p-play .bb-create-prepared-options>summary::-webkit-details-marker{display:none}
#p-play .bb-create-prepared-options>summary:after{content:'›';font-size:15px}
#p-play .bb-create-prepared-options[open]>summary:after{transform:rotate(90deg)}
#p-play .bb-create-prepared-options .bb-create-spec-grid{padding:0 10px 10px}
#p-play .bb-create-prepared-resume{margin-top:11px!important;background:transparent!important;border:0!important;color:#2563eb!important;box-shadow:none!important}

/* Active creation is an expanded conversation, not a stack of competing panels. */
#p-play .bb-create-user-message{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;padding:0 0 2px}
#p-play .bb-create-message-avatar,#p-play .bb-create-assistant-avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:10px;font-size:10px;font-weight:950;letter-spacing:-.2px}
#p-play .bb-create-message-avatar{background:#eef2f7;color:#40546c}
#p-play .bb-create-assistant-avatar{background:linear-gradient(145deg,#10233f,#24558b);color:#fff;box-shadow:0 7px 16px rgba(16,35,63,.16)}
#p-play .bb-create-user-message>div{min-width:0;padding:10px 12px;border:1px solid #e0e7ef;border-radius:5px 14px 14px;background:#f7f9fc}
#p-play .bb-create-user-message small{display:block;margin-bottom:4px;color:#8390a1;font-size:8px;font-weight:850}
#p-play .bb-create-user-message p{margin:0;color:#263c57;font-size:12px;line-height:1.7;font-weight:650}
#p-play .bb-create-user-message .bb-create-revision-note{display:block;margin-top:7px;padding-top:7px;border-top:1px solid #e1e7ee;color:#53677f}
#p-play .bb-create-user-message .bb-create-revision-note b{margin-right:7px;color:#1d4ed8;font-size:8px}
#p-play .bb-create-run-head{justify-content:flex-start!important}
#p-play .bb-create-run-head>div{min-width:0}
#p-play .bb-create-run-head>.bb-create-state{margin-left:auto}

@media(min-width:901px){
  #p-play[data-create-state="prepared"] .pg-main,#p-play[data-create-state="planning"] .pg-main,#p-play[data-create-state="executing"] .pg-main,#p-play[data-create-state="review"] .pg-main,#p-play[data-create-state="blocked"] .pg-main{padding:0!important;overflow:hidden!important}
  #p-play[data-create-state="prepared"] .pg-main>.bb-create-catalog,#p-play[data-create-state="planning"] .pg-main>.bb-create-catalog,#p-play[data-create-state="executing"] .pg-main>.bb-create-catalog,#p-play[data-create-state="review"] .pg-main>.bb-create-catalog,#p-play[data-create-state="blocked"] .pg-main>.bb-create-catalog,
  #p-play[data-create-state="prepared"] .pg-main>.bb-create-config,#p-play[data-create-state="planning"] .pg-main>.bb-create-config,#p-play[data-create-state="executing"] .pg-main>.bb-create-config,#p-play[data-create-state="review"] .pg-main>.bb-create-config,#p-play[data-create-state="blocked"] .pg-main>.bb-create-config,
  #p-play[data-create-state="prepared"] .pg-main>.pg-presets,#p-play[data-create-state="planning"] .pg-main>.pg-presets,#p-play[data-create-state="executing"] .pg-main>.pg-presets,#p-play[data-create-state="review"] .pg-main>.pg-presets,#p-play[data-create-state="blocked"] .pg-main>.pg-presets,
  #p-play[data-create-state="prepared"] .pg-main>.bb-create-intent-preview,#p-play[data-create-state="planning"] .pg-main>.bb-create-intent-preview,#p-play[data-create-state="executing"] .pg-main>.bb-create-intent-preview,#p-play[data-create-state="review"] .pg-main>.bb-create-intent-preview,#p-play[data-create-state="blocked"] .pg-main>.bb-create-intent-preview,
  #p-play[data-create-state="prepared"] .pg-main>.pg-info,#p-play[data-create-state="planning"] .pg-main>.pg-info,#p-play[data-create-state="executing"] .pg-main>.pg-info,#p-play[data-create-state="review"] .pg-main>.pg-info,#p-play[data-create-state="blocked"] .pg-main>.pg-info{display:none!important}
  #p-play[data-create-state="prepared"] .pg-out,#p-play[data-create-state="planning"] .pg-out,#p-play[data-create-state="executing"] .pg-out,#p-play[data-create-state="review"] .pg-out,#p-play[data-create-state="blocked"] .pg-out{order:1!important;flex:1 1 0!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:auto!important;overscroll-behavior:contain;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;transform:none!important;scrollbar-width:thin}
  #p-play[data-create-state="prepared"] .pg-out:hover,#p-play[data-create-state="planning"] .pg-out:hover,#p-play[data-create-state="executing"] .pg-out:hover,#p-play[data-create-state="review"] .pg-out:hover,#p-play[data-create-state="blocked"] .pg-out:hover{transform:none!important}
  #p-play[data-create-state="prepared"] .pg-out::before,#p-play[data-create-state="planning"] .pg-out::before,#p-play[data-create-state="executing"] .pg-out::before,#p-play[data-create-state="review"] .pg-out::before,#p-play[data-create-state="blocked"] .pg-out::before{position:sticky;z-index:7;top:0;flex:0 0 44px;height:44px!important;box-sizing:border-box;padding:0 390px 0 18px!important;border-bottom:1px solid #e8edf3!important;background:rgba(248,250,252,.93)!important;color:#38516e!important;font-size:9px!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  #p-play[data-create-state="prepared"] .bb-create-run,#p-play[data-create-state="planning"] .bb-create-run,#p-play[data-create-state="executing"] .bb-create-run,#p-play[data-create-state="review"] .bb-create-run,#p-play[data-create-state="blocked"] .bb-create-run{width:min(960px,100%);box-sizing:border-box;margin:0 auto;padding:18px 22px 28px!important}
  #p-play[data-create-state="prepared"] .pg-in,#p-play[data-create-state="planning"] .pg-in,#p-play[data-create-state="executing"] .pg-in,#p-play[data-create-state="review"] .pg-in,#p-play[data-create-state="blocked"] .pg-in{order:3!important;z-index:9;flex:0 0 auto!important;margin:10px 14px 12px!important}
  #p-play[data-create-state="prepared"] .bb-rab-orchestration,#p-play[data-create-state="planning"] .bb-rab-orchestration,#p-play[data-create-state="executing"] .bb-rab-orchestration,#p-play[data-create-state="review"] .bb-rab-orchestration,#p-play[data-create-state="blocked"] .bb-rab-orchestration{position:absolute!important;z-index:8;top:5px;right:12px;order:2!important;width:min(360px,calc(100% - 150px));min-height:0!important;margin:0!important;border:1px solid #dbe4ee!important;border-radius:11px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 24px rgba(15,41,74,.09)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  #p-play[data-create-state="prepared"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="planning"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="executing"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="review"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="blocked"] .bb-rab-orchestration.process-collapsed{height:34px!important;min-height:34px!important;max-height:34px!important;overflow:hidden!important}
  #p-play[data-create-state="prepared"] .bb-rab-orchestration.process-collapsed .bb-rab-orchestration-head,#p-play[data-create-state="planning"] .bb-rab-orchestration.process-collapsed .bb-rab-orchestration-head,#p-play[data-create-state="executing"] .bb-rab-orchestration.process-collapsed .bb-rab-orchestration-head,#p-play[data-create-state="review"] .bb-rab-orchestration.process-collapsed .bb-rab-orchestration-head,#p-play[data-create-state="blocked"] .bb-rab-orchestration.process-collapsed .bb-rab-orchestration-head{position:static!important;min-height:32px;box-sizing:border-box;padding:4px 6px 4px 8px!important;border:0!important;background:transparent!important;backdrop-filter:none!important}
  #p-play .bb-rab-orchestration.process-collapsed .bb-rab-brain-mark{width:21px;height:21px;font-size:10px}
  #p-play .bb-rab-orchestration.process-collapsed .bb-rab-brain-title b{font-size:9px}
  #p-play .bb-rab-orchestration.process-collapsed .bb-rab-brain-title small{display:none!important}
  #p-play .bb-rab-orchestration.process-collapsed .bb-rab-orchestration-state{padding:4px 7px!important;font-size:7px!important}
  #p-play .bb-rab-orchestration.process-collapsed .bb-rab-process-toggle{min-height:24px!important;padding:0 7px!important;font-size:7px!important}
  #p-play[data-create-state="prepared"] .bb-rab-orchestration:not(.process-collapsed),#p-play[data-create-state="planning"] .bb-rab-orchestration:not(.process-collapsed),#p-play[data-create-state="executing"] .bb-rab-orchestration:not(.process-collapsed),#p-play[data-create-state="review"] .bb-rab-orchestration:not(.process-collapsed),#p-play[data-create-state="blocked"] .bb-rab-orchestration:not(.process-collapsed){top:49px;bottom:calc(var(--bb-create-composer-space,268px) + 8px);width:min(540px,calc(100% - 24px));display:flex!important;flex-direction:column;overflow:hidden!important;box-shadow:0 24px 64px rgba(15,41,74,.18)!important}
  #p-play .bb-rab-orchestration:not(.process-collapsed) .bb-rab-orchestration-head{position:static!important;flex:0 0 auto}
  #p-play .bb-rab-orchestration:not(.process-collapsed) .bb-rab-workspace{min-height:0;overflow:auto!important;overscroll-behavior:contain}
}

@media(max-width:1239px){
  #p-play .pg-grid,#p-play.operation-panel-open .pg-grid{grid-template-columns:186px minmax(0,1fr)!important;gap:0!important}
  #p-play .bb-create-operation-panel{position:fixed!important;z-index:100155;top:calc(var(--nav-height) + 8px);right:8px;bottom:8px;width:min(400px,calc(100vw - 16px));height:auto!important;transform:translateX(calc(100% + 18px));box-shadow:-22px 0 70px rgba(15,23,42,.22)}
  #p-play.operation-panel-open .bb-create-operation-panel{transform:none}
  #p-play.operation-panel-open .bb-create-panel-scrim{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}

.bb-create-image-loading{min-height:94px;display:grid;place-items:center;padding:18px;border:1px solid #dce6f2;border-radius:13px;background:linear-gradient(135deg,#f8fbff,#eef5ff);color:#536a85;font-size:12px;font-weight:750;text-align:center}
.bb-create-rights-scope{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:11px;border:1px solid #dbe5f0;border-radius:11px;background:#f8fafc;color:#52657c;font-size:11.5px;line-height:1.55}
.bb-create-rights-scope>b{padding:3px 7px;border-radius:999px;background:#e9f1ff;color:#1d4ed8;font-size:10px;white-space:nowrap}
.bb-create-rights-scope.confirmed{border-color:#d7e9df;background:#f5fbf7}
.bb-create-rights-scope.confirmed>b{background:#e0f4e7;color:#237a49}
.bb-create-image-quote-amount span{font-size:11.5px!important}
.bb-create-image-funding button b{font-size:12px!important}
.bb-create-image-funding button em{font-size:11px!important}

@media(max-width:900px){
  #p-play .pg-grid,#p-play.operation-panel-open .pg-grid{grid-template-columns:1fr!important}
  #p-play .pg-side{margin-right:0!important}
  #p-play .bb-rab-mode-dock>.bb-create-status-context{display:flex!important}
  #p-play .bb-rab-mode-dock>.bb-create-toolbar-btn{display:inline-flex!important;min-width:36px!important;width:36px!important;margin-left:auto!important}
  #p-play .bb-create-operation-panel{top:calc(var(--nav-height) + 6px);right:6px;bottom:6px;width:min(410px,calc(100vw - 12px));border-radius:16px}
  #p-play .bb-operation-body{padding:9px}
  #p-play .pg-in textarea,
  #p-play[data-create-state="idle"] .pg-in textarea,
  #p-play[data-create-state="draft"] .pg-in textarea,
  #p-play[data-create-state="prepared"] .pg-in textarea,
  #p-play[data-create-state="planning"] .pg-in textarea,
  #p-play[data-create-state="executing"] .pg-in textarea,
  #p-play[data-create-state="review"] .pg-in textarea,
  #p-play[data-create-state="blocked"] .pg-in textarea{min-height:112px!important;max-height:240px!important}
  #p-play[data-create-state="prepared"] .pg-out,#p-play[data-create-state="planning"] .pg-out,#p-play[data-create-state="executing"] .pg-out,#p-play[data-create-state="review"] .pg-out,#p-play[data-create-state="blocked"] .pg-out{flex:0 0 auto!important;height:auto!important;min-height:58dvh!important;max-height:none!important;overflow:visible!important}
  #p-play[data-create-state="prepared"] .bb-create-run,#p-play[data-create-state="planning"] .bb-create-run,#p-play[data-create-state="executing"] .bb-create-run,#p-play[data-create-state="review"] .bb-create-run,#p-play[data-create-state="blocked"] .bb-create-run{padding:15px 12px 24px!important}
  #p-play[data-create-state="prepared"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="planning"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="executing"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="review"] .bb-rab-orchestration.process-collapsed,#p-play[data-create-state="blocked"] .bb-rab-orchestration.process-collapsed{flex:0 0 44px!important;min-height:44px!important;max-height:44px!important;overflow:hidden!important}
  #p-play[data-create-state="prepared"] .pg-in,#p-play[data-create-state="planning"] .pg-in,#p-play[data-create-state="executing"] .pg-in,#p-play[data-create-state="review"] .pg-in,#p-play[data-create-state="blocked"] .pg-in{position:static!important;z-index:auto;box-shadow:0 10px 28px rgba(20,45,78,.10)!important}
}

@media(max-width:520px){
  #p-play .bb-create-operation-panel{inset:var(--nav-height) 0 0!important;width:100vw;border:0;border-radius:0}
  #p-play .bb-operation-head{min-height:56px}
  #p-play .bb-operation-current{padding:13px}
  #p-play #bbCreateOperationPanel .bb-create-config-grid{grid-template-columns:1fr!important}
  #p-play[data-create-state="prepared"] .pg-in,
  #p-play[data-create-state="planning"] .pg-in,
  #p-play[data-create-state="executing"] .pg-in,
  #p-play[data-create-state="review"] .pg-in,
  #p-play[data-create-state="blocked"] .pg-in{margin:8px 10px!important}
}

/* Operation 9: one readable rail and one genuinely full creation surface.
   This final layer intentionally wins over the legacy inline BB Create rules. */
#p-play{--bb-create-rail-width:224px}
#p-play .pg-wrap{width:100%!important;max-width:none!important;margin:0!important}

@media(min-width:1240px){
  #p-play .pg-grid{grid-template-columns:224px minmax(0,1fr) 0!important}
  #p-play.operation-panel-open .pg-grid{grid-template-columns:224px minmax(0,1fr) var(--bb-operation-width)!important}
}

@media(min-width:901px) and (max-width:1239px){
  #p-play .pg-grid,#p-play.operation-panel-open .pg-grid{grid-template-columns:224px minmax(0,1fr)!important}
}

/* Six launchers share the same two-column information hierarchy. */
@media(min-width:901px){
  #p-play .pg-side{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    align-content:stretch!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #p-play .bb-workbench-rail-scroll{
    min-height:0!important;
    display:grid!important;
    align-content:start!important;
    gap:4px!important;
    padding:8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin;
  }
  #p-play .bb-workbench-rail-scroll>.bb-workbench-nav-item{
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:start!important;
    gap:10px!important;
    min-height:74px!important;
    padding:10px!important;
  }
  #p-play .bb-workbench-rail-scroll>.bb-workbench-nav-item>.bb-workbench-nav-icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin-top:1px!important;
  }
  #p-play .bb-workbench-nav-copy,
  #p-play .bb-workbench-nav-item [class$="-launcher-copy"]{
    grid-column:2!important;
    min-width:0!important;
    gap:4px!important;
  }
  #p-play .bb-workbench-nav-item [class$="-launcher-copy"]>.bb-workbench-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:start!important;
    align-items:start!important;
    gap:4px!important;
    min-width:0!important;
  }
  #p-play .bb-workbench-nav-copy b,
  #p-play .bb-workbench-nav-item [class$="-launcher-copy"] b{
    width:100%!important;
    overflow:visible!important;
    color:inherit!important;
    font:850 12px/1.35 system-ui,-apple-system,"PingFang SC",sans-serif!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
  #p-play .bb-workbench-nav-copy b em,
  #p-play .bb-workbench-nav-item [class$="-launcher-copy"] b em{
    margin-left:4px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  #p-play .bb-workbench-nav-copy small,
  #p-play .bb-workbench-nav-item [class$="-launcher-copy"]>small{
    display:block!important;
    overflow:visible!important;
    color:#748398!important;
    font:650 9.5px/1.4 system-ui,-apple-system,"PingFang SC",sans-serif!important;
    text-overflow:clip!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
  }
  #p-play .bb-workbench-readiness{
    justify-self:start!important;
    min-height:18px!important;
    box-sizing:border-box!important;
    padding:0 6px!important;
    font-size:9.5px!important;
    line-height:16px!important;
    white-space:normal!important;
  }
  #p-play .bb-create-launcher>.bb-workbench-nav-copy{
    grid-column:2!important;
    grid-row:1!important;
  }
  #p-play .bb-create-launcher>.bb-workbench-default-pill{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    min-height:18px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:4px 7px!important;
    font-size:9.5px!important;
    line-height:1!important;
  }
  #p-play .bb-create-product-band-title{
    min-height:26px!important;
    box-sizing:border-box!important;
    padding:8px 5px 5px!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  #p-play .bb-create-product-band-title small{font-size:9.5px!important;line-height:1.3!important}

  #p-play .pg-main{padding:0!important}
  #p-play[data-create-state="idle"] .bb-create-canvas-intro,
  #p-play[data-create-state="draft"] .bb-create-canvas-intro{
    order:1!important;
    flex:1 1 auto!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    min-height:150px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:28px 24px!important;
  }
  #p-play[data-create-state="idle"] .pg-presets,
  #p-play[data-create-state="draft"] .pg-presets{
    order:2!important;
    align-self:stretch!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    margin:0 14px 9px!important;
    padding:0!important;
  }
  #p-play[data-create-state="idle"] .pg-in,
  #p-play[data-create-state="draft"] .pg-in{
    order:3!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0 14px 12px!important;
  }
  #p-play[data-create-state="draft"] .bb-create-intent-preview{
    order:2!important;
    align-self:stretch!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0 14px 9px!important;
  }
  #p-play[data-create-state="prepared"] .pg-out,
  #p-play[data-create-state="planning"] .pg-out,
  #p-play[data-create-state="executing"] .pg-out,
  #p-play[data-create-state="review"] .pg-out,
  #p-play[data-create-state="blocked"] .pg-out{
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  #p-play[data-create-state="prepared"] .pg-in,
  #p-play[data-create-state="planning"] .pg-in,
  #p-play[data-create-state="executing"] .pg-in,
  #p-play[data-create-state="review"] .pg-in,
  #p-play[data-create-state="blocked"] .pg-in{
    align-self:stretch!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  #p-play[data-create-state="prepared"] .pg-out::before,
  #p-play[data-create-state="planning"] .pg-out::before,
  #p-play[data-create-state="executing"] .pg-out::before,
  #p-play[data-create-state="review"] .pg-out::before,
  #p-play[data-create-state="blocked"] .pg-out::before{padding-right:min(390px,38%)!important}
}

/* BB Create keeps help in the rail. Only the three fan leaves receive pointer events. */
#p-play .bb-create-rail-help{position:relative;z-index:4;padding:8px;border-top:1px solid #dfe7f0;background:linear-gradient(180deg,rgba(248,250,252,.9),#f8fafc)}
#p-play .bb-create-rail-help .bb-create-help-btn{position:relative!important;inset:auto!important;width:100%!important;height:42px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0 10px!important;border:1px solid #d6e1ee!important;border-radius:10px!important;background:#fff!important;color:#294867!important;box-shadow:none!important;text-align:left!important}
#p-play .bb-create-rail-help .bb-create-help-btn:hover{border-color:#b8cce6!important;background:#f1f6fc!important;color:#174ea6!important;transform:none!important}
#p-play .bb-create-rail-help .bb-create-help-btn:focus-visible{outline:2px solid #2563eb!important;outline-offset:2px!important}
#p-play .bb-create-rail-help .bb-create-help-btn svg{width:20px!important;height:20px!important;margin:0 auto!important;fill:none!important;stroke:currentColor!important}
#p-play .bb-create-rail-help .bb-create-help-btn::before{content:'帮助与反馈';font:850 11px/1 system-ui,-apple-system,"PingFang SC",sans-serif;white-space:nowrap}
#p-play .bb-create-rail-help .bb-create-help-btn::after{display:none!important;content:none!important}
#p-play .bb-create-rail-help .bb-create-help-btn[aria-expanded="true"]{border-color:#aac4e7!important;background:#eaf2ff!important;color:#174ea6!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}

body.bb-create-help-mounted #bbCreateHelpMenu{--fan-x:1;--fan-y:1;position:fixed!important;z-index:100520!important;display:block!important;width:212px!important;height:190px!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;isolation:isolate;transform:none!important}
body.bb-create-help-mounted #bbCreateHelpMenu[data-direction="left"]{--fan-x:-1}
body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"]{--fan-y:-1}
body.bb-create-help-mounted #bbCreateHelpMenu::before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid rgba(151,174,205,.34);border-radius:0 100% 0 0;background:radial-gradient(circle at 0 100%,rgba(255,255,255,.82) 0 24%,rgba(235,243,255,.72) 25% 47%,rgba(209,226,251,.48) 48% 67%,transparent 68%);box-shadow:0 22px 52px rgba(20,45,78,.13);backdrop-filter:blur(16px) saturate(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.12);clip-path:polygon(0 100%,100% 0,100% 100%);opacity:0;transform:scaleX(var(--fan-x)) scaleY(var(--fan-y)) scale(.72);transform-origin:0 100%;transition:opacity .18s ease,transform .23s cubic-bezier(.2,.8,.2,1)}
body.bb-create-help-mounted #bbCreateHelpMenu[data-direction="left"]::before{transform-origin:100% 100%}
body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"]::before{transform-origin:0 0}
body.bb-create-help-mounted #bbCreateHelpMenu[data-direction="left"][data-vertical="down"]::before{transform-origin:100% 0}
body.bb-create-help-mounted #bbCreateHelpMenu.open::before{opacity:1;transform:scaleX(var(--fan-x)) scaleY(var(--fan-y)) scale(1)}
body.bb-create-help-mounted #bbCreateHelpMenu button{position:absolute!important;width:122px!important;height:42px!important;display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;grid-template-rows:1fr!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0 9px!important;border:1px solid rgba(159,181,210,.48)!important;border-radius:12px!important;background:rgba(255,255,255,.82)!important;color:#214465!important;box-shadow:0 8px 22px rgba(27,55,91,.09)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;text-align:left!important;white-space:nowrap!important;opacity:0;visibility:hidden;pointer-events:none!important;transform:translate(calc(-12px * var(--fan-x)),calc(12px * var(--fan-y))) scale(.88);transition:opacity .16s ease,transform .23s cubic-bezier(.2,.8,.2,1),background .16s ease,border-color .16s ease,visibility 0s linear .23s!important}
body.bb-create-help-mounted #bbCreateHelpMenu button:nth-child(1){left:10px;top:138px;transition-delay:0ms!important}
body.bb-create-help-mounted #bbCreateHelpMenu button:nth-child(2){left:50px;top:82px;transition-delay:35ms!important}
body.bb-create-help-mounted #bbCreateHelpMenu button:nth-child(3){left:78px;top:20px;transition-delay:70ms!important}
body.bb-create-help-mounted #bbCreateHelpMenu[data-direction="left"] button:nth-child(1){left:auto;right:10px}
body.bb-create-help-mounted #bbCreateHelpMenu[data-direction="left"] button:nth-child(2){left:auto;right:50px}
body.bb-create-help-mounted #bbCreateHelpMenu[data-direction="left"] button:nth-child(3){left:auto;right:78px}
body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"] button:nth-child(1){top:10px}
body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"] button:nth-child(2){top:66px}
body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"] button:nth-child(3){top:128px}
body.bb-create-help-mounted #bbCreateHelpMenu.open button{opacity:1;visibility:visible;pointer-events:auto!important;transform:none;transition-delay:0ms!important}
body.bb-create-help-mounted #bbCreateHelpMenu button:hover{border-color:#a9c4e8!important;background:rgba(238,246,255,.96)!important;color:#174ea6!important}
body.bb-create-help-mounted #bbCreateHelpMenu button:focus-visible{outline:2px solid #2563eb!important;outline-offset:2px!important}
body.bb-create-help-mounted #bbCreateHelpMenu button>span{grid-row:auto!important;width:27px!important;height:27px!important;border-radius:9px!important;background:#e3edfb!important;color:#2563eb!important;font-size:12px!important}
body.bb-create-help-mounted #bbCreateHelpMenu button b{font:850 11px/1 system-ui,-apple-system,"PingFang SC",sans-serif!important;white-space:nowrap!important}

@media(max-width:900px){
  #p-play .pg-main{padding-bottom:0!important}
  #p-play[data-create-state="idle"] .pg-in,
  #p-play[data-create-state="draft"] .pg-in,
  #p-play[data-create-state="prepared"] .pg-in,
  #p-play[data-create-state="planning"] .pg-in,
  #p-play[data-create-state="executing"] .pg-in,
  #p-play[data-create-state="review"] .pg-in,
  #p-play[data-create-state="blocked"] .pg-in{
    align-self:stretch!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  #p-play .pg-side{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;grid-template-rows:auto!important;align-items:stretch!important;gap:7px!important;padding:7px!important;overflow:visible!important}
  #p-play .bb-workbench-rail-scroll{min-width:0!important;overflow:visible!important}
  #p-play .bb-create-rail-help{display:grid!important;place-items:center!important;padding:0!important;border:0!important;background:transparent!important}
  #p-play .bb-create-rail-help .bb-create-help-btn{width:44px!important;height:44px!important;display:grid!important;grid-template-columns:1fr!important;padding:0!important}
  #p-play .bb-create-rail-help .bb-create-help-btn::before{display:none!important;content:none!important}
  #p-play .bb-workbench-mobile-switch{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  #p-play .bb-workbench-mobile-switch>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  #p-play .bb-workbench-mobile-switch select{height:44px!important;padding-left:12px!important;font-size:14px!important}
  body.bb-create-help-mounted #bbCreateHelpMenu{width:206px!important;height:140px!important}
  body.bb-create-help-mounted #bbCreateHelpMenu button{width:118px!important;height:38px!important}
  body.bb-create-help-mounted #bbCreateHelpMenu button:nth-child(1){top:96px}
  body.bb-create-help-mounted #bbCreateHelpMenu button:nth-child(2){top:50px}
  body.bb-create-help-mounted #bbCreateHelpMenu button:nth-child(3){top:4px}
  body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"] button:nth-child(1){top:4px}
  body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"] button:nth-child(2){top:50px}
  body.bb-create-help-mounted #bbCreateHelpMenu[data-vertical="down"] button:nth-child(3){top:96px}
}

@media(prefers-reduced-motion:reduce){
  #p-play .pg-grid,#p-play .bb-create-operation-panel,#p-play .pg-in textarea,#p-play .bb-operation-section>summary:before,body.bb-create-help-mounted #bbCreateHelpMenu::before,body.bb-create-help-mounted #bbCreateHelpMenu button{transition:none!important}
}