#rp-weave-page{
  position:absolute;
  inset:0;
  z-index:42;
  overflow:hidden;
  background:linear-gradient(160deg,#fff7fb 0%,#f2f6ff 48%,#fff0f7 100%);
  color:#4c3d54;
}

#rp-weave-root{
  height:100%;
}

#rp-weave-page button,
#rp-weave-page input,
#rp-weave-page textarea,
#rp-weave-page select{
  font:inherit;
  box-sizing:border-box;
}

#rp-weave-page button{
  cursor:pointer;
}

#rp-weave-page button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.rp-weave-shell{
  height:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  box-sizing:border-box;
  overflow:hidden;
}

.rp-weave-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex:0 0 auto;
}

.rp-weave-topbar h1{
  margin:0;
  color:#c05080;
  font-size:1.35rem;
  letter-spacing:.04em;
}

.rp-weave-kicker{
  color:#a57590;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.rp-weave-back,
.rp-weave-primary,
.rp-weave-secondary,
.rp-weave-ghost{
  border:none;
  border-radius:12px;
  min-height:38px;
  padding:8px 14px;
  font-weight:700;
}

.rp-weave-back,
.rp-weave-secondary{
  color:#c05080;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(214,124,165,.25);
}

.rp-weave-primary{
  color:#fff;
  background:linear-gradient(135deg,#d86098,#f08ab3);
  box-shadow:0 8px 18px rgba(208,80,144,.18);
}

.rp-weave-ghost{
  color:#9b5f7c;
  background:rgba(255,255,255,.55);
}

.rp-weave-status{
  flex:0 0 auto;
  min-height:20px;
  padding:8px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(214,124,165,.16);
  color:#7d5c70;
  font-size:.84rem;
}

.rp-weave-status-error{
  color:#a73552;
  background:rgba(255,235,240,.9);
}

.rp-weave-status-success{
  color:#337a55;
  background:rgba(235,255,244,.9);
}

.rp-weave-layout{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr) minmax(320px,1.15fr);
  gap:12px;
}

.rp-weave-card{
  min-height:0;
  overflow:auto;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(214,124,165,.18);
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 30px rgba(120,70,100,.08);
}

.rp-weave-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.rp-weave-player-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.rp-weave-user-avatar-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:32px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#9b5f7c;
  font-size:.78rem;
  font-weight:700;
  white-space:nowrap;
}

.rp-weave-user-avatar-toggle input{
  width:auto;
  margin:0;
}

.rp-weave-user-avatar-select{
  width:auto;
  max-width:170px;
  min-height:32px;
  padding:4px 8px;
  border:1px solid rgba(214,124,165,.22);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  color:#7d5c70;
  font-size:.78rem;
  font-weight:700;
}

.rp-weave-fullscreen-toggle{
  width:38px;
  min-width:38px;
  height:38px;
  padding:0;
  font-size:1.25rem;
  line-height:1;
}

.rp-weave-card-title{
  color:#c05080;
  font-size:1rem;
  font-weight:800;
  margin-bottom:10px;
}

.rp-weave-subtitle{
  margin-top:16px;
}

.rp-weave-muted,
.rp-weave-note,
.rp-weave-empty{
  color:#8a7080;
  font-size:.82rem;
  line-height:1.55;
}

.rp-weave-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#6a5261;
  font-size:.84rem;
  font-weight:700;
  margin-bottom:10px;
}

.rp-weave-field input,
.rp-weave-field textarea,
.rp-weave-field select,
.rp-weave-save-row input{
  width:100%;
  border:1px solid rgba(214,124,165,.22);
  border-radius:12px;
  background:rgba(255,255,255,.82);
  color:#4c3d54;
  outline:none;
  padding:10px 12px;
  line-height:1.45;
}

.rp-weave-field textarea{
  resize:vertical;
}

.rp-weave-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.rp-weave-checks{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:4px 0 12px;
  color:#6a5261;
  font-size:.84rem;
}

.rp-weave-checks label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,232,241,.75);
}

.rp-weave-source-block{
  margin:10px 0 12px;
}

.rp-weave-source-title{
  color:#6a5261;
  font-size:.84rem;
  font-weight:800;
  margin-bottom:7px;
}

.rp-weave-source-list{
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:132px;
  overflow:auto;
  padding:8px;
  border:1px solid rgba(214,124,165,.18);
  border-radius:14px;
  background:rgba(255,250,253,.62);
}

.rp-weave-source-item{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#5c4a5f;
  font-size:.82rem;
  line-height:1.4;
}

.rp-weave-source-item input{
  flex:0 0 auto;
  margin-top:2px;
}

.rp-weave-source-item b{
  display:block;
}

.rp-weave-source-item small{
  display:block;
  color:#98778a;
  font-size:.74rem;
}

.rp-weave-project-list,
.rp-weave-task-list,
.rp-weave-save-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.rp-weave-project-item,
.rp-weave-save-item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-align:left;
  border:1px solid rgba(214,124,165,.18);
  border-radius:14px;
  background:rgba(255,255,255,.7);
  color:#57475a;
  padding:10px 12px;
}

.rp-weave-project-active{
  border-color:rgba(208,80,144,.55);
  background:rgba(255,235,244,.95);
}

.rp-weave-project-title{
  font-weight:800;
}

.rp-weave-project-meta,
.rp-weave-save-item small{
  color:#98778a;
  font-size:.76rem;
}

.rp-weave-actions,
.rp-weave-player-controls,
.rp-weave-save-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.rp-weave-save-row input{
  flex:1 1 140px;
}

.rp-weave-task-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  border-radius:13px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(214,124,165,.14);
}

.rp-weave-task-name{
  color:#5c4a5f;
  font-weight:800;
  font-size:.86rem;
}

.rp-weave-task-error{
  color:#a73552;
  font-size:.76rem;
  line-height:1.45;
  margin-top:3px;
  word-break:break-word;
}

.rp-weave-task-retry{
  margin-top:7px;
  border:none;
  border-radius:999px;
  padding:5px 10px;
  color:#fff;
  background:linear-gradient(135deg,#c05080,#e17aa4);
  font-size:.76rem;
  font-weight:800;
}

.rp-weave-task-pill{
  flex:0 0 auto;
  color:#8d6078;
  background:rgba(255,230,240,.75);
  border-radius:999px;
  padding:3px 8px;
  font-size:.74rem;
}

.rp-weave-task-success .rp-weave-task-pill{
  color:#357554;
  background:rgba(225,250,235,.9);
}

.rp-weave-task-failed .rp-weave-task-pill{
  color:#a73552;
  background:rgba(255,225,232,.9);
}

.rp-weave-task-running .rp-weave-task-pill{
  color:#8a6500;
  background:rgba(255,244,206,.95);
}

.rp-weave-task-skipped .rp-weave-task-pill{
  color:#6f6470;
  background:rgba(238,236,240,.95);
}

.rp-weave-player-card{
  position:relative;
  display:flex;
  flex-direction:column;
}

.rp-weave-player-card #rp-user-avatar-float{
  z-index:30!important;
}

.rp-weave-player-card:fullscreen,
.rp-weave-player-card:-webkit-full-screen,
.rp-weave-player-card.rp-weave-player-immersive{
  width:100vw;
  height:100vh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right))
    max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  border:none;
  border-radius:0;
  overflow:auto;
  background:#fff7fb;
  box-sizing:border-box;
  z-index:100001;
}

.rp-weave-player-card.rp-weave-player-immersive{
  position:fixed;
  inset:0;
}

.rp-weave-player-card:fullscreen .rp-weave-stage,
.rp-weave-player-card:-webkit-full-screen .rp-weave-stage,
.rp-weave-player-card.rp-weave-player-immersive .rp-weave-stage{
  min-height:min(56vh,620px);
}

.rp-weave-player-card:fullscreen .rp-weave-live2d-stage,
.rp-weave-player-card:-webkit-full-screen .rp-weave-live2d-stage,
.rp-weave-player-card.rp-weave-player-immersive .rp-weave-live2d-stage{
  min-height:min(42vh,480px);
}

.rp-weave-live2d-stage{
  display:none;
  min-height:clamp(240px,38vh,420px);
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  position:relative;
}

.rp-weave-live2d-stage.rp-weave-live2d-active{
  display:flex;
}

.rp-weave-live2d-user-canvas{
  width:min(72%,320px);
  height:clamp(240px,38vh,420px);
  flex:0 0 auto;
}

.rp-weave-stage{
  flex:1 1 auto;
  min-height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  padding:16px;
  background:linear-gradient(155deg,rgba(67,47,77,.92),rgba(99,64,93,.9));
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.rp-weave-line{
  width:100%;
}

.rp-weave-speaker{
  display:inline-flex;
  margin-bottom:8px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#ffd8e6;
  font-size:.82rem;
  font-weight:800;
}

.rp-weave-text{
  font-size:1rem;
  line-height:1.8;
  white-space:pre-wrap;
}

.rp-weave-line-thought .rp-weave-text{
  color:#f0dff0;
  font-style:italic;
}

.rp-weave-line-stage .rp-weave-text{
  color:#d8efff;
}

.rp-weave-media-image{
  display:block;
  max-width:100%;
  max-height:360px;
  margin-top:14px;
  border-radius:16px;
  object-fit:contain;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}

.rp-weave-media-video{
  display:block;
  width:100%;
  max-height:420px;
  margin-top:14px;
  border-radius:16px;
  background:#111;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}

.rp-weave-media-audio{
  display:block;
  width:100%;
  margin-top:14px;
  accent-color:#d86098;
}

.rp-weave-director-panel:empty{
  display:none;
}

.rp-weave-director-card{
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(216,96,152,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,245,250,.9),rgba(245,250,255,.86));
}

.rp-weave-director-title{
  font-weight:800;
  color:#8a2d62;
  margin-bottom:6px;
}

.rp-weave-director-note,
.rp-weave-director-section{
  font-size:.86rem;
  line-height:1.6;
  color:#6a5266;
}

.rp-weave-director-section{
  margin-top:12px;
}

.rp-weave-director-section p,
.rp-weave-director-section ul{
  margin:6px 0 0;
}

.rp-weave-director-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.rp-weave-choice-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
}

.rp-weave-choice{
  width:100%;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,#fff,#ffeaf2);
  color:#c05080;
  padding:11px 13px;
  text-align:left;
  font-weight:800;
}

.rp-weave-ending{
  width:100%;
  text-align:center;
  color:#ffe5f0;
  font-size:1.1rem;
  font-weight:900;
}

.rp-weave-error{
  color:#ffe4e4;
}

.rp-weave-history{
  margin-top:12px;
  color:#6a5261;
  font-size:.84rem;
}

.rp-weave-history summary{
  cursor:pointer;
  font-weight:800;
  color:#c05080;
}

.rp-weave-history-line{
  padding:7px 0;
  border-bottom:1px solid rgba(214,124,165,.12);
  line-height:1.55;
}

.rp-weave-history-line b{
  display:inline-block;
  min-width:54px;
  color:#a55f7c;
  margin-right:8px;
}

@media (max-width:920px){
  #rp-weave-page{
    overflow:auto;
  }
  #rp-weave-root{
    height:auto;
    min-height:100%;
  }
  .rp-weave-shell{
    height:auto;
    min-height:100%;
    overflow:visible;
  }
  .rp-weave-layout{
    flex:0 0 auto;
    min-height:auto;
    display:flex;
    flex-direction:column;
    overflow:visible;
  }
  .rp-weave-card{
    flex:0 0 auto;
    min-height:auto;
    overflow:visible;
  }
  .rp-weave-live2d-stage,
  .rp-weave-live2d-user-canvas{
    min-height:280px;
    height:280px;
  }
}

@media (max-width:560px){
  .rp-weave-topbar,
  .rp-weave-card-head{
    align-items:flex-start;
  }
  .rp-weave-player-controls,
  .rp-weave-actions,
  .rp-weave-save-row{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .rp-weave-player-controls > *,
  .rp-weave-actions > *,
  .rp-weave-save-row > *{
    min-width:0;
    width:100%;
  }
  .rp-weave-save-row input{
    grid-column:1 / -1;
  }
  .rp-weave-player-card:fullscreen .rp-weave-stage,
  .rp-weave-player-card:-webkit-full-screen .rp-weave-stage,
  .rp-weave-player-card.rp-weave-player-immersive .rp-weave-stage{
    min-height:44vh;
  }
  .rp-weave-player-card:fullscreen .rp-weave-live2d-stage,
  .rp-weave-player-card:-webkit-full-screen .rp-weave-live2d-stage,
  .rp-weave-player-card.rp-weave-player-immersive .rp-weave-live2d-stage{
    min-height:34vh;
  }
}

.rp-weave-stage-visual,
.rp-weave-scene-layer,
.rp-weave-sprite-layer,
.rp-weave-cg-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.rp-weave-stage-visual{
  display:none;
  overflow:hidden;
}

.rp-weave-stage-media,
.rp-weave-cg-media{
  width:100%;
  height:100%;
  object-fit:cover;
}

.rp-weave-sprite-layer{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:2vw;
  padding:4vh 4vw 0;
}

.rp-weave-sprite{
  height:90%;
  flex:1 1 0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.rp-weave-sprite-media{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.32));
}

.rp-weave-cg-layer:has(.rp-weave-cg-media){
  background:#05040a;
}

.rp-weave-cg-layer .rp-weave-cg-media{
  object-fit:contain;
}

.rp-weave-immersive-menu{
  display:none;
}

.rp-weave-menu-toggle{
  display:none;
}

.rp-weave-player-progress{
  display:none;
}

.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-card-head{
  align-items:flex-start;
  flex-wrap:wrap;
}

.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-player-head-actions{
  width:100%;
  justify-content:space-between;
  flex-wrap:wrap;
}

.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-player-controls,
.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-save-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-player-controls > *,
.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-save-row > *{
  width:100%;
  min-width:0;
}

.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-save-row input{
  grid-column:1 / -1;
}

.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-stage{
  min-height:220px;
  padding:12px;
}

.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-live2d-stage,
.rp-weave-player-card.rp-weave-portrait-container:not(.rp-weave-is-fullscreen) .rp-weave-live2d-user-canvas{
  min-height:240px;
  height:240px;
}

.rp-weave-player-card.rp-weave-is-fullscreen{
  --rp-weave-primary:#d86b9b;
  --rp-weave-secondary:#7b6fd0;
  --rp-weave-text-color:#fff7fb;
  --rp-weave-panel-color:rgba(28,20,38,.82);
  position:fixed;
  inset:0;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  background:#100d18;
  color:var(--rp-weave-text-color);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-card-head{
  position:absolute;
  inset:0 0 auto;
  z-index:60;
  margin:0;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0;
  pointer-events:none;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-card-title,
.rp-weave-player-card.rp-weave-is-fullscreen #rp-weave-player-state,
.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-fullscreen-toggle{
  display:none;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-player-head-actions{
  margin-left:auto;
  pointer-events:auto;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-menu-toggle{
  display:block;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  color:#fff;
  background:rgba(20,16,30,.58);
  backdrop-filter:blur(12px);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-stage-visual{
  display:block;
  z-index:1;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-live2d-stage{
  display:flex;
  position:absolute;
  inset:0;
  z-index:12;
  min-height:0;
  pointer-events:none;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-stage{
  position:absolute;
  z-index:30;
  left:clamp(12px,7vw,110px);
  right:clamp(12px,7vw,110px);
  bottom:calc(max(60px,env(safe-area-inset-bottom) + 52px) + 18px);
  min-height:0;
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  padding:18px 22px;
  align-items:flex-start;
  justify-content:flex-start;
  background:var(--rp-weave-panel-color);
  color:var(--rp-weave-text-color);
  box-shadow:0 14px 50px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
  cursor:pointer;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-speaker{
  background:linear-gradient(135deg,var(--rp-weave-primary),var(--rp-weave-secondary));
  color:#fff;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-player-controls{
  position:absolute;
  z-index:40;
  left:50%;
  bottom:max(10px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:auto minmax(90px,auto) auto;
  align-items:center;
  gap:10px;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-player-controls > :nth-child(n+4){
  display:none;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-player-progress{
  display:block;
  min-width:90px;
  color:#fff;
  text-align:center;
  font-size:.78rem;
  text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-player-controls button{
  min-width:86px;
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  background:rgba(20,16,30,.66);
  backdrop-filter:blur(12px);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-save-row,
.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-save-list,
.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-history{
  display:none;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-save-list.show,
.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-history[open]{
  display:block;
  position:absolute;
  z-index:72;
  inset:12vh 8vw;
  overflow:auto;
  padding:18px;
  border-radius:18px;
  color:#fff;
  background:rgba(20,16,30,.9);
  backdrop-filter:blur(18px);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-immersive-menu.show{
  display:grid;
  position:absolute;
  z-index:80;
  top:max(62px,env(safe-area-inset-top) + 54px);
  right:max(12px,env(safe-area-inset-right));
  width:min(280px,calc(100vw - 24px));
  max-height:calc(100vh - 90px);
  overflow:auto;
  gap:6px;
  padding:10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:16px;
  background:rgba(20,16,30,.9);
  backdrop-filter:blur(18px);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-immersive-menu button{
  border:0;
  border-radius:10px;
  padding:11px 12px;
  color:#fff;
  text-align:left;
  background:rgba(255,255,255,.08);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-choice-list{
  display:none;
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-choice-list:not(:empty),
.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-choice-list.show{
  display:flex;
  position:absolute;
  z-index:70;
  inset:0;
  margin:0;
  padding:18vh min(14vw,180px);
  justify-content:center;
  background:rgba(9,7,14,.55);
  backdrop-filter:blur(8px);
}

.rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-choice{
  max-width:720px;
  margin:0 auto;
  color:#fff;
  background:linear-gradient(135deg,var(--rp-weave-primary),var(--rp-weave-secondary));
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-card-head{
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 0;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-menu-toggle{
  width:38px;
  height:38px;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-stage{
  left:8px;
  right:8px;
  bottom:calc(max(54px,env(safe-area-inset-bottom) + 48px) + 8px);
  max-height:min(38%,280px);
  overflow:auto;
  padding:12px;
  border-radius:14px;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-speaker{
  margin-bottom:5px;
  padding:3px 8px;
  font-size:.74rem;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-text{
  font-size:.9rem;
  line-height:1.55;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-player-controls{
  width:calc(100% - 16px);
  bottom:max(6px,env(safe-area-inset-bottom));
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:6px;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-player-controls button{
  width:100%;
  min-width:0;
  padding:8px 6px;
  font-size:.8rem;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-player-progress{
  min-width:58px;
  font-size:.7rem;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-immersive-menu.show{
  top:max(52px,env(safe-area-inset-top) + 44px);
  right:max(8px,env(safe-area-inset-right));
  width:calc(100% - 16px);
  max-height:calc(100% - max(64px,env(safe-area-inset-top) + 56px) - max(8px,env(safe-area-inset-bottom)));
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-choice-list:not(:empty),
.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-choice-list.show{
  overflow:auto;
  justify-content:flex-start;
  padding:max(64px,env(safe-area-inset-top) + 54px) 10px max(70px,env(safe-area-inset-bottom) + 60px);
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-choice{
  flex:0 0 auto;
  padding:10px 12px;
  font-size:.88rem;
}

.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-save-list.show,
.rp-weave-player-card.rp-weave-is-fullscreen.rp-weave-portrait-container .rp-weave-history[open]{
  inset:max(58px,env(safe-area-inset-top) + 48px) 8px max(62px,env(safe-area-inset-bottom) + 52px);
  padding:12px;
}

.rp-weave-phone-replies{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}

.rp-weave-phone-reply,
.rp-weave-phone-readonly{
  padding:9px 12px;
  border:1px solid #d0d0d0;
  border-radius:8px;
  color:#075f36;
  background:#fff;
}

@media (max-width:560px){
  .rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-stage{
    left:10px;
    right:10px;
    bottom:74px;
    padding:14px;
    border-radius:14px;
  }
  .rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-choice-list:not(:empty),
  .rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-choice-list.show{
    padding:14vh 14px;
  }
  .rp-weave-player-card.rp-weave-is-fullscreen .rp-weave-player-controls{
    width:calc(100% - 20px);
    grid-template-columns:1fr auto 1fr;
  }
}