.bbm-save-pill{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:8px;color:#8a9687;line-height:1.3;}
.bbm-save-pill span{display:inline!important;font:inherit!important;letter-spacing:0!important;margin:0!important;color:inherit!important;}
.bbm-save-dot{width:5px;height:5px;border-radius:50%;background:#a2b795;flex:none;}
.bbm-save-pill[data-state="saved"]{color:#4b8a70}.bbm-save-pill[data-state="saved"] .bbm-save-dot{background:#67a889}
.bbm-save-pill[data-state="busy"],.bbm-save-pill[data-state="pending"]{color:#a78147}.bbm-save-pill[data-state="busy"] .bbm-save-dot,.bbm-save-pill[data-state="pending"] .bbm-save-dot{background:#d3ad6b}
.bbm-save-pill[data-state="error"]{color:#b26960}.bbm-save-pill[data-state="error"] .bbm-save-dot{background:#be8071}
#bbmSyncNow{border:0;background:#e9f0e4;color:#5b8168;font-size:8px;padding:2px 5px;border-radius:5px;cursor:pointer;}
[hidden]{display:none!important;}
.bbm-asset-notice{position:absolute;right:11px;top:13px;z-index:8;background:#fffdf3e8;border-radius:10px;padding:6px 8px;font-size:9px;color:#6f7d65;display:flex;align-items:center;gap:5px;}
.bbm-asset-notice button{border:0;border-radius:5px;background:#dcebdd;color:#52735d;font-size:9px;padding:3px 6px;cursor:pointer;}
.bbm-stage[aria-busy="true"] .bbm-edition{display:none;}
.bbm-motion-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:drop-shadow(0 5px 3px #66523226);pointer-events:none;}
.is-frame-playing .bbm-pet-art>.bbm-pet-sprite{visibility:hidden;}
.is-frame-playing .bbm-pet-art{animation:none!important;}
.bbd-sidebar{display:none;}
body.desktop-pet-mode #bbMobileUI{display:none!important;}
body.desktop-pet-mode #desktopQuick{display:flex!important;}
@media(min-width:701px){
  html,body{background:#f2f2e9!important;}
  #bbMobileUI{position:fixed;left:50%;right:auto;top:0;bottom:0;transform:translateX(-50%);width:min(1600px,100vw);padding:24px 30px;display:grid!important;grid-template-columns:165px minmax(0,1fr) 260px;grid-template-rows:64px minmax(0,1fr) 58px;grid-template-areas:"top top top" "nav scene aside" "nav chat aside";gap:18px 22px;background:radial-gradient(ellipse at 20% 0%,#faf5e8,transparent 50%),#f3f3eb;overflow:hidden;}
  .bbm-top{grid-area:top;padding:0 2px 12px;border-bottom:1px solid #e2e5d8;}
  .bbm-brand b{font-size:25px;letter-spacing:2px}.bbm-brand b small{font-size:9px;letter-spacing:2px}.bbm-brand span{font-size:11px}.bbm-logo{width:48px;height:50px;border-radius:16px;font-size:26px;}
  .bbm-save-pill{font-size:10px}.bbm-account{min-width:88px;padding:12px 17px;font-size:13px;border-radius:13px;}#bbmSyncNow{font-size:10px;}
  .bbm-stage{grid-area:scene;margin:0;border-radius:28px;min-height:0;}
  .bbm-stage .bbm-petname{font-size:23px;top:11%;}.bbm-feedback{font-size:13px;left:12%;right:12%;padding:11px 16px;top:20%;max-height:90px;overflow:hidden;}
  .bbm-scene-name{font-size:11px;padding:8px 12px;left:17px;top:17px}.bbm-edition{right:18px;top:28px;font-size:10px;}
  #bbmPetLine{left:5%;right:5%;top:34%;height:39%;gap:10px;}#bbmPetLine[data-count="1"] .bbm-pet-card{max-width:330px;}#bbmPetLine[data-count="2"] .bbm-pet-card{max-width:45%;}#bbmPetLine[data-count="3"] .bbm-pet-card{max-width:31%;}
  .bbm-pet-label,#bbmPetLine[data-count="3"] .bbm-pet-label{font-size:11px;padding:4px 10px;bottom:-5px;}
  .bbm-stats{bottom:103px;left:20px;right:20px;gap:9px}.bbm-stats span{font-size:11px}.bbm-stats b{font-size:17px}.bbm-stats small{font-size:10px;}
  .bbm-quick{left:18px;right:18px;bottom:17px;padding:9px;gap:9px;border-radius:20px}.bbm-quick button{font-size:12px;padding:9px 5px;min-height:48px;cursor:pointer}.bbm-quick button:hover{background:#eff5e7;border-color:#bbd2ae;}
  .bbm-chat{grid-area:chat;margin:0;padding:0;gap:10px;}.bbm-chat input{font-size:13px;border-radius:16px;padding:14px 17px}.bbm-chat button{font-size:13px;padding:0 23px;border-radius:16px;cursor:pointer;}
  .bbm-nav{grid-area:nav;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:14px 0;border:0;}.bbm-nav::before{content:"陪伴空间";font-size:10px;letter-spacing:2px;color:#9ca794;padding:0 13px 12px;}.bbm-nav button{display:flex;align-items:center;text-align:left;gap:11px;padding:14px 13px;border:1px solid transparent;border-radius:14px;font-size:13px;color:#728067;min-height:53px;cursor:pointer;}.bbm-nav i{font-size:21px;line-height:1;margin:0;width:26px;text-align:center}.bbm-nav button:hover{background:#e8eddf;border-color:#dce3cf;}.bbm-nav button:last-child{margin-top:auto;background:#fffdf5;border-color:#e0e6d4;}
  .bbd-sidebar{display:flex;grid-area:aside;flex-direction:column;gap:14px;min-height:0;overflow:auto;scrollbar-width:thin;}.bbd-card{border:1px solid #e2e6d8;background:#fffdf7;border-radius:20px;padding:17px;}.bbd-eyebrow{display:block;font-size:10px;letter-spacing:1.5px;color:#9ba18d;}.bbd-profile{text-align:center;}.bbd-profile .bbd-eyebrow{text-align:left}#bbdPortrait{height:122px;position:relative;margin-top:6px;}#bbdPortrait .bbm-pet-art{position:absolute;inset:0;width:100%;height:100%;}.bbd-profile h2{font-size:19px;margin:5px 0;color:#546c54}.bbd-profile p{font-size:10px;color:#94a18c;margin:0;}.bbd-profile-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:13px;border-top:1px solid #e9ebdf;}.bbd-profile-stats b{display:block;font-size:19px;color:#6d8b66;font-weight:600}.bbd-profile-stats span{font-size:9px;color:#99a58e}.bbd-card>button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-bottom:1px solid #f0f1e9;background:transparent;color:#74836a;padding:13px 0;text-align:left;font-size:12px;cursor:pointer;}.bbd-card>button:last-child{border:0;padding-bottom:0}.bbd-card>button span{margin-left:auto;color:#abb69f}.bbd-card>button:hover{color:#3b8a68;}.bbd-note p{font-size:12px;line-height:1.9;color:#7f8d73;margin:10px 0}.bbd-note small{font-size:10px;line-height:1.8;color:#a1aa95;}
  #bbMobileSheet{left:200px;right:295px;bottom:100px;max-height:72%;border-radius:24px;padding:22px;box-shadow:0 12px 100px #3e4c3838;}#bbMobileSheet .bbm-grid[data-kind="pets"] button>span{height:110px;}.bbm-scene-preview{height:130px;}
  #modalShade{align-items:center!important;padding:28px!important;}.modalShade .modal,#modalShade .modal{width:min(700px,90vw)!important;max-width:700px!important;max-height:89vh!important;border-radius:25px!important;padding:24px!important;}#modalShade .modal h2{font-size:22px!important;}#modalShade .modal p{font-size:13px!important;}
  .bbm-wardrobe-preview{height:265px;}.bbm-wardrobe-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.bbm-wardrobe-grid button{cursor:pointer;min-height:94px;}.bbm-wardrobe-grid button:hover{border-color:#93b39a;}.bbm-wardrobe-tabs button{cursor:pointer;}
  #v932RoomOverlay{inset:5vh auto!important;left:50%!important;transform:translateX(-50%);width:min(1000px,92vw);height:90vh;}#v932RoomOverlay .v932Pet{width:190px;height:190px;}
  .bbm-asset-notice{right:17px;top:16px;font-size:10px;}
}
@media(min-width:701px) and (max-width:1100px){
  #bbMobileUI{padding:20px;grid-template-columns:130px minmax(0,1fr);grid-template-areas:"top top" "nav scene" "nav chat";gap:15px;}.bbd-sidebar{display:none;}#bbMobileSheet{left:165px;right:20px;}
}
@media(max-width:700px){
  .bbm-top{padding-bottom:10px}.bbm-brand b{font-size:18px}.bbm-brand b small{font-size:6px}.bbm-brand>div:last-child{min-width:0}.bbm-save-pill{max-width:225px}.bbm-save-pill #bbmSaveStatus{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

/* v1.5.6 desktop layout refinement — desktop only; mobile layout remains unchanged */
@media (min-width: 701px) {
  html, body {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }
  body { display: block; }
  #app {
    width: 100vw !important;
    height: 100vh !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  #bbMobileUI {
    left: 50% !important;
    right: auto !important;
    width: min(100vw, 1920px) !important;
    max-width: 100vw !important;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    padding: clamp(14px, 1.7vw, 30px);
    grid-template-columns: clamp(138px, 13vw, 205px) minmax(0, 1fr) clamp(220px, 19vw, 310px);
    grid-template-rows: clamp(58px, 7vh, 72px) minmax(0, 1fr) clamp(54px, 7vh, 66px);
    gap: clamp(10px, 1.35vw, 23px) clamp(12px, 1.45vw, 25px);
    overflow: hidden;
  }
  .bbm-stage { min-width: 0; min-height: 0; }
  .bbd-sidebar { min-width: 0; min-height: 0; }
  .bbm-chat { min-width: 0; }
  .bbm-chat input { min-width: 0; }
}

@media (min-width: 701px) and (max-width: 1100px) {
  #app { width: 100vw !important; height: 100vh !important; }
  #bbMobileUI {
    padding: clamp(12px, 2vw, 20px);
    grid-template-columns: clamp(118px, 15vw, 150px) minmax(0, 1fr);
    grid-template-rows: 58px minmax(0, 1fr) 56px;
    gap: 12px;
  }
}

@media (min-width: 701px) and (max-height: 720px) {
  #bbMobileUI {
    padding-top: 10px;
    padding-bottom: 10px;
    grid-template-rows: 54px minmax(0, 1fr) 50px;
    gap: 10px 14px;
  }
  .bbd-card { padding: 12px; }
  #bbdPortrait { height: 90px; }
  .bbm-stage { border-radius: 22px; }
}