/* GENERATED by scripts/panel-css-scope.mjs from prototypes/seller-studio/{ui,panel}.css + balewise-site/panel/site.css — do not edit by hand */
#bw-panel, #bw-dialog{
  --pane:#E8EDF3;
  --rail:#DFE5EC;
  --surface:#fff;
  --ink:#1B1A20;
  --muted:#5A616C;
  --secondary:#4A515C;
  --line:#CAD1DA;
  --strong:#9AA4B1;
  --gold:#FDB913;
  --gold-hover:#E0A30F;
  --gold-light:#FFF7DD;
  --green:#256B33;
  --green-light:#EAF4ED;
  --red:#B42318;
  --red-light:#FFF0EC;
  --subtle:#F3F5F8;
  --radius:10px;
  --ease:cubic-bezier(.22,1,.36,1);
  --fast:160ms;
  --enter:220ms;
  --z-sticky:10;
  --z-nav:20;
  --z-toast:50;
  color-scheme:light;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-synthesis:none;
}
:is(#bw-panel, #bw-dialog) *{
  box-sizing:border-box
}
#bw-panel, #bw-dialog{color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
:is(#bw-panel, #bw-dialog) button,:is(#bw-panel, #bw-dialog) input,:is(#bw-panel, #bw-dialog) select,:is(#bw-panel, #bw-dialog) textarea{
  font:inherit;
  color:inherit
}
:is(#bw-panel, #bw-dialog) button,:is(#bw-panel, #bw-dialog) a,:is(#bw-panel, #bw-dialog) input,:is(#bw-panel, #bw-dialog) select,:is(#bw-panel, #bw-dialog) textarea,:is(#bw-panel, #bw-dialog) summary{
  touch-action:manipulation
}
:is(#bw-panel, #bw-dialog) button,:is(#bw-panel, #bw-dialog) a,:is(#bw-panel, #bw-dialog) summary{
  -webkit-tap-highlight-color:transparent
}
:is(#bw-panel, #bw-dialog) button,:is(#bw-panel, #bw-dialog) summary{
  cursor:pointer
}
:is(#bw-panel, #bw-dialog) button{
  border:0;
  background:none
}
:is(#bw-panel, #bw-dialog) a{
  color:inherit;
  text-underline-offset:4px
}
:is(#bw-panel, #bw-dialog) button:disabled{
  opacity:.5;
  cursor:not-allowed
}
:is(#bw-panel, #bw-dialog) h1,:is(#bw-panel, #bw-dialog) h2,:is(#bw-panel, #bw-dialog) h3,:is(#bw-panel, #bw-dialog) p{
  margin:0
}
:is(#bw-panel, #bw-dialog) h1,:is(#bw-panel, #bw-dialog) h2,:is(#bw-panel, #bw-dialog) h3{
  text-wrap:balance
}
:is(#bw-panel, #bw-dialog) h1{
  font-size:32px;
  font-weight:650;
  letter-spacing:-.035em;
  line-height:1.2
}
:is(#bw-panel, #bw-dialog) h2{
  font-size:21px;
  line-height:1.3;
  font-weight:650;
  letter-spacing:-.02em
}
:is(#bw-panel, #bw-dialog) h3{
  font-size:17px;
  font-weight:600;
  letter-spacing:-.015em
}
:is(#bw-panel, #bw-dialog) p{
  max-width:65ch;
  text-wrap:pretty
}
:is(#bw-panel, #bw-dialog) strong{
  font-weight:600
}
:is(#bw-panel, #bw-dialog) small{
  font-size:13px
}
:is(#bw-panel, #bw-dialog) img{
  max-width:100%;
  object-fit:cover
}
:is(#bw-panel, #bw-dialog) .icon{
  flex:none;
  vertical-align:middle
}
:is(#bw-panel, #bw-dialog) .muted,:is(#bw-panel, #bw-dialog) .hint{
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .hint{
  font-size:14px;
  line-height:1.5
}
:is(#bw-panel, #bw-dialog) .small{
  font-size:13px
}
:is(#bw-panel, #bw-dialog) .nowrap{
  white-space:nowrap
}
:is(#bw-panel, #bw-dialog) .sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
:is(#bw-panel, #bw-dialog) :focus-visible{
  outline:2px solid var(--ink);
  outline-offset:4px;
  box-shadow:0 0 0 5px rgba(253,185,19,.32)
}
:is(#bw-panel, #bw-dialog) input:focus-visible,:is(#bw-panel, #bw-dialog) textarea:focus-visible,:is(#bw-panel, #bw-dialog) select:focus-visible{
  outline-offset:1px
}
:is(#bw-panel, #bw-dialog) h1:focus,:is(#bw-panel, #bw-dialog) h2:focus,:is(#bw-panel, #bw-dialog) main:focus{
  outline:0;
  box-shadow:none
}
:is(#bw-panel, #bw-dialog) .skip{
  position:fixed;
  top:8px;
  left:8px;
  z-index:60;
  background:var(--ink);
  color:white;
  padding:12px 20px;
  transform:translateY(-150%);
  border-radius:8px
}
:is(#bw-panel, #bw-dialog) .skip:focus{
  transform:none
}
:is(#bw-panel, #bw-dialog) .boot{
  min-height:100dvh;
  display:grid;
  place-content:center;
  text-align:center;
  gap:12px
}
:is(#bw-panel, #bw-dialog) .boot img{
  margin:auto
}
:is(#bw-panel, #bw-dialog) .app-shell{
  display:grid;
  grid-template-columns:224px minmax(0,1fr);
  min-height:100dvh
}
:is(#bw-panel, #bw-dialog) .sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:224px;
  background:var(--rail);
  border-right:1px solid var(--line);
  display:flex;
  flex-direction:column;
  padding:28px 16px 18px;
  z-index:var(--z-nav)
}
:is(#bw-panel, #bw-dialog) .wordmark{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  text-decoration:none;
  font-size:26px;
  letter-spacing:-.045em;
  font-weight:650
}
:is(#bw-panel, #bw-dialog) .wordmark img{
  width:38px;
  height:38px;
  object-fit:contain
}
:is(#bw-panel, #bw-dialog) .wordmark em{
  font-style:normal;
  font-weight:400
}
:is(#bw-panel, #bw-dialog) .workspace-label{
  margin:7px 0 34px 62px;
  font-size:12px;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .nav{
  display:grid;
  gap:6px
}
:is(#bw-panel, #bw-dialog) .nav a{
  display:flex;
  gap:12px;
  align-items:center;
  min-height:48px;
  border-radius:8px;
  text-decoration:none;
  padding:11px 14px;
  color:var(--secondary);
  font-size:14px;
  font-weight:500;
  transition:background var(--fast),color var(--fast)
}
:is(#bw-panel, #bw-dialog) .nav a:hover{
  background:rgba(24,30,40,.04)
}
:is(#bw-panel, #bw-dialog) .nav a[aria-current=page]{
  background:white;
  color:var(--ink);
  box-shadow:0 1px 3px rgba(24,30,40,.08);
  font-weight:600
}
:is(#bw-panel, #bw-dialog) .nav .nav-count{
  margin-left:auto;
  font-size:12px;
  font-variant-numeric:tabular-nums
}
:is(#bw-panel, #bw-dialog) .sidebar-bottom{
  margin-top:auto;
  padding-top:50px
}
:is(#bw-panel, #bw-dialog) .sidebar-bottom .nav{
  margin-bottom:16px
}
:is(#bw-panel, #bw-dialog) .account-nav{
  display:flex;
  align-items:center;
  gap:11px;
  border-top:1px solid #C4CCD6;
  padding:18px 8px 0;
  text-decoration:none
}
:is(#bw-panel, #bw-dialog) .avatar{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#C8D1DD;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:650;
  flex:none
}
:is(#bw-panel, #bw-dialog) .account-nav strong{
  font-size:13px;
  display:block;
  max-width:130px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
:is(#bw-panel, #bw-dialog) .account-nav small{
  font-size:12px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .main-shell{
  grid-column:2;
  min-width:0
}
:is(#bw-panel, #bw-dialog) .topbar{
  height:76px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 44px;
  gap:12px
}
:is(#bw-panel, #bw-dialog) .topbar-title{
  font-size:14px;
  font-weight:500
}
:is(#bw-panel, #bw-dialog) .demo-bar{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .demo-mark{
  display:flex;
  align-items:center;
  gap:7px
}
:is(#bw-panel, #bw-dialog) .demo-mark:before{
  content:'';
  height:6px;
  width:6px;
  border-radius:50%;
  background:var(--muted)
}
:is(#bw-panel, #bw-dialog) .demo-button{
  border:1px solid #B8C2CE;
  border-radius:7px;
  font-size:12px;
  min-height:36px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:6px
}
:is(#bw-panel, #bw-dialog) .demo-button .icon{
  width:14px;
  height:14px
}
:is(#bw-panel, #bw-dialog) .content{
  max-width:1240px;
  margin:auto;
  padding:42px 44px 60px
}
:is(#bw-panel, #bw-dialog) .page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:32px
}
:is(#bw-panel, #bw-dialog) .page-head p{
  margin-top:10px;
  color:var(--muted);
  font-size:15px
}
:is(#bw-panel, #bw-dialog) .head-actions{
  padding-top:4px;
  flex-shrink:0;
  display:flex;
  gap:10px
}
:is(#bw-panel, #bw-dialog) .btn{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid var(--strong);
  border-radius:var(--radius);
  background:white;
  padding:10px 18px;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  line-height:1.45;
  transition:background var(--fast),border-color var(--fast),transform var(--fast) var(--ease)
}
:is(#bw-panel, #bw-dialog) .btn:hover{
  background:var(--subtle);
  border-color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .btn:active:not(:disabled){
  transform:scale(.98)
}
:is(#bw-panel, #bw-dialog) .btn.primary{
  background:var(--gold);
  border-color:transparent;
  color:var(--ink)
}
:is(#bw-panel, #bw-dialog) .btn.primary:hover{
  background:var(--gold-hover)
}
:is(#bw-panel, #bw-dialog) .btn.dark{
  background:var(--ink);
  border-color:var(--ink);
  color:white
}
:is(#bw-panel, #bw-dialog) .btn.ghost{
  background:transparent;
  border-color:transparent;
  font-weight:500
}
:is(#bw-panel, #bw-dialog) .btn.ghost:hover{
  background:rgba(24,30,40,.05)
}
:is(#bw-panel, #bw-dialog) .btn.danger{
  color:var(--red);
  border-color:#D9A49E;
  background:white
}
:is(#bw-panel, #bw-dialog) .btn.danger-solid{
  background:var(--red);
  color:white;
  border-color:var(--red)
}
:is(#bw-panel, #bw-dialog) .btn.block{
  width:100%
}
:is(#bw-panel, #bw-dialog) .btn.tight{
  padding:8px 12px;
  min-height:44px
}
:is(#bw-panel, #bw-dialog) .text-button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 3px;
  text-decoration:underline;
  text-underline-offset:4px;
  font-size:14px;
  font-weight:500
}
:is(#bw-panel, #bw-dialog) .icon-button{
  width:44px;
  height:44px;
  display:inline-grid;
  place-items:center;
  border-radius:8px
}
:is(#bw-panel, #bw-dialog) .icon-button:hover{
  background:var(--subtle)
}
:is(#bw-panel, #bw-dialog) .back-link{
  display:inline-flex;
  gap:4px;
  align-items:center;
  margin:-10px 0 20px -8px;
  padding:8px;
  min-height:44px;
  text-decoration:none;
  font-size:14px;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .dashboard-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:28px;
  align-items:start
}
:is(#bw-panel, #bw-dialog) .section-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
  gap:12px
}
:is(#bw-panel, #bw-dialog) .section-line h2{
  font-size:17px
}
:is(#bw-panel, #bw-dialog) .tabs{
  display:flex;
  align-items:center;
  border-bottom:1px solid #BDC7D3;
  gap:24px;
  margin-bottom:20px;
  min-height:48px
}
:is(#bw-panel, #bw-dialog) .tabs button{
  position:relative;
  padding:12px 0 15px;
  min-height:48px;
  color:var(--muted);
  font-size:14px;
  font-weight:500;
  white-space:nowrap
}
:is(#bw-panel, #bw-dialog) .tabs button[aria-pressed=true]{
  color:var(--ink);
  font-weight:650
}
:is(#bw-panel, #bw-dialog) .tabs button[aria-pressed=true]:after{
  content:'';
  position:absolute;
  bottom:-1px;
  left:0;
  right:0;
  height:2px;
  background:var(--ink)
}
:is(#bw-panel, #bw-dialog) .count{
  margin-left:7px;
  color:var(--muted);
  font-size:12px;
  font-weight:500
}
:is(#bw-panel, #bw-dialog) .lot-list{
  display:grid;
  gap:14px
}
:is(#bw-panel, #bw-dialog) .lot-card{
  border-radius:12px;
  background:white;
  overflow:hidden;
  box-shadow:0 2px 4px rgba(24,30,40,.06)
}
:is(#bw-panel, #bw-dialog) .lot-main{
  padding:22px;
  display:flex;
  gap:20px;
  align-items:center
}
:is(#bw-panel, #bw-dialog) .lot-photo{
  width:96px;
  height:100px;
  border-radius:8px;
  flex-shrink:0;
  background:var(--subtle);
  display:grid;
  place-items:center;
  overflow:hidden
}
:is(#bw-panel, #bw-dialog) .lot-photo img{
  width:100%;
  height:100%
}
:is(#bw-panel, #bw-dialog) .lot-photo .icon{
  width:38px;
  height:38px;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .lot-description{
  min-width:0;
  flex:1
}
:is(#bw-panel, #bw-dialog) .lot-title{
  display:block;
  text-align:left;
  font-size:18px;
  font-weight:650;
  letter-spacing:-.025em;
  padding:0;
  min-height:32px;
  text-decoration:none
}
:is(#bw-panel, #bw-dialog) .lot-title:hover{
  text-decoration:underline;
  text-underline-offset:4px
}
:is(#bw-panel, #bw-dialog) .lot-location{
  color:var(--muted);
  font-size:13px;
  margin:2px 0 10px
}
:is(#bw-panel, #bw-dialog) .lot-data{
  display:flex;
  gap:24px;
  align-items:baseline;
  margin-top:13px;
  font-variant-numeric:tabular-nums
}
:is(#bw-panel, #bw-dialog) .lot-data strong{
  font-size:18px;
  font-weight:600;
  letter-spacing:-.025em
}
:is(#bw-panel, #bw-dialog) .lot-data span{
  font-size:12px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .lot-footer{
  border-top:1px solid #E2E7ED;
  padding:8px 16px 8px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px
}
:is(#bw-panel, #bw-dialog) .status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--green);
  font-size:12px;
  font-weight:500;
  line-height:1.4
}
:is(#bw-panel, #bw-dialog) .status .icon{
  width:15px;
  height:15px
}
:is(#bw-panel, #bw-dialog) .status.due{
  color:#785D11
}
:is(#bw-panel, #bw-dialog) .status.off{
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px
}
:is(#bw-panel, #bw-dialog) .tag{
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  font-size:12px;
  font-weight:500;
  background:#EEF2F8;
  border-radius:5px;
  white-space:nowrap;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .tag.square{
  background:#DDF3E4;
  color:#14532D
}
:is(#bw-panel, #bw-dialog) .tag.round{
  background:#DBEAFE;
  color:#1E3A8A
}
:is(#bw-panel, #bw-dialog) .tag.large{
  background:#FDE7B8;
  color:#7C4A03
}
:is(#bw-panel, #bw-dialog) .draft-row{
  border:1px dashed #AAB5C3;
  border-radius:10px;
  padding:16px;
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:18px
}
:is(#bw-panel, #bw-dialog) .draft-row div{
  flex:1
}
:is(#bw-panel, #bw-dialog) .draft-row h3{
  font-size:15px
}
:is(#bw-panel, #bw-dialog) .draft-row p{
  font-size:13px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .aside{
  padding-top:3px
}
:is(#bw-panel, #bw-dialog) .aside-section{
  padding:20px 0 24px;
  border-bottom:1px solid #C6CFDA
}
:is(#bw-panel, #bw-dialog) .aside-section:first-child{
  padding-top:12px
}
:is(#bw-panel, #bw-dialog) .aside-section h3{
  margin:12px 0 8px
}
:is(#bw-panel, #bw-dialog) .aside-section p{
  font-size:14px;
  color:var(--muted);
  line-height:1.7
}
:is(#bw-panel, #bw-dialog) .aside-section .text-button{
  margin-top:8px
}
:is(#bw-panel, #bw-dialog) .aside-symbol{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#D5DEE9;
  display:grid;
  place-items:center
}
:is(#bw-panel, #bw-dialog) .aside-photo{
  width:100%;
  height:130px;
  border-radius:8px;
  margin-top:24px
}
:is(#bw-panel, #bw-dialog) .aside-caption{
  font-size:12px;
  color:var(--muted);
  margin-top:10px;
  line-height:1.6
}
:is(#bw-panel, #bw-dialog) .dashboard-note{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  color:var(--muted);
  margin-top:24px
}
:is(#bw-panel, #bw-dialog) .dashboard-note .icon{
  width:15px;
  height:15px
}
:is(#bw-panel, #bw-dialog) .empty{
  background:white;
  border-radius:12px;
  padding:48px 32px;
  text-align:center;
  display:grid;
  justify-items:center;
  gap:14px
}
:is(#bw-panel, #bw-dialog) .empty .icon{
  width:40px;
  height:40px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .empty p{
  font-size:15px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .compose-layout{
  display:grid;
  grid-template-columns:minmax(0,640px) minmax(260px,340px);
  gap:32px;
  align-items:start
}
:is(#bw-panel, #bw-dialog) .form-surface{
  background:white;
  border-radius:12px;
  padding:28px 30px
}
:is(#bw-panel, #bw-dialog) .form-section+.form-section{
  border-top:1px solid #DEE3EA;
  margin-top:28px;
  padding-top:28px
}
:is(#bw-panel, #bw-dialog) .form-section h2{
  font-size:18px;
  margin-bottom:22px
}
:is(#bw-panel, #bw-dialog) .field-group{
  margin-bottom:22px
}
:is(#bw-panel, #bw-dialog) .field-group:last-child{
  margin-bottom:0
}
:is(#bw-panel, #bw-dialog) fieldset{
  border:0;
  padding:0;
  margin:0 0 22px;
  min-width:0
}
:is(#bw-panel, #bw-dialog) legend,:is(#bw-panel, #bw-dialog) .field-label{
  display:block;
  padding:0;
  font-size:14px;
  font-weight:600;
  margin-bottom:10px
}
:is(#bw-panel, #bw-dialog) .optional{
  color:var(--muted);
  font-size:12px;
  font-weight:400;
  margin-left:5px
}
:is(#bw-panel, #bw-dialog) .choice-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px
}
:is(#bw-panel, #bw-dialog) .choice{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:48px;
  padding:10px 8px;
  background:white;
  border:1px solid #AAB4C1;
  border-radius:8px;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  transition:background var(--fast),border-color var(--fast);
  text-align:center
}
:is(#bw-panel, #bw-dialog) .choice:has(input:checked){
  background:var(--ink);
  border-color:var(--ink);
  color:white
}
:is(#bw-panel, #bw-dialog) .choice:has(input:focus-visible){
  outline:2px solid var(--ink);
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(253,185,19,.35)
}
:is(#bw-panel, #bw-dialog) .choice input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none
}
:is(#bw-panel, #bw-dialog) .choice:hover:not(:has(input:checked)){
  background:var(--subtle)
}
:is(#bw-panel, #bw-dialog) .form-choice{
  flex-direction:column;
  min-height:88px;
  gap:8px
}
:is(#bw-panel, #bw-dialog) .form-choice .icon{
  width:27px;
  height:27px
}
:is(#bw-panel, #bw-dialog) .chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
:is(#bw-panel, #bw-dialog) .chips .choice{
  padding:10px 14px;
  flex:0 1 auto
}
:is(#bw-panel, #bw-dialog) .field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px
}
:is(#bw-panel, #bw-dialog) .input{
  width:100%;
  min-height:48px;
  border:1px solid var(--strong);
  background:white;
  border-radius:8px;
  padding:11px 13px;
  font-size:16px;
  line-height:1.5;
  transition:border-color var(--fast)
}
:is(#bw-panel, #bw-dialog) .input::placeholder{
  color:var(--muted);
  opacity:1
}
:is(#bw-panel, #bw-dialog) .input:hover{
  border-color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) textarea.input{
  resize:vertical;
  min-height:104px
}
:is(#bw-panel, #bw-dialog) .input[aria-invalid=true]{
  border-color:var(--red)
}
:is(#bw-panel, #bw-dialog) .input-unit{
  position:relative
}
:is(#bw-panel, #bw-dialog) .input-unit .unit{
  position:absolute;
  top:12px;
  left:14px;
  color:var(--muted);
  pointer-events:none
}
:is(#bw-panel, #bw-dialog) .input-unit .input{
  padding-left:31px
}
:is(#bw-panel, #bw-dialog) .input-unit .unit.right{
  left:auto;
  right:14px
}
:is(#bw-panel, #bw-dialog) .input-unit:has(.unit.right) .input{
  padding:11px 50px 11px 13px
}
:is(#bw-panel, #bw-dialog) .field-hint{
  margin-top:7px;
  color:var(--muted);
  font-size:12px
}
:is(#bw-panel, #bw-dialog) .field-error{
  color:var(--red);
  font-size:13px;
  margin-top:7px
}
:is(#bw-panel, #bw-dialog) .field-error:empty{
  display:none
}
:is(#bw-panel, #bw-dialog) .error-summary{
  margin-bottom:20px;
  padding:14px 16px;
  background:var(--red-light);
  border:1px solid #DDB4AD;
  border-radius:8px;
  color:var(--red);
  font-size:14px
}
:is(#bw-panel, #bw-dialog) .more-details{
  margin-top:24px;
  border-top:1px solid #DEE3EA
}
:is(#bw-panel, #bw-dialog) .more-details summary{
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:14px;
  font-weight:600;
  list-style:none;
  gap:12px
}
:is(#bw-panel, #bw-dialog) .more-details summary::-webkit-details-marker{
  display:none
}
:is(#bw-panel, #bw-dialog) .more-details summary .icon{
  transition:transform var(--fast)
}
:is(#bw-panel, #bw-dialog) .more-details[open] summary .icon{
  transform:rotate(90deg)
}
:is(#bw-panel, #bw-dialog) .more-details[open] summary{
  margin-bottom:12px
}
:is(#bw-panel, #bw-dialog) .photos-strip{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center
}
:is(#bw-panel, #bw-dialog) .photo-add{
  border:1px dashed #9AA7B7;
  min-height:72px;
  padding:14px 20px;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:500
}
:is(#bw-panel, #bw-dialog) .photo-add:hover{
  background:var(--subtle)
}
:is(#bw-panel, #bw-dialog) .photo-add small{
  display:block;
  color:var(--muted);
  font-weight:400
}
:is(#bw-panel, #bw-dialog) .photo-thumb{
  position:relative;
  width:72px;
  height:72px;
  border-radius:8px;
  overflow:hidden;
  background:var(--subtle)
}
:is(#bw-panel, #bw-dialog) .photo-thumb img{
  height:100%;
  width:100%
}
:is(#bw-panel, #bw-dialog) .photo-thumb .photo-remove{
  position:absolute;
  right:0;
  top:0;
  background:white;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:0 0 0 6px
}
:is(#bw-panel, #bw-dialog) .photo-thumb .photo-remove .icon{
  width:15px;
  height:15px
}
:is(#bw-panel, #bw-dialog) .photo-state{
  font-size:12px;
  margin-top:8px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .photo-state.failed{
  color:var(--red)
}
:is(#bw-panel, #bw-dialog) .photo-state button{
  font-size:12px;
  text-decoration:underline;
  min-height:44px
}
:is(#bw-panel, #bw-dialog) .sticky-preview{
  position:sticky;
  top:24px
}
:is(#bw-panel, #bw-dialog) .preview-caption{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:12px;
  font-size:13px;
  font-weight:500;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .buyer-row{
  background:white;
  border-radius:10px;
  padding:24px;
  box-shadow:0 2px 4px rgba(24,30,40,.05)
}
:is(#bw-panel, #bw-dialog) .buyer-identity{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:24px
}
:is(#bw-panel, #bw-dialog) .buyer-identity strong{
  font-size:13px;
  font-weight:500;
  display:block
}
:is(#bw-panel, #bw-dialog) .buyer-town{
  font-size:12px;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:4px
}
:is(#bw-panel, #bw-dialog) .buyer-town .icon{
  width:12px;
  height:12px
}
:is(#bw-panel, #bw-dialog) .buyer-price{
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap
}
:is(#bw-panel, #bw-dialog) .buyer-price small{
  font-size:12px;
  letter-spacing:0;
  color:var(--muted);
  display:block;
  text-align:right;
  margin-top:5px
}
:is(#bw-panel, #bw-dialog) .buyer-row h3{
  margin-bottom:10px;
  font-size:20px
}
:is(#bw-panel, #bw-dialog) .buyer-detail{
  font-size:13px;
  margin-top:18px;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .buyer-notes{
  font-size:14px;
  margin-top:14px;
  color:var(--muted);
  white-space:pre-line;
  overflow-wrap:anywhere
}
:is(#bw-panel, #bw-dialog) .buyer-photo{
  width:100%;
  height:160px;
  margin-top:18px;
  border-radius:6px
}
:is(#bw-panel, #bw-dialog) .preview-footnote{
  font-size:12px;
  color:var(--muted);
  line-height:1.6;
  margin:13px 3px
}
:is(#bw-panel, #bw-dialog) .preview-footnote .icon{
  width:14px;
  height:14px;
  margin-right:3px
}
:is(#bw-panel, #bw-dialog) .context-note{
  display:flex;
  gap:10px;
  margin:24px 0 0;
  font-size:13px;
  color:var(--muted);
  line-height:1.7
}
:is(#bw-panel, #bw-dialog) .context-note .icon{
  margin-top:2px;
  width:18px
}
:is(#bw-panel, #bw-dialog) .save-state{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .save-state .icon{
  width:14px;
  height:14px
}
:is(#bw-panel, #bw-dialog) .form-footer{
  position:sticky;
  bottom:0;
  margin-top:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:var(--pane);
  padding:16px 0 max(16px,env(safe-area-inset-bottom));
  border-top:1px solid #BEC9D7;
  z-index:var(--z-sticky)
}
:is(#bw-panel, #bw-dialog) .form-footer .btn{
  min-width:190px
}
:is(#bw-panel, #bw-dialog) .carry-note{
  padding:16px 18px;
  background:#DCE5EF;
  border-radius:8px;
  margin-bottom:22px;
  font-size:13px;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .steps{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--muted);
  margin-bottom:20px
}
:is(#bw-panel, #bw-dialog) .step{
  display:flex;
  align-items:center;
  gap:7px
}
:is(#bw-panel, #bw-dialog) .step-number{
  width:22px;
  height:22px;
  border:1px solid #ACB7C5;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:11px
}
:is(#bw-panel, #bw-dialog) .step.active{
  color:var(--ink);
  font-weight:600
}
:is(#bw-panel, #bw-dialog) .step.active .step-number{
  background:var(--ink);
  color:white;
  border-color:var(--ink)
}
:is(#bw-panel, #bw-dialog) .step-separator{
  width:24px;
  height:1px;
  background:#AEB9C7
}
:is(#bw-panel, #bw-dialog) .review-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,380px);
  gap:32px;
  align-items:start
}
:is(#bw-panel, #bw-dialog) .review-layout .buyer-row{
  padding:32px
}
:is(#bw-panel, #bw-dialog) .review-layout .buyer-row h3{
  font-size:26px
}
:is(#bw-panel, #bw-dialog) .review-layout .buyer-price{
  font-size:32px
}
:is(#bw-panel, #bw-dialog) .review-edit{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:4px;
  padding:8px 0
}
:is(#bw-panel, #bw-dialog) .review-contact{
  margin-top:20px
}
:is(#bw-panel, #bw-dialog) .review-contact .form-surface{
  padding:24px
}
:is(#bw-panel, #bw-dialog) .review-contact h2{
  font-size:17px;
  margin-bottom:18px
}
:is(#bw-panel, #bw-dialog) .auth-box{
  background:white;
  border-radius:12px;
  padding:28px
}
:is(#bw-panel, #bw-dialog) .auth-box h2{
  font-size:22px;
  margin-bottom:10px
}
:is(#bw-panel, #bw-dialog) .auth-box p{
  font-size:14px;
  color:var(--muted);
  margin-bottom:20px
}
:is(#bw-panel, #bw-dialog) .auth-box .btn+.btn{
  margin-top:10px
}
:is(#bw-panel, #bw-dialog) .auth-box .hint{
  margin-top:16px;
  font-size:12px
}
:is(#bw-panel, #bw-dialog) .auth-rule{
  height:1px;
  background:#DDE3EA;
  margin:22px 0
}
:is(#bw-panel, #bw-dialog) .checkbox-label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  line-height:1.6;
  min-height:44px;
  cursor:pointer
}
:is(#bw-panel, #bw-dialog) .checkbox-label input{
  width:18px;
  height:18px;
  margin:2px 0 0;
  accent-color:var(--ink);
  flex:none
}
:is(#bw-panel, #bw-dialog) .checkbox-label:has(input:focus-visible){
  outline:2px solid var(--ink);
  outline-offset:4px
}
:is(#bw-panel, #bw-dialog) .checkbox-label .text-button{
  font-size:13px;
  min-height:auto;
  padding:0
}
:is(#bw-panel, #bw-dialog) .auth-verified{
  display:flex;
  gap:10px;
  align-items:center;
  background:var(--green-light);
  border-radius:8px;
  padding:12px;
  margin-bottom:20px;
  color:var(--green);
  font-size:13px
}
:is(#bw-panel, #bw-dialog) .auth-verified .icon{
  width:22px;
  height:22px
}
:is(#bw-panel, #bw-dialog) .auth-verified small{
  display:block;
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .email-code{
  font-size:24px;
  letter-spacing:.3em;
  font-variant-numeric:tabular-nums
}
:is(#bw-panel, #bw-dialog) .demo-note{
  padding:12px 14px;
  background:var(--gold-light);
  border-radius:8px;
  font-size:12px;
  color:#705511;
  line-height:1.65;
  margin:16px 0
}
:is(#bw-panel, #bw-dialog) .auth-options{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:8px
}
:is(#bw-panel, #bw-dialog) .auth-options button{
  font-size:12px;
  min-height:44px;
  text-decoration:underline
}
:is(#bw-panel, #bw-dialog) .manage-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:30px;
  align-items:start
}
:is(#bw-panel, #bw-dialog) .manage-identity{
  background:white;
  border-radius:12px 12px 0 0;
  padding:26px 28px 22px
}
:is(#bw-panel, #bw-dialog) .manage-identity .tags{
  margin:14px 0
}
:is(#bw-panel, #bw-dialog) .manage-location{
  font-size:14px;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:8px
}
:is(#bw-panel, #bw-dialog) .manage-location .icon{
  width:15px;
  height:15px
}
:is(#bw-panel, #bw-dialog) .manage-controls{
  background:white;
  border-radius:0 0 12px 12px;
  padding:0 28px 24px
}
:is(#bw-panel, #bw-dialog) .value-row{
  padding:19px 0;
  border-top:1px solid #DDE3EA;
  display:flex;
  align-items:center;
  gap:20px
}
:is(#bw-panel, #bw-dialog) .value-row .value-label{
  flex:1;
  font-size:14px
}
:is(#bw-panel, #bw-dialog) .value-row strong{
  font-size:24px;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums
}
:is(#bw-panel, #bw-dialog) .value-row .text-button{
  font-size:13px;
  min-width:52px;
  justify-content:flex-end
}
:is(#bw-panel, #bw-dialog) .inline-editor{
  padding:16px;
  background:var(--subtle);
  border-radius:8px;
  margin:0 0 16px
}
:is(#bw-panel, #bw-dialog) .inline-editor .field-label{
  font-size:13px
}
:is(#bw-panel, #bw-dialog) .inline-actions{
  display:flex;
  gap:10px;
  margin-top:12px
}
:is(#bw-panel, #bw-dialog) .availability-actions{
  display:flex;
  gap:12px;
  margin-top:14px
}
:is(#bw-panel, #bw-dialog) .availability-actions .btn{
  flex:1
}
:is(#bw-panel, #bw-dialog) .update-receipt{
  background:var(--green-light);
  color:var(--green);
  padding:12px 16px;
  border-radius:8px;
  font-size:13px;
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:20px
}
:is(#bw-panel, #bw-dialog) .detail-links{
  margin-top:22px;
  background:white;
  border-radius:12px;
  padding:4px 22px
}
:is(#bw-panel, #bw-dialog) .detail-link{
  display:flex;
  width:100%;
  min-height:60px;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-size:14px;
  text-align:left
}
:is(#bw-panel, #bw-dialog) .detail-link+.detail-link{
  border-top:1px solid #E0E5EC
}
:is(#bw-panel, #bw-dialog) .detail-link>span{
  flex:1
}
:is(#bw-panel, #bw-dialog) .detail-link .trailing{
  flex:none;
  color:var(--muted);
  font-size:12px
}
:is(#bw-panel, #bw-dialog) .detail-link>.icon:last-child{
  width:16px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .detail-link:hover{
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .danger-link{
  color:var(--red);
  font-size:13px;
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:18px;
  min-height:44px
}
:is(#bw-panel, #bw-dialog) .manage-aside{
  padding:3px 0
}
:is(#bw-panel, #bw-dialog) .manage-aside h3{
  margin-bottom:10px;
  font-size:15px
}
:is(#bw-panel, #bw-dialog) .manage-aside p{
  color:var(--muted);
  font-size:13px;
  line-height:1.7
}
:is(#bw-panel, #bw-dialog) .manage-aside .btn{
  margin-top:16px
}
:is(#bw-panel, #bw-dialog) .history-list{
  padding:0;
  list-style:none;
  margin:22px 0
}
:is(#bw-panel, #bw-dialog) .history-list li{
  display:flex;
  gap:10px;
  margin-top:18px;
  font-size:13px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .history-list .icon{
  width:16px;
  height:16px;
  margin-top:2px
}
:is(#bw-panel, #bw-dialog) .history-list strong{
  display:block;
  color:var(--secondary);
  font-size:13px;
  font-weight:500
}
:is(#bw-panel, #bw-dialog) .success-panel{
  background:white;
  border-radius:12px;
  padding:36px 32px;
  text-align:center
}
:is(#bw-panel, #bw-dialog) .success-symbol{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--green-light);
  color:var(--green);
  margin:0 auto 18px;
  animation:arrive var(--enter) var(--ease)
}
:is(#bw-panel, #bw-dialog) .success-symbol .icon{
  width:28px;
  height:28px
}
:is(#bw-panel, #bw-dialog) .success-panel h2{
  font-size:28px
}
:is(#bw-panel, #bw-dialog) .success-panel p{
  margin:12px auto 22px;
  color:var(--muted);
  font-size:14px
}
:is(#bw-panel, #bw-dialog) .success-panel .btn{
  margin:4px
}
:is(#bw-panel, #bw-dialog) .success-summary{
  display:flex;
  gap:18px;
  padding:20px 0;
  margin:24px 0;
  border-block:1px solid #DDE3EA;
  text-align:left;
  justify-content:center;
  font-size:14px
}
:is(#bw-panel, #bw-dialog) .success-summary small{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:4px
}
:is(#bw-panel, #bw-dialog) .success-panel .recovery{
  margin:20px 0 0;
  font-size:12px
}
:is(#bw-panel, #bw-dialog) .settings-layout{
  max-width:780px
}
:is(#bw-panel, #bw-dialog) .settings-block{
  background:white;
  border-radius:12px;
  padding:28px;
  margin-bottom:22px
}
:is(#bw-panel, #bw-dialog) .settings-block h2{
  font-size:18px;
  margin-bottom:8px
}
:is(#bw-panel, #bw-dialog) .settings-block>p{
  font-size:14px;
  color:var(--muted);
  margin-bottom:22px
}
:is(#bw-panel, #bw-dialog) .settings-row{
  display:flex;
  gap:20px;
  justify-content:space-between;
  padding:18px 0;
  border-top:1px solid #E0E5EC;
  align-items:center
}
:is(#bw-panel, #bw-dialog) .settings-row strong{
  font-size:14px
}
:is(#bw-panel, #bw-dialog) .settings-row p{
  font-size:13px;
  color:var(--muted);
  margin-top:3px
}
:is(#bw-panel, #bw-dialog) .switch{
  position:relative;
  width:44px;
  height:26px;
  flex:none
}
:is(#bw-panel, #bw-dialog) .switch input{
  width:44px;
  height:26px;
  opacity:0;
  position:absolute;
  inset:0;
  margin:0;
  cursor:pointer
}
:is(#bw-panel, #bw-dialog) .switch span{
  display:block;
  width:44px;
  height:26px;
  background:#9EAAB9;
  border-radius:20px;
  pointer-events:none;
  transition:background var(--fast)
}
:is(#bw-panel, #bw-dialog) .switch span:after{
  content:'';
  width:20px;
  height:20px;
  border-radius:50%;
  background:white;
  position:absolute;
  top:3px;
  left:3px;
  transition:transform var(--fast) var(--ease)
}
:is(#bw-panel, #bw-dialog) .switch:has(input:checked) span{
  background:var(--green)
}
:is(#bw-panel, #bw-dialog) .switch:has(input:checked) span:after{
  transform:translateX(18px)
}
:is(#bw-panel, #bw-dialog) .switch:has(input:focus-visible){
  outline:2px solid var(--ink);
  outline-offset:5px;
  border-radius:20px
}
:is(#bw-panel, #bw-dialog) .promoted-layout{
  display:grid;
  grid-template-columns:minmax(0,650px) minmax(260px,1fr);
  gap:32px
}
:is(#bw-panel, #bw-dialog) .plans{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:24px 0
}
:is(#bw-panel, #bw-dialog) .plan{
  display:block;
  position:relative;
  border:1px solid var(--strong);
  border-radius:10px;
  padding:20px 14px;
  background:white;
  cursor:pointer
}
:is(#bw-panel, #bw-dialog) .plan:has(input:checked){
  background:var(--gold-light);
  outline:2px solid var(--gold);
  border-color:var(--gold)
}
:is(#bw-panel, #bw-dialog) .plan input{
  position:absolute;
  right:10px;
  top:10px;
  accent-color:var(--ink);
  width:16px;
  height:16px
}
:is(#bw-panel, #bw-dialog) .plan strong{
  font-size:28px;
  font-weight:600;
  display:block;
  letter-spacing:-.03em;
  margin-top:14px
}
:is(#bw-panel, #bw-dialog) .plan span{
  font-size:13px;
  font-weight:500
}
:is(#bw-panel, #bw-dialog) .plan small{
  font-size:12px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .bill-total{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  border-top:1px solid #DCE3EA;
  padding-top:22px;
  margin:24px 0
}
:is(#bw-panel, #bw-dialog) .bill-total strong{
  font-size:26px;
  letter-spacing:-.03em
}
:is(#bw-panel, #bw-dialog) .promoted-example{
  background:white;
  border-radius:12px;
  overflow:hidden
}
:is(#bw-panel, #bw-dialog) .promoted-example img{
  height:160px;
  width:100%;
  display:block
}
:is(#bw-panel, #bw-dialog) .promoted-example .ad-body{
  padding:20px
}
:is(#bw-panel, #bw-dialog) .ad-label{
  font-size:11px;
  display:inline-block;
  border:1px solid #ADBAC9;
  border-radius:4px;
  padding:2px 6px;
  margin-bottom:12px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .ad-body h3{
  font-size:18px;
  margin-bottom:6px
}
:is(#bw-panel, #bw-dialog) .ad-body p{
  font-size:13px;
  color:var(--muted)
}
:is(#bw-panel, #bw-dialog) .ad-body .ad-price{
  margin-top:12px;
  font-size:20px;
  font-weight:600;
  color:var(--ink)
}
#bw-panel, #bw-dialog{
  width:min(490px,calc(100% - 32px));
  border:0;
  border-radius:14px;
  padding:0;
  background:white;
  color:var(--ink);
  box-shadow:0 24px 80px rgba(17,20,25,.26);
  max-height:calc(100dvh - 48px);
  overflow:auto
}
#bw-panel::backdrop, #bw-dialog::backdrop{
  background:rgba(17,20,25,.45)
}
#bw-panel[open], #bw-dialog[open]{
  animation:dialog-in 180ms var(--ease)
}
:is(#bw-panel, #bw-dialog) .dialog-head{
  padding:22px 24px 0;
  display:flex;
  align-items:flex-start;
  gap:16px
}
:is(#bw-panel, #bw-dialog) .dialog-head h2{
  flex:1;
  padding-top:7px;
  font-size:23px
}
:is(#bw-panel, #bw-dialog) .dialog-head .icon-button{
  margin:-4px -8px 0 0
}
:is(#bw-panel, #bw-dialog) .dialog-body{
  padding:16px 24px 26px
}
:is(#bw-panel, #bw-dialog) .dialog-body>p{
  font-size:14px;
  color:var(--muted);
  margin-bottom:20px
}
:is(#bw-panel, #bw-dialog) .dialog-body .field-group{
  margin-top:20px
}
:is(#bw-panel, #bw-dialog) .dialog-actions{
  display:flex;
  gap:10px;
  margin-top:24px;
  justify-content:flex-end;
  flex-wrap:wrap
}
:is(#bw-panel, #bw-dialog) .dialog-option{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:66px;
  width:100%;
  text-align:left;
  border-top:1px solid #DEE4EC;
  padding:12px 0;
  font-size:14px
}
:is(#bw-panel, #bw-dialog) .dialog-option>div{
  flex:1
}
:is(#bw-panel, #bw-dialog) .dialog-option strong{
  display:block
}
:is(#bw-panel, #bw-dialog) .dialog-option small{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-top:3px
}
:is(#bw-panel, #bw-dialog) .dialog-option:hover{
  color:var(--secondary)
}
:is(#bw-panel, #bw-dialog) .dialog-option>.icon{
  width:18px
}
:is(#bw-panel, #bw-dialog) .toast{
  position:fixed;
  left:calc(50% + 112px);
  bottom:24px;
  max-width:calc(100% - 40px);
  transform:translate(-50%,12px);
  padding:13px 18px;
  border-radius:10px;
  background:var(--ink);
  color:white;
  font-size:13px;
  display:flex;
  align-items:center;
  gap:10px;
  opacity:0;
  pointer-events:none;
  z-index:var(--z-toast);
  transition:opacity var(--fast),transform var(--enter) var(--ease);
  box-shadow:0 4px 10px rgba(24,30,40,.12)
}
:is(#bw-panel, #bw-dialog) .toast.visible{
  opacity:1;
  transform:translate(-50%,0);
  pointer-events:auto
}
:is(#bw-panel, #bw-dialog) .toast button{
  color:var(--gold);
  text-decoration:underline;
  min-height:32px
}
:is(#bw-panel, #bw-dialog) .toast:empty{
  display:none
}
:is(#bw-panel, #bw-dialog) .mobile-brand,:is(#bw-panel, #bw-dialog) .mobile-nav{
  display:none
}
:is(#bw-panel, #bw-dialog) .route-enter{
  animation:arrive var(--enter) var(--ease)
}
:is(#bw-panel, #bw-dialog) .storage-warning{
  padding:12px 18px;
  background:var(--red-light);
  border-bottom:1px solid #DDB4AD;
  color:var(--red);
  font-size:13px
}
@keyframes arrive{
  from{
    transform:translateY(6px);
    opacity:.7
  }
  to{
    transform:none;
    opacity:1
  }
}
@keyframes dialog-in{
  from{
    transform:translateY(8px) scale(.985);
    opacity:.7
  }
  to{
    transform:none;
    opacity:1
  }
}
@media(min-width:1450px){
  :is(#bw-panel, #bw-dialog) .content{
    padding-top:52px
  }
  :is(#bw-panel, #bw-dialog) .dashboard-layout{
    gap:38px;
    grid-template-columns:minmax(0,1fr) 280px
  }
  :is(#bw-panel, #bw-dialog) .lot-main{
    padding:26px
  }
  :is(#bw-panel, #bw-dialog) .lot-photo{
    width:110px;
    height:110px
  }
  :is(#bw-panel, #bw-dialog) .page-head{
    margin-bottom:36px
  }
}
@media(max-width:1180px){
  :is(#bw-panel, #bw-dialog) .app-shell{
    grid-template-columns:196px minmax(0,1fr)
  }
  :is(#bw-panel, #bw-dialog) .sidebar{
    width:196px;
    padding-inline:12px
  }
  :is(#bw-panel, #bw-dialog) .wordmark{
    font-size:23px;
    gap:7px;
    padding-inline:10px
  }
  :is(#bw-panel, #bw-dialog) .wordmark img{
    width:32px;
    height:32px
  }
  :is(#bw-panel, #bw-dialog) .workspace-label{
    margin-left:49px
  }
  :is(#bw-panel, #bw-dialog) .content{
    padding:32px 28px 50px
  }
  :is(#bw-panel, #bw-dialog) .topbar{
    padding-inline:28px
  }
  :is(#bw-panel, #bw-dialog) .dashboard-layout{
    grid-template-columns:minmax(0,1fr) 218px;
    gap:24px
  }
  :is(#bw-panel, #bw-dialog) .compose-layout{
    gap:24px;
    grid-template-columns:minmax(0,1fr) 280px
  }
  :is(#bw-panel, #bw-dialog) .form-surface{
    padding:24px
  }
  :is(#bw-panel, #bw-dialog) .manage-layout{
    grid-template-columns:minmax(0,1fr) 220px;
    gap:24px
  }
  :is(#bw-panel, #bw-dialog) .toast{
    left:calc(50% + 98px)
  }
  :is(#bw-panel, #bw-dialog) .lot-main{
    gap:16px;
    padding:20px
  }
  :is(#bw-panel, #bw-dialog) .lot-photo{
    width:76px;
    height:94px
  }
  :is(#bw-panel, #bw-dialog) .review-layout{
    gap:24px;
    grid-template-columns:minmax(0,1fr) 310px
  }
  :is(#bw-panel, #bw-dialog) .promoted-layout{
    grid-template-columns:minmax(0,1fr) 250px;
    gap:24px
  }
}
@media(max-width:1000px){
  :is(#bw-panel, #bw-dialog) .dashboard-layout{
    grid-template-columns:1fr
  }
  :is(#bw-panel, #bw-dialog) .aside{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px
  }
  :is(#bw-panel, #bw-dialog) .aside-section{
    border:0;
    padding-top:12px
  }
  :is(#bw-panel, #bw-dialog) .aside-photo,:is(#bw-panel, #bw-dialog) .aside-caption{
    display:none
  }
  :is(#bw-panel, #bw-dialog) .compose-layout,:is(#bw-panel, #bw-dialog) .review-layout,:is(#bw-panel, #bw-dialog) .manage-layout,:is(#bw-panel, #bw-dialog) .promoted-layout{
    grid-template-columns:1fr
  }
  :is(#bw-panel, #bw-dialog) .sticky-preview{
    display:none
  }
  :is(#bw-panel, #bw-dialog) .manage-aside{
    padding:0 10px
  }
  :is(#bw-panel, #bw-dialog) .manage-aside .history-list{
    display:flex;
    gap:32px;
    flex-wrap:wrap
  }
  :is(#bw-panel, #bw-dialog) .review-layout .buyer-row{
    padding:26px
  }
  :is(#bw-panel, #bw-dialog) .review-layout .auth-box{
    max-width:none
  }
  :is(#bw-panel, #bw-dialog) .promoted-example{
    max-width:400px
  }
  :is(#bw-panel, #bw-dialog) .form-surface{
    padding:26px 28px
  }
  :is(#bw-panel, #bw-dialog) .form-footer{
    margin-top:18px
  }
}
@media(max-width:700px){
  #bw-panel, #bw-dialog{font-size:16px}
  :is(#bw-panel, #bw-dialog) .app-shell{
    display:block
  }
  :is(#bw-panel, #bw-dialog) .sidebar{
    display:none
  }
  :is(#bw-panel, #bw-dialog) .main-shell{
    display:block
  }
  :is(#bw-panel, #bw-dialog) .topbar{
    padding:12px 20px;
    height:72px;
    background:var(--pane)
  }
  :is(#bw-panel, #bw-dialog) .topbar-title{
    display:none
  }
  :is(#bw-panel, #bw-dialog) .mobile-brand{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:23px;
    font-weight:650;
    letter-spacing:-.04em;
    text-decoration:none
  }
  :is(#bw-panel, #bw-dialog) .mobile-brand img{
    width:30px;
    height:30px;
    object-fit:contain
  }
  :is(#bw-panel, #bw-dialog) .mobile-brand em{
    font-style:normal;
    font-weight:400
  }
  :is(#bw-panel, #bw-dialog) .demo-mark{
    display:none
  }
  :is(#bw-panel, #bw-dialog) .demo-button{
    min-height:40px;
    font-size:12px
  }
  :is(#bw-panel, #bw-dialog) .content{
    padding:26px 20px 104px
  }
  :is(#bw-panel, #bw-dialog) .page-head{
    gap:14px;
    margin-bottom:24px;
    align-items:flex-start
  }
  :is(#bw-panel, #bw-dialog) .page-head h1{
    font-size:28px
  }
  :is(#bw-panel, #bw-dialog) .page-head p{
    font-size:14px;
    margin-top:8px
  }
  :is(#bw-panel, #bw-dialog) .page-head .head-actions{
    padding-top:0
  }
  :is(#bw-panel, #bw-dialog) .page-head .head-actions .btn{
    font-size:13px;
    padding:10px 12px;
    white-space:nowrap
  }
  :is(#bw-panel, #bw-dialog) .page-head .head-actions .btn .icon{
    width:17px;
    height:17px
  }
  :is(#bw-panel, #bw-dialog) .dashboard-layout{
    gap:14px
  }
  :is(#bw-panel, #bw-dialog) .tabs{
    gap:24px
  }
  :is(#bw-panel, #bw-dialog) .tabs button{
    font-size:13px
  }
  :is(#bw-panel, #bw-dialog) .lot-card{
    border-radius:10px
  }
  :is(#bw-panel, #bw-dialog) .lot-main{
    padding:18px;
    gap:14px
  }
  :is(#bw-panel, #bw-dialog) .lot-photo{
    width:64px;
    height:85px
  }
  :is(#bw-panel, #bw-dialog) .lot-title{
    font-size:17px
  }
  :is(#bw-panel, #bw-dialog) .lot-location{
    font-size:12px
  }
  :is(#bw-panel, #bw-dialog) .lot-data{
    gap:20px;
    margin-top:12px
  }
  :is(#bw-panel, #bw-dialog) .lot-data strong{
    font-size:17px
  }
  :is(#bw-panel, #bw-dialog) .lot-footer{
    padding:7px 12px 7px 18px
  }
  :is(#bw-panel, #bw-dialog) .status{
    font-size:11px
  }
  :is(#bw-panel, #bw-dialog) .lot-footer .btn{
    font-size:12px;
    min-height:44px
  }
  :is(#bw-panel, #bw-dialog) .tag{
    font-size:11px;
    padding:3px 6px
  }
  :is(#bw-panel, #bw-dialog) .aside{
    display:block
  }
  :is(#bw-panel, #bw-dialog) .aside-section{
    padding:24px 2px 16px;
    border-bottom:1px solid var(--line)
  }
  :is(#bw-panel, #bw-dialog) .aside-section h3{
    margin-top:8px
  }
  :is(#bw-panel, #bw-dialog) .aside-section .aside-symbol{
    float:left;
    margin-right:14px;
    margin-top:6px
  }
  :is(#bw-panel, #bw-dialog) .aside-section p{
    font-size:13px;
    margin-left:50px
  }
  :is(#bw-panel, #bw-dialog) .aside-section .text-button{
    margin-left:50px
  }
  :is(#bw-panel, #bw-dialog) .aside-section:last-child{
    display:none
  }
  :is(#bw-panel, #bw-dialog) .dashboard-note{
    align-items:flex-start;
    font-size:11px
  }
  :is(#bw-panel, #bw-dialog) .mobile-nav{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding:7px 12px max(7px,env(safe-area-inset-bottom));
    background:var(--rail);
    border-top:1px solid #BEC8D4;
    z-index:var(--z-nav)
  }
  :is(#bw-panel, #bw-dialog) .mobile-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:51px;
    font-size:10px;
    font-weight:500;
    text-decoration:none;
    border-radius:8px;
    color:var(--secondary)
  }
  :is(#bw-panel, #bw-dialog) .mobile-nav a[aria-current=page]{
    background:white;
    color:var(--ink);
    font-weight:600
  }
  :is(#bw-panel, #bw-dialog) .mobile-nav .icon{
    width:20px;
    height:20px
  }
  :is(#bw-panel, #bw-dialog) .form-surface{
    padding:22px 20px
  }
  :is(#bw-panel, #bw-dialog) .compose-layout{
    display:block
  }
  :is(#bw-panel, #bw-dialog) .form-choice{
    min-height:82px;
    font-size:12px
  }
  :is(#bw-panel, #bw-dialog) .choice-grid{
    gap:7px
  }
  :is(#bw-panel, #bw-dialog) .choice{
    font-size:13px
  }
  :is(#bw-panel, #bw-dialog) .chips .choice{
    padding-inline:12px
  }
  :is(#bw-panel, #bw-dialog) .field-row{
    grid-template-columns:1fr;
    gap:0
  }
  :is(#bw-panel, #bw-dialog) .field-row .field-group{
    margin-bottom:22px
  }
  :is(#bw-panel, #bw-dialog) .form-section h2{
    font-size:17px
  }
  :is(#bw-panel, #bw-dialog) .form-section+.form-section{
    margin-top:24px;
    padding-top:24px
  }
  :is(#bw-panel, #bw-dialog) .form-footer{
    bottom:65px;
    padding:13px 0;
    gap:12px
  }
  :is(#bw-panel, #bw-dialog) .form-footer .btn{
    min-width:170px;
    font-size:14px
  }
  :is(#bw-panel, #bw-dialog) .save-state{
    font-size:11px;
    max-width:130px
  }
  :is(#bw-panel, #bw-dialog) .form-footer+.hint{
    margin-bottom:16px
  }
  :is(#bw-panel, #bw-dialog) .review-layout{
    gap:20px
  }
  :is(#bw-panel, #bw-dialog) .review-layout .buyer-row{
    padding:22px
  }
  :is(#bw-panel, #bw-dialog) .review-layout .buyer-row h3{
    font-size:24px
  }
  :is(#bw-panel, #bw-dialog) .review-layout .buyer-price{
    font-size:28px
  }
  :is(#bw-panel, #bw-dialog) .review-contact .form-surface,:is(#bw-panel, #bw-dialog) .auth-box{
    padding:22px
  }
  :is(#bw-panel, #bw-dialog) .review-contact .choice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  :is(#bw-panel, #bw-dialog) .manage-identity{
    padding:24px 22px 20px
  }
  :is(#bw-panel, #bw-dialog) .manage-controls{
    padding:0 22px 22px
  }
  :is(#bw-panel, #bw-dialog) .value-row{
    gap:12px
  }
  :is(#bw-panel, #bw-dialog) .value-row strong{
    font-size:23px
  }
  :is(#bw-panel, #bw-dialog) .value-row .value-label{
    font-size:13px
  }
  :is(#bw-panel, #bw-dialog) .availability-actions{
    gap:8px
  }
  :is(#bw-panel, #bw-dialog) .availability-actions .btn{
    font-size:13px;
    padding-inline:10px
  }
  :is(#bw-panel, #bw-dialog) .detail-links{
    padding-inline:20px
  }
  :is(#bw-panel, #bw-dialog) .detail-link{
    min-height:62px
  }
  :is(#bw-panel, #bw-dialog) .manage-layout{
    gap:24px
  }
  :is(#bw-panel, #bw-dialog) .manage-aside .history-list{
    gap:16px
  }
  :is(#bw-panel, #bw-dialog) .success-panel{
    padding:32px 22px
  }
  :is(#bw-panel, #bw-dialog) .success-panel h2{
    font-size:26px
  }
  :is(#bw-panel, #bw-dialog) .success-panel .btn{
    width:100%;
    margin:5px 0
  }
  :is(#bw-panel, #bw-dialog) .toast{
    left:50%;
    bottom:82px;
    font-size:12px;
    width:max-content;
    max-width:calc(100% - 32px)
  }
  :is(#bw-panel, #bw-dialog) .settings-block{
    padding:22px
  }
  :is(#bw-panel, #bw-dialog) .settings-row{
    gap:18px
  }
  :is(#bw-panel, #bw-dialog) .plans{
    gap:8px
  }
  :is(#bw-panel, #bw-dialog) .plan{
    padding:18px 10px
  }
  :is(#bw-panel, #bw-dialog) .plan strong{
    font-size:26px
  }
  :is(#bw-panel, #bw-dialog) .plan span{
    font-size:12px
  }
  :is(#bw-panel, #bw-dialog) .promoted-layout{
    gap:22px
  }
  :is(#bw-panel, #bw-dialog) .promoted-layout .form-surface{
    padding:22px
  }
  :is(#bw-panel, #bw-dialog) .dialog-head{
    padding:20px 20px 0
  }
  :is(#bw-panel, #bw-dialog) .dialog-body{
    padding:14px 20px 24px
  }
  :is(#bw-panel, #bw-dialog) .dialog-head h2{
    font-size:22px
  }
  :is(#bw-panel, #bw-dialog) .dialog-actions .btn{
    flex:1
  }
  :is(#bw-panel, #bw-dialog) .draft-row{
    padding:14px
  }
  :is(#bw-panel, #bw-dialog) .draft-row .btn{
    font-size:12px;
    padding-inline:10px
  }
  :is(#bw-panel, #bw-dialog) .back-link{
    margin-bottom:16px
  }
  :is(#bw-panel, #bw-dialog) .steps{
    font-size:12px
  }
  :is(#bw-panel, #bw-dialog) .storage-warning{
    font-size:12px
  }
  :is(#bw-panel, #bw-dialog) .empty{
    padding:36px 24px
  }
  :is(#bw-panel, #bw-dialog) .settings-block .field-row{
    gap:0
  }
}
@media(max-width:370px){
  :is(#bw-panel, #bw-dialog) .content{
    padding-inline:14px
  }
  :is(#bw-panel, #bw-dialog) .topbar{
    padding-inline:14px
  }
  :is(#bw-panel, #bw-dialog) .page-head h1{
    font-size:26px
  }
  :is(#bw-panel, #bw-dialog) .page-head .head-actions .btn{
    padding-inline:10px
  }
  :is(#bw-panel, #bw-dialog) .page-head .head-actions .btn .icon{
    display:none
  }
  :is(#bw-panel, #bw-dialog) .lot-main{
    padding:16px;
    gap:12px
  }
  :is(#bw-panel, #bw-dialog) .lot-photo{
    width:54px;
    height:74px
  }
  :is(#bw-panel, #bw-dialog) .lot-footer{
    padding-left:16px
  }
  :is(#bw-panel, #bw-dialog) .tabs{
    gap:19px
  }
  :is(#bw-panel, #bw-dialog) .form-surface{
    padding:20px 16px
  }
  :is(#bw-panel, #bw-dialog) .choice{
    font-size:12px
  }
  :is(#bw-panel, #bw-dialog) .form-footer .btn{
    min-width:154px
  }
  :is(#bw-panel, #bw-dialog) .buyer-identity{
    gap:10px
  }
  :is(#bw-panel, #bw-dialog) .buyer-price{
    font-size:23px
  }
  :is(#bw-panel, #bw-dialog) .settings-block{
    padding:20px 18px
  }
  :is(#bw-panel, #bw-dialog) .plans{
    grid-template-columns:1fr
  }
  :is(#bw-panel, #bw-dialog) .plan{
    padding:14px;
    display:flex;
    align-items:center;
    gap:16px
  }
  :is(#bw-panel, #bw-dialog) .plan strong{
    margin:0
  }
  :is(#bw-panel, #bw-dialog) .plan input{
    top:50%;
    transform:translateY(-50%)
  }
  :is(#bw-panel, #bw-dialog) .plan small{
    margin-left:auto;
    margin-right:20px
  }
}
@media(prefers-reduced-motion:reduce){
  :is(#bw-panel, #bw-dialog) *,:is(#bw-panel, #bw-dialog) *::before,:is(#bw-panel, #bw-dialog) *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }
  :is(#bw-panel, #bw-dialog) .btn:active:not(:disabled){
    transform:none
  }
  :is(#bw-panel, #bw-dialog) .toast{
    transform:translateX(-50%)
  }
  :is(#bw-panel, #bw-dialog) .route-enter{
    transform:none
  }
}
:is(#bw-panel, #bw-dialog) .photo-thumb{
  width:88px;
  height:88px
}
:is(#bw-panel, #bw-dialog) .photo-thumb .photo-remove{
  width:44px;
  height:44px
}
:is(#bw-panel, #bw-dialog) .photo-thumb .photo-remove .icon{
  width:18px;
  height:18px
}
:is(#bw-panel, #bw-dialog) .photo-add:focus-within{
  outline:2px solid var(--ink);
  outline-offset:3px
}
:is(#bw-panel, #bw-dialog) .lot-title{
  min-height:44px;
  display:flex;
  align-items:center
}
:is(#bw-panel, #bw-dialog) .demo-button{
  min-height:44px
}
:is(#bw-panel, #bw-dialog) .toast.visible{
  pointer-events:none
}
@media(max-width:700px){
  :is(#bw-panel, #bw-dialog) .toast{
    bottom:145px
  }
}
:is(#bw-panel, #bw-dialog) .switch{
  height:44px;
  display:flex;
  align-items:center
}
:is(#bw-panel, #bw-dialog) .switch input{
  height:44px
}
:is(#bw-panel, #bw-dialog) .switch span:after{
  top:12px
}
:is(#bw-panel, #bw-dialog) .sidebar{
  overflow-y:auto
}


body.bw-panel-open{ overflow: hidden; }
#bw-panel{
  width: min(1120px, calc(100vw - 80px));
  height: min(800px, calc(100dvh - 80px));
  max-width: none; max-height: none; padding: 0; border: 0; margin: auto;
  border-radius: 16px; background: var(--pane); color: var(--ink);
  box-shadow: 0 28px 90px -18px rgba(17, 30, 48, .48);
  overflow: hidden;
}
#bw-panel::backdrop{ background: rgba(25, 37, 54, .34); backdrop-filter: blur(2px); }
#bw-panel[open]{ animation: panel-arrive 210ms cubic-bezier(.22,1,.36,1); }
@keyframes panel-arrive{ from { opacity: 0; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } }
#bw-panel #bw-app{ height: 100%; min-height: 0; }
:is(#bw-panel, #bw-dialog) .panel-shell{ height: 100%; display: grid; grid-template-rows: 64px auto minmax(0,1fr) 36px; }
:is(#bw-panel, #bw-dialog) .panel-shell > .storage-warning[hidden]{ display: none; }
:is(#bw-panel, #bw-dialog) .panel-shell:has(>.storage-warning[hidden]){ grid-template-rows: 64px minmax(0,1fr) 36px; }
:is(#bw-panel, #bw-dialog) .panel-header{ display: flex; align-items: center; gap: 20px; padding: 0 24px; background: var(--rail); border-bottom: 1px solid #CAD2DD; }
:is(#bw-panel, #bw-dialog) .panel-brand{ display: flex; align-items: center; min-height: 44px; gap: 8px; font-size: 20px; letter-spacing: -.035em; font-weight: 650; text-decoration: none; }
:is(#bw-panel, #bw-dialog) .panel-brand img{ object-fit: contain; }
:is(#bw-panel, #bw-dialog) .panel-brand em{ font-style: normal; font-weight: 400; }
:is(#bw-panel, #bw-dialog) .panel-divider{ width: 1px; height: 22px; background: #BCC7D4; }
:is(#bw-panel, #bw-dialog) .panel-home{ font-size: 14px; font-weight: 600; text-decoration: none; padding: 12px 0; }
:is(#bw-panel, #bw-dialog) .panel-header-tools{ margin-left: auto; display: flex; align-items: center; gap: 16px; }
:is(#bw-panel, #bw-dialog) .panel-account{ display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 13px; text-decoration: none; color: var(--secondary); border-radius: 8px; padding: 0 10px; }
:is(#bw-panel, #bw-dialog) .panel-account span{ max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is(#bw-panel, #bw-dialog) .panel-account[aria-current],:is(#bw-panel, #bw-dialog) .panel-account:hover{ background: rgba(255,255,255,.65); color: var(--ink); }
:is(#bw-panel, #bw-dialog) .panel-close{ display: grid; place-items: center; width: 44px; height: 44px; border-radius: 9px; color: var(--secondary); }
:is(#bw-panel, #bw-dialog) .panel-close:hover{ background: #fff; color: var(--ink); }
:is(#bw-panel, #bw-dialog) .panel-content{ min-height: 0; min-width: 0; overflow: auto; overscroll-behavior: contain; padding: 28px 38px 30px; scrollbar-gutter: stable; scroll-padding: 24px 0 100px; }
:is(#bw-panel, #bw-dialog) .panel-demo-footer{ display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--rail); padding: 0 24px; border-top: 1px solid #CAD2DD; color: var(--secondary); font-size: 11px; }
:is(#bw-panel, #bw-dialog) .panel-demo-footer > span,:is(#bw-panel, #bw-dialog) .panel-demo-footer button{ display: flex; align-items: center; gap: 7px; }
:is(#bw-panel, #bw-dialog) .panel-demo-footer .icon{ width: 14px; height: 14px; }
:is(#bw-panel, #bw-dialog) .panel-demo-footer button{ align-self: stretch; font-size: 11px; font-weight: 600; padding-inline: 10px; }
:is(#bw-panel, #bw-dialog) .panel-demo-footer button:hover{ color: var(--ink); background: rgba(255,255,255,.5); }
:is(#bw-panel, #bw-dialog) .panel-content .page-head{ margin-bottom: 24px; }
:is(#bw-panel, #bw-dialog) .panel-content .page-head h1{ font-size: 29px; letter-spacing: -.025em; }
:is(#bw-panel, #bw-dialog) .panel-content .page-head p{ font-size: 14px; margin-top: 8px; }
:is(#bw-panel, #bw-dialog) .panel-content .back-link{ font-size: 13px; min-height: 32px; margin-bottom: 14px; }
:is(#bw-panel, #bw-dialog) .panel-content .steps{ margin-bottom: 17px; font-size: 12px; }
:is(#bw-panel, #bw-dialog) .panel-content .step-number{ width: 24px; height: 24px; }
:is(#bw-panel, #bw-dialog) .listing-context{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -6px 0 20px; font-size: 12px; color: var(--muted); }
:is(#bw-panel, #bw-dialog) .listing-context > div{ display: flex; gap: 12px; }
:is(#bw-panel, #bw-dialog) .listing-context .btn{ font-size: 12px; padding: 0 10px; min-height: 38px; }
:is(#bw-panel, #bw-dialog) .listing-heading{ display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
:is(#bw-panel, #bw-dialog) .listing-heading h1{ font-size: 30px; line-height: 1.18; letter-spacing: -.03em; }
:is(#bw-panel, #bw-dialog) .listing-heading p{ display: flex; align-items: center; flex-wrap: wrap; column-gap: 6px; row-gap: 3px; color: var(--secondary); margin-top: 10px; font-size: 13px; }
:is(#bw-panel, #bw-dialog) .listing-heading p .icon{ width: 15px; height: 15px; }
:is(#bw-panel, #bw-dialog) .heading-dot{ color: #8C96A5; margin: 0 4px; }
:is(#bw-panel, #bw-dialog) .for-sale-label{ display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; background: var(--green-light); color: var(--green); border-radius: 6px; padding: 6px 10px; font-size: 12px; font-weight: 600; margin-top: 4px; }
:is(#bw-panel, #bw-dialog) .for-sale-label > span{ width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
:is(#bw-panel, #bw-dialog) .listing-selector{ display: flex; gap: 10px; margin-bottom: 22px; flex-wrap: wrap; }
:is(#bw-panel, #bw-dialog) .listing-selector button{ display: flex; align-items: center; gap: 10px; text-align: left; min-height: 58px; padding: 10px 16px; background: rgba(255,255,255,.4); border: 1px solid var(--line); border-radius: 9px; color: var(--secondary); }
:is(#bw-panel, #bw-dialog) .listing-selector button[aria-pressed=true]{ background: white; border-color: #8C98A8; color: var(--ink); }
:is(#bw-panel, #bw-dialog) .listing-selector strong{ display: block; font-size: 13px; }
:is(#bw-panel, #bw-dialog) .listing-selector small{ font-size: 11px; color: var(--muted); }
:is(#bw-panel, #bw-dialog) .listing-workbench{ display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.9fr); gap: 34px; align-items: start; }
:is(#bw-panel, #bw-dialog) .listing-visual{ min-width: 0; }
:is(#bw-panel, #bw-dialog) .listing-cover{ display: grid; place-items: center; position: relative; aspect-ratio: 1.38; background: #D9E1E9; border-radius: 12px; overflow: hidden; }
:is(#bw-panel, #bw-dialog) .listing-cover > img{ width: 100%; height: 100%; object-fit: cover; }
:is(#bw-panel, #bw-dialog) .listing-cover > .icon{ width: 90px; height: 90px; color: #778599; }
:is(#bw-panel, #bw-dialog) .photo-edit-button{ position: absolute; right: 12px; bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0 12px; border-radius: 7px; background: white; color: var(--ink); font-size: 12px; font-weight: 600; box-shadow: 0 2px 6px #0002; }
:is(#bw-panel, #bw-dialog) .photo-edit-button:hover{ background: var(--pane); }
:is(#bw-panel, #bw-dialog) .photo-edit-button .icon{ width: 16px; height: 16px; }
:is(#bw-panel, #bw-dialog) .listing-caption{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 12px; }
:is(#bw-panel, #bw-dialog) .listing-caption .text-button{ min-height: 36px; font-size: 12px; flex: none; }
:is(#bw-panel, #bw-dialog) .listing-caption .icon{ width: 15px; height: 15px; }
:is(#bw-panel, #bw-dialog) .listing-quick{ min-width: 0; }
:is(#bw-panel, #bw-dialog) .quick-price{ padding: 0 0 20px; }
:is(#bw-panel, #bw-dialog) .quick-label{ font-size: 13px; color: var(--secondary); margin-bottom: 4px; }
:is(#bw-panel, #bw-dialog) .quick-price > div:last-child{ display: flex; align-items: center; justify-content: space-between; gap: 14px; }
:is(#bw-panel, #bw-dialog) .quick-price strong{ font-size: 40px; line-height: 1.2; letter-spacing: -.035em; font-weight: 650; font-variant-numeric: tabular-nums; }
:is(#bw-panel, #bw-dialog) .listing-quick .text-button{ min-height: 44px; font-size: 13px; }
:is(#bw-panel, #bw-dialog) .listing-quick .text-button .icon{ width: 15px; height: 15px; }
:is(#bw-panel, #bw-dialog) .quick-quantity{ display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--line); padding: 8px 0; font-size: 13px; }
:is(#bw-panel, #bw-dialog) .quick-quantity > span{ color: var(--secondary); }
:is(#bw-panel, #bw-dialog) .quick-quantity > strong{ margin-left: auto; font-size: 17px; }
:is(#bw-panel, #bw-dialog) .availability-box{ border-top: 1px solid var(--line); padding: 16px 0 20px; }
:is(#bw-panel, #bw-dialog) .availability-box .status{ font-size: 12px; }
:is(#bw-panel, #bw-dialog) .availability-box p{ margin: 7px 0 13px; font-size: 12px; color: var(--secondary); line-height: 1.55; }
:is(#bw-panel, #bw-dialog) .availability-box .availability-actions{ display: flex; margin: 0; gap: 10px; }
:is(#bw-panel, #bw-dialog) .availability-actions .btn{ flex: 1; min-height: 44px; padding: 0 12px; font-size: 13px; justify-content: center; }
:is(#bw-panel, #bw-dialog) .listing-quick > .btn{ min-height: 46px; font-size: 13px; }
:is(#bw-panel, #bw-dialog) .listing-underbar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0 20px; font-size: 12px; color: var(--muted); }
:is(#bw-panel, #bw-dialog) .listing-underbar > span{ display: flex; align-items: center; gap: 7px; }
:is(#bw-panel, #bw-dialog) .listing-underbar .icon{ width: 15px; height: 15px; }
:is(#bw-panel, #bw-dialog) .listing-underbar .btn{ font-size: 12px; }
:is(#bw-panel, #bw-dialog) .listing-promotion{ display: flex; width: 100%; text-align: left; align-items: center; gap: 14px; padding: 18px 20px; border: 1px solid #C8D1DD; border-radius: 10px; background: rgba(255,255,255,.35); }
:is(#bw-panel, #bw-dialog) .listing-promotion:hover{ background: white; border-color: #A7B2C1; }
:is(#bw-panel, #bw-dialog) .promotion-symbol{ width: 38px; height: 38px; display: grid; place-items: center; background: #F9EAC4; color: #795710; border-radius: 9px; }
:is(#bw-panel, #bw-dialog) .listing-promotion strong{ font-size: 13px; display: block; }
:is(#bw-panel, #bw-dialog) .listing-promotion small{ font-size: 12px; color: var(--muted); display: block; margin-top: 3px; }
:is(#bw-panel, #bw-dialog) .promotion-link{ display: flex; align-items: center; gap: 10px; margin-left: auto; font-size: 12px; font-weight: 600; white-space: nowrap; }
:is(#bw-panel, #bw-dialog) .promotion-link .icon{ width: 16px; height: 16px; }
:is(#bw-panel, #bw-dialog) .listing-more{ margin-top: 12px; color: var(--secondary); font-size: 12px; }
:is(#bw-panel, #bw-dialog) .listing-more > summary{ list-style: none; min-height: 44px; display: inline-flex; align-items: center; gap: 7px; }
:is(#bw-panel, #bw-dialog) .listing-more > summary::-webkit-details-marker{ display: none; }
:is(#bw-panel, #bw-dialog) .listing-more > summary .icon{ width: 13px; height: 13px; transform: rotate(90deg); }
:is(#bw-panel, #bw-dialog) .listing-more[open] > summary .icon{ transform: rotate(-90deg); }
:is(#bw-panel, #bw-dialog) .listing-more > div{ display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 8px; }
:is(#bw-panel, #bw-dialog) .listing-more .btn{ font-size: 12px; min-height: 44px; }
:is(#bw-panel, #bw-dialog) .listing-more .hint{ font-size: 12px; }
:is(#bw-panel, #bw-dialog) .listing-more .danger-link{ margin: 0; padding: 8px; }
:is(#bw-panel, #bw-dialog) .panel-content .update-receipt{ margin: 0 0 18px; font-size: 13px; padding: 12px 16px; border-radius: 8px; }
:is(#bw-panel, #bw-dialog) .panel-content .draft-row{ margin-bottom: 20px; padding: 14px 16px; }
:is(#bw-panel, #bw-dialog) .panel-content .draft-row h3{ font-size: 13px; }
:is(#bw-panel, #bw-dialog) .panel-content .draft-row p{ font-size: 12px; }
:is(#bw-panel, #bw-dialog) .panel-content .inline-editor{ padding: 16px; margin: 0 0 16px; border-radius: 9px; }
:is(#bw-panel, #bw-dialog) .panel-content .inline-editor .input{ min-height: 44px; }
:is(#bw-panel, #bw-dialog) .new-seller{ max-width: 490px; margin: 42px auto 56px; text-align: center; }
:is(#bw-panel, #bw-dialog) .new-seller-mark{ width: 76px; height: 76px; display: grid; place-items: center; border-radius: 16px; background: #D9E2ED; margin: 0 auto 26px; }
:is(#bw-panel, #bw-dialog) .new-seller-mark .icon{ width: 40px; height: 40px; }
:is(#bw-panel, #bw-dialog) .new-seller h1{ font-size: 32px; }
:is(#bw-panel, #bw-dialog) .new-seller > p{ margin: 14px auto 24px; color: var(--secondary); font-size: 15px; }
:is(#bw-panel, #bw-dialog) .new-seller > .hint{ max-width: 350px; margin-top: 20px; font-size: 12px; }
:is(#bw-panel, #bw-dialog) .batch-finished{ display: grid; grid-template-columns: .8fr 1fr; gap: 34px; padding-bottom: 24px; }
:is(#bw-panel, #bw-dialog) .finished-image{ border-radius: 12px; overflow: hidden; background: #D9E1E9; min-height: 300px; display: grid; place-items: center; }
:is(#bw-panel, #bw-dialog) .finished-image img{ width: 100%; height: 100%; object-fit: cover; }
:is(#bw-panel, #bw-dialog) .finished-copy{ align-self: center; }
:is(#bw-panel, #bw-dialog) .finished-copy .success-symbol{ width: 46px; height: 46px; margin: 0 0 18px; }
:is(#bw-panel, #bw-dialog) .finished-copy h2{ font-size: 25px; margin-bottom: 12px; }
:is(#bw-panel, #bw-dialog) .finished-copy p{ font-size: 14px; color: var(--secondary); }
:is(#bw-panel, #bw-dialog) .finished-price{ display: flex; justify-content: space-between; gap: 10px; font-size: 13px; margin: 22px 0; }
:is(#bw-panel, #bw-dialog) .finished-copy > .text-button{ display: flex; min-height: 44px; font-size: 12px; margin-top: 14px; }
:is(#bw-panel, #bw-dialog) .panel-content .compose-layout{ grid-template-columns: minmax(0,1.65fr) minmax(230px,1fr); gap: 30px; }
:is(#bw-panel, #bw-dialog) .panel-content .form-surface{ padding: 26px; }
:is(#bw-panel, #bw-dialog) .panel-content .form-section+.form-section{ margin-top: 25px; padding-top: 25px; }
:is(#bw-panel, #bw-dialog) .panel-content .form-section h2{ font-size: 17px; }
:is(#bw-panel, #bw-dialog) .panel-content .form-choice{ min-height: 78px; font-size: 12px; }
:is(#bw-panel, #bw-dialog) .panel-content .choice{ font-size: 13px; }
:is(#bw-panel, #bw-dialog) .panel-content .choice-grid{ gap: 8px; }
:is(#bw-panel, #bw-dialog) .panel-content .form-footer{ bottom: -30px; padding: 17px 0 22px; background: var(--pane); z-index: 2; }
:is(#bw-panel, #bw-dialog) .panel-content .save-state{ font-size: 11px; }
:is(#bw-panel, #bw-dialog) .panel-content .form-footer .btn{ min-width: 160px; min-height: 48px; font-size: 14px; }
:is(#bw-panel, #bw-dialog) .panel-content .sticky-preview{ top: 0; }
:is(#bw-panel, #bw-dialog) .panel-content .preview-caption{ font-size: 12px; }
:is(#bw-panel, #bw-dialog) .panel-content .preview-footnote,:is(#bw-panel, #bw-dialog) .panel-content .context-note{ font-size: 12px; }
:is(#bw-panel, #bw-dialog) .panel-content .buyer-row.compact{ padding: 22px; }
:is(#bw-panel, #bw-dialog) .panel-content .review-layout{ grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); gap: 28px; }
:is(#bw-panel, #bw-dialog) .panel-content .review-layout .buyer-row{ padding: 25px; }
:is(#bw-panel, #bw-dialog) .panel-content .review-contact{ margin-top: 22px; }
:is(#bw-panel, #bw-dialog) .panel-content .review-contact .form-surface,:is(#bw-panel, #bw-dialog) .panel-content .auth-box{ padding: 24px; }
:is(#bw-panel, #bw-dialog) .panel-content .auth-box h2{ font-size: 22px; }
:is(#bw-panel, #bw-dialog) .panel-content .settings-layout{ max-width: 720px; margin: 0 auto; }
:is(#bw-panel, #bw-dialog) .panel-content .settings-block{ padding: 24px; }
:is(#bw-panel, #bw-dialog) .panel-content .promoted-layout{ grid-template-columns: minmax(0,1.3fr) minmax(260px,1fr); gap: 28px; }
#bw-panel .toast{ position: absolute; bottom: 48px; left: 50%; width: max-content; max-width: calc(100% - 36px); font-size: 12px; z-index: 5; pointer-events: none; }
#bw-dialog{ max-height: calc(100dvh - 40px); overflow: auto; border: 0; border-radius: 14px; box-shadow: 0 20px 70px -15px #15243D66; }
#bw-dialog::backdrop{ background: rgba(25,37,54,.3); backdrop-filter: none; }
@media(max-width:1100px){
  :is(#bw-panel, #bw-dialog) .panel-content .compose-layout{ display: block; max-width: 680px; margin: 0 auto; }
  :is(#bw-panel, #bw-dialog) .panel-content .sticky-preview{ display: none; }
  :is(#bw-panel, #bw-dialog) .listing-workbench{ gap: 26px; grid-template-columns: minmax(0,1fr) minmax(280px,1fr); }
}
@media(max-width:850px){
  #bw-panel{ width: calc(100vw - 40px); height: calc(100dvh - 40px); }
  :is(#bw-panel, #bw-dialog) .panel-content{ padding: 24px; }
  :is(#bw-panel, #bw-dialog) .listing-workbench{ grid-template-columns: minmax(0,.85fr) minmax(240px,1fr); gap: 24px; }
  :is(#bw-panel, #bw-dialog) .listing-heading h1{ font-size: 27px; }
  :is(#bw-panel, #bw-dialog) .panel-content .review-layout,:is(#bw-panel, #bw-dialog) .panel-content .promoted-layout{ grid-template-columns: 1fr; }
  :is(#bw-panel, #bw-dialog) .panel-content .promoted-layout > aside{ max-width: 440px; }
  :is(#bw-panel, #bw-dialog) .panel-content .form-footer{ bottom: -24px; }
  :is(#bw-panel, #bw-dialog) .quick-price strong{ font-size: 34px; }
}
@media(max-width:700px){
  #bw-panel{ width: 100%; height: 100dvh; border-radius: 0; max-height: 100dvh; }
  #bw-panel[open]{ animation-name: phone-panel-arrive; }
  @keyframes phone-panel-arrive{ from { opacity: .7; transform: translateY(12px); } to { opacity: 1; transform: none; } }
  :is(#bw-panel, #bw-dialog) .panel-shell{ grid-template-rows: 60px auto minmax(0,1fr) 44px; }
  :is(#bw-panel, #bw-dialog) .panel-shell:has(>.storage-warning[hidden]){ grid-template-rows: 60px minmax(0,1fr) 44px; }
  :is(#bw-panel, #bw-dialog) .panel-header{ padding: 0 12px 0 18px; gap: 13px; }
  :is(#bw-panel, #bw-dialog) .panel-brand{ font-size: 18px; gap: 6px; }
  :is(#bw-panel, #bw-dialog) .panel-brand img{ width: 27px; height: 27px; }
  :is(#bw-panel, #bw-dialog) .panel-divider,:is(#bw-panel, #bw-dialog) .panel-home{ display: none; }
  :is(#bw-panel, #bw-dialog) .panel-header-tools{ gap: 4px; }
  :is(#bw-panel, #bw-dialog) .panel-account{ padding: 0 8px; }
  :is(#bw-panel, #bw-dialog) .panel-account span{ max-width: 74px; font-size: 12px; }
  :is(#bw-panel, #bw-dialog) .panel-content{ padding: 22px 20px 24px; scrollbar-gutter: auto; }
  :is(#bw-panel, #bw-dialog) .panel-demo-footer{ padding: 0 12px 0 18px; font-size: 10px; }
  :is(#bw-panel, #bw-dialog) .panel-demo-footer > span .icon{ display: none; }
  :is(#bw-panel, #bw-dialog) .panel-demo-footer button{ font-size: 10px; padding: 0 4px; min-height: 44px; }
  :is(#bw-panel, #bw-dialog) .listing-context{ font-size: 11px; gap: 8px; margin-bottom: 20px; align-items: flex-start; }
  :is(#bw-panel, #bw-dialog) .listing-context > span{ padding-top: 12px; }
  :is(#bw-panel, #bw-dialog) .listing-context > div{ gap: 0; flex-wrap: wrap; justify-content: flex-end; }
  :is(#bw-panel, #bw-dialog) .listing-context .btn{ font-size: 11px; padding: 0 7px; min-height: 44px; }
  :is(#bw-panel, #bw-dialog) .listing-context .btn .icon{ width: 15px; }
  :is(#bw-panel, #bw-dialog) .listing-heading{ gap: 10px; margin-bottom: 20px; }
  :is(#bw-panel, #bw-dialog) .listing-heading h1{ font-size: 26px; }
  :is(#bw-panel, #bw-dialog) .listing-heading p{ font-size: 12px; }
  :is(#bw-panel, #bw-dialog) .for-sale-label{ font-size: 10px; padding: 5px 7px; gap: 5px; }
  :is(#bw-panel, #bw-dialog) .listing-workbench{ grid-template-columns: 1fr; gap: 23px; }
  :is(#bw-panel, #bw-dialog) .listing-visual{ order: 2; }
  :is(#bw-panel, #bw-dialog) .listing-cover{ aspect-ratio: 1.85; }
  :is(#bw-panel, #bw-dialog) .photo-edit-button{ min-height: 44px; }
  :is(#bw-panel, #bw-dialog) .listing-caption{ padding-top: 6px; }
  :is(#bw-panel, #bw-dialog) .listing-caption .text-button{ min-height: 44px; }
  :is(#bw-panel, #bw-dialog) .listing-quick{ padding: 20px; background: white; border-radius: 12px; }
  :is(#bw-panel, #bw-dialog) .quick-price{ padding-bottom: 15px; }
  :is(#bw-panel, #bw-dialog) .quick-price strong{ font-size: 36px; }
  :is(#bw-panel, #bw-dialog) .listing-underbar{ margin: 5px 0 17px; }
  :is(#bw-panel, #bw-dialog) .listing-underbar > span{ font-size: 11px; max-width: 175px; }
  :is(#bw-panel, #bw-dialog) .listing-underbar > span .icon{ display: none; }
  :is(#bw-panel, #bw-dialog) .listing-underbar .btn{ min-height: 44px; font-size: 11px; padding: 0; }
  :is(#bw-panel, #bw-dialog) .listing-promotion{ padding: 15px; gap: 11px; align-items: flex-start; }
  :is(#bw-panel, #bw-dialog) .listing-promotion small{ font-size: 11px; }
  :is(#bw-panel, #bw-dialog) .promotion-symbol{ width: 32px; height: 32px; flex: none; }
  :is(#bw-panel, #bw-dialog) .promotion-link{ font-size: 0; margin-top: 8px; }
  :is(#bw-panel, #bw-dialog) .listing-selector{ gap: 8px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  :is(#bw-panel, #bw-dialog) .listing-selector button{ padding: 10px 12px; flex: 1 0 145px; }
  :is(#bw-panel, #bw-dialog) .listing-selector strong{ font-size: 12px; }
  :is(#bw-panel, #bw-dialog) .listing-selector > button > .icon{ display: none; }
  :is(#bw-panel, #bw-dialog) .panel-content .page-head h1{ font-size: 27px; }
  :is(#bw-panel, #bw-dialog) .panel-content .page-head p{ font-size: 13px; }
  :is(#bw-panel, #bw-dialog) .panel-content .form-surface{ padding: 22px 18px; }
  :is(#bw-panel, #bw-dialog) .panel-content .form-footer{ bottom: -24px; padding: 14px 0 20px; }
  :is(#bw-panel, #bw-dialog) .panel-content .form-footer .btn{ min-width: 158px; }
  :is(#bw-panel, #bw-dialog) .panel-content .field-row{ grid-template-columns: 1fr; }
  :is(#bw-panel, #bw-dialog) .panel-content .input{ font-size: 16px; }
  :is(#bw-panel, #bw-dialog) .panel-content .review-contact .form-surface,:is(#bw-panel, #bw-dialog) .panel-content .auth-box{ padding: 22px 18px; }
  :is(#bw-panel, #bw-dialog) .panel-content .form-choice{ min-height: 84px; font-size: 12px; }
  :is(#bw-panel, #bw-dialog) .panel-content .settings-block{ padding: 22px 18px; }
  :is(#bw-panel, #bw-dialog) .panel-content .settings-row{ gap: 12px; }
  :is(#bw-panel, #bw-dialog) .batch-finished{ grid-template-columns: 1fr; gap: 25px; }
  :is(#bw-panel, #bw-dialog) .finished-image{ min-height: 0; height: 170px; }
  :is(#bw-panel, #bw-dialog) .finished-copy h2{ font-size: 24px; }
  :is(#bw-panel, #bw-dialog) .new-seller{ margin: 30px 0; }
  :is(#bw-panel, #bw-dialog) .new-seller h1{ font-size: 28px; }
  #bw-dialog{ width: calc(100vw - 28px); max-height: calc(100dvh - 28px); }
}
@media(max-width:360px){
  :is(#bw-panel, #bw-dialog) .panel-content{ padding-inline: 16px; }
  :is(#bw-panel, #bw-dialog) .panel-brand{ font-size: 17px; }
  :is(#bw-panel, #bw-dialog) .panel-account span{ max-width: 46px; }
  :is(#bw-panel, #bw-dialog) .listing-heading h1{ font-size: 23px; }
  :is(#bw-panel, #bw-dialog) .listing-quick{ padding: 17px; }
  :is(#bw-panel, #bw-dialog) .availability-actions .btn{ font-size: 12px; padding: 0 8px; }
  :is(#bw-panel, #bw-dialog) .panel-content .form-surface{ padding: 20px 14px; }
  :is(#bw-panel, #bw-dialog) .panel-content .choice{ font-size: 12px; }
  :is(#bw-panel, #bw-dialog) .panel-content .form-footer .btn{ min-width: 148px; font-size: 13px; }
}
@media(max-height:500px) and (min-width:701px){
  #bw-panel{ height: calc(100dvh - 20px); width: calc(100vw - 40px); }
  :is(#bw-panel, #bw-dialog) .panel-shell{ grid-template-rows: 54px auto minmax(0,1fr) 32px; }
  :is(#bw-panel, #bw-dialog) .panel-shell:has(>.storage-warning[hidden]){ grid-template-rows: 54px minmax(0,1fr) 32px; }
  
  :is(#bw-panel, #bw-dialog) .panel-content .form-footer{ bottom: 0; margin-top: 0; padding: 10px 0; }
}
@media(prefers-reduced-motion:reduce){
  #bw-panel[open]{ animation: none; }
  #bw-panel *,#bw-panel *::before,#bw-panel *::after{ transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


:is(#bw-panel, #bw-dialog) .door .page{ display: none; }
:is(#bw-panel, #bw-dialog) .door .page.on{ display: block; }
:is(#bw-panel, #bw-dialog) .door .auth-box{ max-width: 420px; margin: 0 auto; }
:is(#bw-panel, #bw-dialog) .door .auth-box h2{ margin: 0 0 14px; }
:is(#bw-panel, #bw-dialog) .door .field-group{ margin-bottom: 14px; }
:is(#bw-panel, #bw-dialog) .door .pw{ position: relative; }
:is(#bw-panel, #bw-dialog) .door .pw .input{ padding-right: 64px; }
:is(#bw-panel, #bw-dialog) .door .pw .pw-toggle{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
:is(#bw-panel, #bw-dialog) .door .gbtn svg{ width: 18px; height: 18px; margin-right: 8px; }
:is(#bw-panel, #bw-dialog) .door .auth-ok[hidden]{ display: none; }
:is(#bw-panel, #bw-dialog) .door .tosck{ display: flex; gap: 9px; align-items: flex-start; }
:is(#bw-panel, #bw-dialog) .door .tosck input{ margin-top: 3px; flex: none; }

:is(#bw-panel, #bw-dialog) .door .auth-rule{ display: flex; align-items: center; gap: 12px; height: auto; background: none; margin: 14px 0; font-size: 13px; color: var(--muted); }
:is(#bw-panel, #bw-dialog) .door .auth-rule::before,:is(#bw-panel, #bw-dialog) .door .auth-rule::after{ content: ''; flex: 1; height: 1px; background: var(--line); }


:is(#bw-panel, #bw-dialog) .input-stack{ position: relative; }

:is(#bw-panel, #bw-dialog) .input[type="date"]{
 -webkit-appearance:none;
 appearance:none;
 min-width:0;
 max-width:100%;
}

:is(#bw-panel, #bw-dialog) .promoted-layout > *{ min-width:0; }
:is(#bw-panel, #bw-dialog) .town-list{
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: var(--z-sticky);
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(27, 26, 32, .12); overflow: hidden;
}
:is(#bw-panel, #bw-dialog) .town-list button{
  display: block; width: 100%; min-height: 44px; padding: 10px 13px;
  border: 0; background: none; text-align: left; cursor: pointer; font-size: 15px;
}
:is(#bw-panel, #bw-dialog) .town-list button + button{ border-top: 1px solid var(--line); }
:is(#bw-panel, #bw-dialog) .town-list button:hover,:is(#bw-panel, #bw-dialog) .town-list button:focus-visible{ background: var(--subtle); }


#bw-dialog{ margin: auto; }


:is(#bw-panel, #bw-dialog) *{ margin: revert; padding: revert; }


#bw-panel #bw-app main{ font-size: inherit; line-height: inherit; }


:is(#bw-panel, #bw-dialog) .photo-add{ position: relative; }


#bw-panel, #bw-dialog{--strong:#758191;}
:is(#bw-panel, #bw-dialog) .review-layout > *,:is(#bw-panel, #bw-dialog) .review-auth,:is(#bw-panel, #bw-dialog) .review-auth .door{min-width:0;}
:is(#bw-panel, #bw-dialog) .review-auth .door .auth-box{max-width:none;min-width:0;}
@media(max-width:900px){
  :is(#bw-panel, #bw-dialog) .panel-content .review-layout{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:700px){
  :is(#bw-panel, #bw-dialog) .listing-context .btn,:is(#bw-panel, #bw-dialog) .listing-underbar .btn{font-size:13px;}
}


:is(#bw-panel, #bw-dialog) .panel-content .form-choice .icon{width:36px;height:36px;}


:is(#bw-panel, #bw-dialog) .panel-shell{grid-template-rows:64px minmax(0,1fr);}
:is(#bw-panel, #bw-dialog) .choice-legend{width:100%;display:flex;align-items:center;gap:8px;}
:is(#bw-panel, #bw-dialog) .choice-legend .optional{margin-left:0;}
:is(#bw-panel, #bw-dialog) .choice-clear{margin-left:auto;min-height:44px;padding:0 8px;font-size:12px;}
:is(#bw-panel, #bw-dialog) .choice-clear:disabled{visibility:hidden;}
@media(max-width:700px){
  :is(#bw-panel, #bw-dialog) .panel-shell{grid-template-rows:60px minmax(0,1fr);}
  :is(#bw-panel, #bw-dialog) .panel-content .form-footer{margin-top:0;gap:8px;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));}
  :is(#bw-panel, #bw-dialog) .panel-content .form-footer .btn{min-height:48px;}
  :is(#bw-panel, #bw-dialog) .panel-content .save-state{font-size:11px;line-height:1.4;}
}
@media(max-height:500px) and (min-width:701px){
  :is(#bw-panel, #bw-dialog) .panel-shell{grid-template-rows:54px minmax(0,1fr);}
}


:is(#bw-panel, #bw-dialog) .price-help{min-width:0;}
:is(#bw-panel, #bw-dialog) .price-help summary{min-height:44px;align-content:center;}
:is(#bw-panel, #bw-dialog) .price-help #price-results{margin-top:12px;overflow-wrap:anywhere;}
:is(#bw-panel, #bw-dialog) .price-help p{margin:8px 0;font-size:14px;line-height:1.5;}
:is(#bw-panel, #bw-dialog) .price-help .price-title{font-weight:600;font-size:16px;}
:is(#bw-panel, #bw-dialog) .price-help .price-amount{font-size:26px;font-weight:650;letter-spacing:-.5px;}
:is(#bw-panel, #bw-dialog) .price-help .price-amount span{font-size:14px;font-weight:400;letter-spacing:0;}
:is(#bw-panel, #bw-dialog) .price-help .price-scope,:is(#bw-panel, #bw-dialog) .price-help .price-method{color:var(--muted);}
:is(#bw-panel, #bw-dialog) .price-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;}
:is(#bw-panel, #bw-dialog) .price-help .price-action{min-height:44px;font-size:14px;display:inline-flex;align-items:center;}


:is(#bw-panel, #bw-dialog) .photo-status-list{display:grid;gap:12px;margin:16px 0;}
:is(#bw-panel, #bw-dialog) .photo-status-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);}
:is(#bw-panel, #bw-dialog) .photo-status-row .photo-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;}
:is(#bw-panel, #bw-dialog) .photo-status-row .photo-thumb img{width:100%;height:100%;object-fit:cover;}
:is(#bw-panel, #bw-dialog) .photo-status-copy{min-width:0;}
:is(#bw-panel, #bw-dialog) .photo-number{display:block;font-size:13px;color:var(--muted);margin-bottom:4px;}
:is(#bw-panel, #bw-dialog) .photo-status-title{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4;}
:is(#bw-panel, #bw-dialog) .photo-status-title .icon{width:20px;height:20px;flex-shrink:0;}
:is(#bw-panel, #bw-dialog) .photo-status-detail{font-size:14px;line-height:1.55;margin-top:6px!important;color:var(--secondary);}
:is(#bw-panel, #bw-dialog) .photo-status-row.success .photo-status-title{color:var(--green);}
:is(#bw-panel, #bw-dialog) .photo-status-row.review{background:#FFF9EB;border-color:#E4C888;}
:is(#bw-panel, #bw-dialog) .photo-status-row.review .photo-status-title{color:#765008;}
:is(#bw-panel, #bw-dialog) .photo-status-row.error{background:var(--red-light);border-color:#E4B2AC;}
:is(#bw-panel, #bw-dialog) .photo-status-row.error .photo-status-title{color:var(--red);}
:is(#bw-panel, #bw-dialog) .photo-status-actions{display:flex;flex-wrap:wrap;gap:8px;}
:is(#bw-panel, #bw-dialog) .photo-status-actions .text-button{min-height:44px;font-size:14px;padding:8px 0;text-decoration:underline;text-underline-offset:3px;}
:is(#bw-panel, #bw-dialog) .photo-spinner{width:18px;height:18px;flex-shrink:0;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:photo-status-spin 900ms linear infinite;}
@keyframes photo-status-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){:is(#bw-panel, #bw-dialog) .photo-spinner{animation:none;}}
@media(max-width:360px){:is(#bw-panel, #bw-dialog) .photo-status-row{padding:12px;gap:10px;grid-template-columns:48px minmax(0,1fr);}:is(#bw-panel, #bw-dialog) .photo-status-row .photo-thumb{width:48px;height:48px;}}


:is(#bw-panel, #bw-dialog) .return-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid var(--line);margin-bottom:22px;}
:is(#bw-panel, #bw-dialog) .summary-heading{display:flex;align-items:center;gap:10px;color:var(--ink);}
:is(#bw-panel, #bw-dialog) .summary-heading strong{font-size:16px;font-weight:650;}
:is(#bw-panel, #bw-dialog) .summary-count{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;font-size:14px;font-weight:700;}
:is(#bw-panel, #bw-dialog) .summary-actions{display:flex;flex-wrap:wrap;gap:20px;}
:is(#bw-panel, #bw-dialog) .return-summary button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;font-size:14px;font-weight:550;text-align:left;color:#354354;}
:is(#bw-panel, #bw-dialog) .return-summary button .icon{width:16px;height:16px;}
:is(#bw-panel, #bw-dialog) .return-summary button:hover{text-decoration:underline;text-underline-offset:4px;}
:is(#bw-panel, #bw-dialog) .listing-selector .attention-dot{display:block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--red);margin-left:auto;}
:is(#bw-panel, #bw-dialog) .listing-quick .availability-box{border-top:0;padding:0 0 24px;margin:0 0 22px;border-bottom:1px solid var(--line);}
:is(#bw-panel, #bw-dialog) .availability-heading{display:flex;align-items:center;gap:9px;font-size:17px;color:var(--green);}
:is(#bw-panel, #bw-dialog) .listing-quick .check-request{position:relative;background:var(--gold-light);border:1px solid #c3a252;border-radius:10px;padding:23px 22px 14px;margin:10px 0 24px;overflow:visible;}
:is(#bw-panel, #bw-dialog) .attention-badge{display:flex;align-items:center;justify-content:center;position:absolute;top:-16px;right:-9px;width:35px;height:35px;border:3px solid var(--pane);border-radius:50%;background:var(--red);color:#fff;pointer-events:none;}
:is(#bw-panel, #bw-dialog) .attention-badge .icon{width:18px;height:18px;stroke-width:1.9;}
:is(#bw-panel, #bw-dialog) .check-label{display:block;font-size:14px;font-weight:650;color:#765213;margin-bottom:7px;}
:is(#bw-panel, #bw-dialog) .check-request .availability-heading{font-size:22px;line-height:1.3;color:var(--ink);letter-spacing:-.02em;}
:is(#bw-panel, #bw-dialog) .check-request p{font-size:15px;line-height:1.5;color:#584b32;margin:9px 0 19px;}
:is(#bw-panel, #bw-dialog) .check-request .availability-actions{display:flex;gap:10px;}
:is(#bw-panel, #bw-dialog) .check-request .availability-actions .btn{flex:1;min-height:48px;font-size:15px;padding-inline:10px;}
:is(#bw-panel, #bw-dialog) .check-setting{display:flex;align-items:center;flex-wrap:wrap;margin-top:12px;color:#665536;font-size:13px;gap:6px;}
:is(#bw-panel, #bw-dialog) .check-setting .text-button{color:#665536;font-size:13px;min-height:36px;}
:is(#bw-panel, #bw-dialog) .photo-notice{position:relative;border:1px solid #c9a79e;background:#fff4ef;border-radius:10px;margin-top:23px;padding:20px;}
:is(#bw-panel, #bw-dialog) .photo-notice strong{font-size:17px;color:var(--ink);}
:is(#bw-panel, #bw-dialog) .photo-notice p{color:#674b42;font-size:14px;margin-top:6px;}
:is(#bw-panel, #bw-dialog) .photo-notice .text-button{font-size:15px;color:#753125;margin-top:8px;min-height:44px;}
:is(#bw-panel, #bw-dialog) .enrollment{margin:0 0 24px;border-block:1px solid var(--line);padding:19px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;}
:is(#bw-panel, #bw-dialog) .enrollment>div{display:flex;gap:12px;align-items:center;}
:is(#bw-panel, #bw-dialog) .enrollment h2{font-size:17px;}
:is(#bw-panel, #bw-dialog) .enrollment p{font-size:14px;color:var(--muted);margin-top:4px;}
:is(#bw-panel, #bw-dialog) .enrollment>div>.icon{color:#56718d;width:22px;height:22px;flex:none;}
:is(#bw-panel, #bw-dialog) .enrollment .btn{font-size:14px;white-space:nowrap;}
:is(#bw-panel, #bw-dialog) .enrollment .field-error{color:var(--red);flex-basis:100%;}
:is(#bw-panel, #bw-dialog) .preference-form .settings-row{gap:22px;}
:is(#bw-panel, #bw-dialog) .preference-form h3{font-size:17px;}
:is(#bw-panel, #bw-dialog) .preference-form p{color:var(--muted);font-size:14px;margin-top:7px;}
:is(#bw-panel, #bw-dialog) .frequency-field{margin-top:20px;max-width:320px;}
:is(#bw-panel, #bw-dialog) .frequency-field .input{margin-top:7px;}
:is(#bw-panel, #bw-dialog) .settings-separator{height:1px;background:var(--line);margin:27px 0;}
:is(#bw-panel, #bw-dialog) .date-label{margin-top:21px;}
:is(#bw-panel, #bw-dialog) .season-input{display:flex;gap:10px;max-width:340px;margin-top:7px;align-items:center;}
:is(#bw-panel, #bw-dialog) .season-input .input{min-width:0;}
:is(#bw-panel, #bw-dialog) .preferences-save{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:22px;}
:is(#bw-panel, #bw-dialog) .preferences-save span{font-size:14px;color:var(--muted);}
:is(#bw-panel, #bw-dialog) .preference-form .field-error{color:var(--red);}
@media(max-width:760px){
 :is(#bw-panel, #bw-dialog) .listing-quick{background:none;border-radius:0;padding:0;}
 :is(#bw-panel, #bw-dialog) .return-summary{display:block;padding:0 0 12px;}
 :is(#bw-panel, #bw-dialog) .summary-actions{gap:20px;margin-top:5px;padding-left:35px;}
 :is(#bw-panel, #bw-dialog) .listing-quick .check-request{padding:23px 19px 14px;margin:8px 0 24px;}
 :is(#bw-panel, #bw-dialog) .check-request .availability-heading{font-size:22px;}
 :is(#bw-panel, #bw-dialog) .photo-notice{padding:20px 18px;}
 :is(#bw-panel, #bw-dialog) .enrollment{align-items:stretch;flex-direction:column;gap:14px;}
 :is(#bw-panel, #bw-dialog) .enrollment>div{align-items:flex-start;}
 :is(#bw-panel, #bw-dialog) .enrollment-actions{flex-wrap:wrap;padding-left:34px;}
 :is(#bw-panel, #bw-dialog) .preferences-save{align-items:flex-start;flex-direction:column;gap:10px;}
}
@media(max-width:350px){
 :is(#bw-panel, #bw-dialog) .summary-actions{gap:12px;padding-left:0;}
 :is(#bw-panel, #bw-dialog) .return-summary button{font-size:13px;}
 :is(#bw-panel, #bw-dialog) .listing-quick .check-request{padding:22px 16px 13px;}
 :is(#bw-panel, #bw-dialog) .check-request .availability-heading{font-size:21px;}
 :is(#bw-panel, #bw-dialog) .check-request .availability-actions .btn{font-size:14px;}
 :is(#bw-panel, #bw-dialog) .check-request p{font-size:14px;}
 :is(#bw-panel, #bw-dialog) .enrollment-actions{padding-left:0;}
}