/* Schimbio Studio Identity 1.2.0 */
:root{
  --brand:#B7376B;--brand-dark:#982B58;--brand2:#814BD7;--brand3:#22AAA5;
  --bg:#F7F4FA;--surface:#FFFEFF;--surface2:#F0ECF4;--text:#18161E;--muted:#746F7C;--line:#E2DCE7;
  --shadow:0 18px 58px rgba(58,35,69,.11);--shadow-sm:0 9px 28px rgba(58,35,69,.075);--radius:20px;--max:1320px;
  --hero:linear-gradient(125deg,#B72F69 0%,#9A3FB0 52%,#6F48D6 100%);
  --skin-a:#B7376B;--skin-b:#814BD7;--skin-c:#22AAA5;--skin-d:#F2A24A;
}
html[data-theme=dark]{--bg:#111016;--surface:#1B1821;--surface2:#27232E;--text:#FBF8FF;--muted:#B7AFBF;--line:#393241;--shadow:0 22px 65px rgba(0,0,0,.38);--shadow-sm:0 10px 32px rgba(0,0,0,.25)}
body[data-skin=rose]{--brand:#B7376B;--brand-dark:#982B58;--brand2:#814BD7;--brand3:#22AAA5;--hero:linear-gradient(125deg,#B72F69 0%,#9A3FB0 54%,#7149D8 100%);--skin-a:#B7376B;--skin-b:#814BD7;--skin-c:#22AAA5;--skin-d:#F3A34B}
body[data-skin=violet]{--brand:#6D4AFF;--brand-dark:#5436D8;--brand2:#9A4EEA;--brand3:#00A7A0;--hero:linear-gradient(125deg,#6D4AFF,#8D4DEB 63%,#00A7A0 150%);--skin-a:#6D4AFF;--skin-b:#9A4EEA;--skin-c:#00A7A0;--skin-d:#FF9F43}
body[data-skin=ocean]{--brand:#087E8B;--brand-dark:#075F69;--brand2:#125C78;--brand3:#2FC3B8;--hero:linear-gradient(125deg,#087E8B,#125C78 62%,#2FC3B8 150%);--skin-a:#087E8B;--skin-b:#125C78;--skin-c:#2FC3B8;--skin-d:#F6B73C}
body[data-skin=amber]{--brand:#B85717;--brand-dark:#8E3E12;--brand2:#D17B22;--brand3:#6B4CE6;--hero:linear-gradient(125deg,#9E4513,#D17B22 68%,#F0C55B 150%);--skin-a:#B85717;--skin-b:#D17B22;--skin-c:#6B4CE6;--skin-d:#F0C55B}
body[data-skin=mono]{--brand:#24242A;--brand-dark:#101014;--brand2:#666A74;--brand3:#A155FF;--hero:linear-gradient(125deg,#17171B,#34343B 66%,#666A74 150%);--skin-a:#24242A;--skin-b:#666A74;--skin-c:#A155FF;--skin-d:#E5E7EB}
body{font-family:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 15% 5%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 26%),var(--bg)}
.logo-grid-mark{width:42px;height:42px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;border-radius:14px;background:#17171D;box-shadow:0 10px 25px rgba(22,18,29,.19);transform:rotate(2deg);flex:none}
.logo-grid-mark i{display:block;border-radius:5px;background:#fff}.logo-grid-mark i:nth-child(2){background:var(--skin-a)}.logo-grid-mark i:nth-child(3){background:var(--skin-b)}.logo-grid-mark i:nth-child(4){background:var(--skin-c)}
.logo{font-weight:950;letter-spacing:-.8px}.logo>span:last-child{font-size:24px}.logo small{letter-spacing:.02em}
.btn{border-radius:13px}.btn-primary{background:var(--brand);box-shadow:0 11px 27px color-mix(in srgb,var(--brand) 25%,transparent)}
.card{border-color:color-mix(in srgb,var(--line) 84%,transparent);box-shadow:var(--shadow-sm)}
.input,.select,.textarea{border-radius:13px}
.section-kicker{display:block;color:var(--brand);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.13em;margin-bottom:4px}
/* desktop studio rail */
.side-nav{display:none}
@media(min-width:901px){
  .app-shell{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:100vh}
  .app-stage{min-width:0}
  .side-nav{display:flex;position:sticky;top:0;height:100vh;flex-direction:column;align-items:center;padding:15px 10px;background:#15131B;color:#F8F5FA;z-index:120;border-right:1px solid rgba(255,255,255,.06)}
  .side-brand{border:0;background:transparent;padding:0;margin:0 0 21px}.side-brand .logo-grid-mark{width:43px;height:43px;box-shadow:none}
  .side-links{display:grid;gap:7px;width:100%}
  .side-links button,.side-links a{height:50px;width:100%;border:0;border-radius:14px;background:transparent;color:#918A9A;display:grid;place-items:center;position:relative;padding:0}
  .side-links button svg,.side-links a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .side-links button span,.side-links a span{position:absolute;left:68px;padding:8px 10px;border-radius:9px;background:#15131B;color:#fff;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transform:translateX(-5px);transition:.15s;white-space:nowrap;box-shadow:var(--shadow)}
  .side-links button:hover span,.side-links a:hover span{opacity:1;transform:none}
  .side-links button:hover,.side-links a:hover,.side-links button.active{background:var(--brand);color:#fff}
  .side-foot{margin-top:auto;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:#77717F}
  .topbar .brand-button{display:none}.topbar{background:color-mix(in srgb,var(--bg) 91%,transparent)}
  .topbar .wrap,.main-content>.wrap{width:min(1380px,calc(100% - 42px))}
}
/* topbar */
.topbar{border-color:var(--line)}.global-search{max-width:720px}.global-search .input{background:var(--surface);height:48px;border-radius:13px}.search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.user-mini .avatar{background:linear-gradient(135deg,var(--skin-a),var(--skin-b))}.top-actions .icon-btn{border-radius:14px}
/* welcome */
#welcomeView{background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 31%),radial-gradient(circle at 88% 72%,color-mix(in srgb,var(--brand3) 13%,transparent),transparent 32%),var(--bg)}
.welcome-copy h1 span{color:var(--brand)}.welcome-copy .eyebrow{color:var(--brand)}.auth-card{border-radius:24px}.mini-mark{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}
/* home hero */
.studio-hero{background:var(--hero);border-radius:30px 30px 82px 30px;padding:36px;box-shadow:0 25px 72px color-mix(in srgb,var(--brand) 24%,transparent)}
.studio-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 5%,rgba(255,255,255,.11),transparent 28%),radial-gradient(circle at 72% 90%,rgba(255,255,255,.08),transparent 32%);pointer-events:none}
.studio-hero .hero-grid{display:block;max-width:950px}.studio-hero h1{max-width:900px;font-size:clamp(43px,5.5vw,72px);letter-spacing:-.058em;line-height:.96}.studio-hero p{max-width:790px;font-size:17px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:900}.hero-kicker svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
.hero-search-shell{max-width:760px;background:#fff;border-radius:15px;padding:6px;grid-template-columns:1fr auto}.hero-search-input{min-height:50px}.hero-search-button{background:#fff!important;color:#17151C!important;box-shadow:none!important;padding-inline:20px}.hero-search-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.hero-suggestions button{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.16)}
.install-card{border-radius:20px}
/* sections/cards */
.section-title h2{font-size:27px;letter-spacing:-.045em}.chip{border-radius:12px}.chip:hover{border-color:var(--brand)}
.match-card{box-shadow:none;border-radius:17px}.match-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)}.match-score{background:conic-gradient(var(--brand) calc(var(--score)*1%),var(--surface2) 0)}
.listings-grid{gap:15px}.listing-card{border-radius:19px;overflow:hidden}.listing-media{margin:8px 8px 0}.listing-img{border-radius:14px;aspect-ratio:4/3}.favorite-btn{border-radius:12px}.listing-type{border-radius:999px}.promoted-pill{position:absolute;left:11px;top:11px}.listing-body h3{letter-spacing:-.02em}.listing-seek{border-radius:11px}.seek-icon{font-size:17px;font-weight:900}.seller-row .verified{color:var(--brand)}
.circular-card{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand) 7%,var(--surface)))}
/* account hub */
.account-hub{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.hub-card{border:0;padding:15px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--text);background:var(--surface);text-decoration:none}.hub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.hub-card>svg{width:23px;height:23px;fill:none;stroke:var(--brand);stroke-width:1.8;flex:none}.hub-card span{display:grid;gap:2px}.hub-card small{color:var(--muted);font-size:10px}.owner-hub{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.settings-panel,.security-panel{padding:21px}.tiny-note{font-size:12px}.profile-subtitle{margin:5px 0}
.skin-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.skin-card{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:10px;text-align:left}.skin-card.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 13%,transparent)}.skin-card b,.skin-card small{display:block}.skin-card small{color:var(--muted);font-size:10px;margin-top:3px}.skin-preview{height:67px;border-radius:11px;margin-bottom:8px;position:relative;overflow:hidden;display:block}.skin-preview i{position:absolute;border-radius:999px;background:rgba(255,255,255,.55)}.skin-preview i:nth-child(1){left:8px;right:8px;top:9px;height:11px}.skin-preview i:nth-child(2){left:8px;right:32px;top:28px;height:9px}.skin-preview i:nth-child(3){left:8px;width:34px;bottom:9px;height:13px}.skin-rose{background:linear-gradient(125deg,#B7376B,#814BD7)}.skin-violet{background:linear-gradient(125deg,#6D4AFF,#9A4EEA)}.skin-ocean{background:linear-gradient(125deg,#087E8B,#2FC3B8)}.skin-amber{background:linear-gradient(125deg,#B85717,#F0C55B)}.skin-mono{background:linear-gradient(125deg,#17171B,#666A74)}
/* listing detail */
.modal-overlay{background:rgba(19,17,23,.64);backdrop-filter:blur(13px)}.listing-modal{width:min(760px,100%);border-radius:30px;background:#FFFCF6;color:#1A2521;overflow:auto}.listing-modal .modal-sticky-head{background:color-mix(in srgb,#FFFCF6 94%,transparent);border-color:#E6E0D5}.listing-modal .modal-title:empty{display:none}.listing-modal .modal-content{padding:0}.listing-detail-body{padding:0 30px 18px}.listing-detail-copy{padding:26px 0 0}.listing-detail-copy h1{font-size:clamp(34px,5vw,52px);line-height:1.03;letter-spacing:-.055em;margin:15px 0 17px}.listing-detail-copy .listing-price{font-size:29px}.listing-description{font-size:19px;color:#77756F;line-height:1.45}.listing-category{background:color-mix(in srgb,var(--brand) 12%,#FFFCF6);color:var(--brand)}.listing-modal .detail-main-img{border-radius:0 0 25px 25px;aspect-ratio:16/9}.listing-modal .detail-thumbs{padding-top:8px}.listing-modal .detail-box{background:#F0EADF;color:#1F302A;border-radius:20px;padding:20px}.listing-modal .detail-box h3{font-size:20px;margin:0 0 15px}.listing-modal .detail-box p{font-size:18px;margin:0}.seek-box h3{display:flex;gap:9px;align-items:center}.listing-modal .seller-panel{padding:13px 4px;cursor:pointer}.safety-details{margin-top:12px;padding:15px;border:1px solid #E5DDD1;border-radius:16px}.safety-details summary{font-weight:900;cursor:pointer}.safety-details p{color:#77756F}.report-button{background:#FFF0F0!important;border-color:#F1BFC3!important;color:#B6293F!important}.listing-action-bar{position:sticky;bottom:0;z-index:12;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 30px calc(15px + env(safe-area-inset-bottom));background:color-mix(in srgb,#FFFCF6 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid #E6E0D5}.listing-action-bar .btn{min-height:64px;font-size:19px;border-radius:18px}.deal-button{background:linear-gradient(135deg,#14856D,#2AA184)!important;color:#fff!important;box-shadow:0 13px 30px rgba(20,133,109,.22)!important}.deal-icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.message-action{background:transparent!important;border:1px solid #D8D0C5!important;color:#1A2521!important}.message-action svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.contact-button{margin-top:12px}
/* offer picker */
.offer-item-choice{border-radius:15px}.offer-item-choice img{border-radius:11px}.offer-item-choice:has(input:checked){background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
/* notifications + messages */
.notification-panel{border-radius:18px}.notification-item{border-radius:13px}.conversation-item{border-radius:13px;margin:4px 7px}.chat-listing{border-radius:15px}.chat-compose{background:var(--surface)}
/* owner styling */
.owner-sidebar{background:#15131B!important}.owner-brand .logo-grid-mark{width:39px;height:39px}.owner-nav button:hover,.owner-nav a:hover,.owner-nav button.active{background:var(--brand)!important}.owner-topbar{background:color-mix(in srgb,var(--bg) 91%,transparent)!important}.owner-panel,.owner-stat,.plan-editor{border-radius:18px}.owner-modal-card{border-radius:22px}
@media(max-width:1050px){.account-hub{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .app-shell{display:block}.side-nav{display:none}.logo-grid-mark{width:39px;height:39px}.topbar .logo>span:last-child{font-size:23px}
  .studio-hero{padding:26px;border-radius:27px}.studio-hero h1{font-size:clamp(40px,9vw,57px)}.studio-hero p{font-size:16px}.hero-suggestions{display:none}
  .hero-search-shell{display:grid;grid-template-columns:1fr auto;max-width:none;padding:5px;border-radius:14px}.hero-search-input{min-height:46px}.hero-search-input input{font-size:15px}.hero-search-button{min-width:108px;height:46px;padding:0 14px}.hero-search-button svg{width:18px;height:18px}
  .account-hub{grid-template-columns:1fr 1fr}.skin-picker{grid-template-columns:1fr 1fr}
  .listing-modal{width:100%;max-height:100dvh;border-radius:28px 28px 0 0}.listing-detail-body{padding:0 22px 14px}.listing-modal .detail-main-img{margin:0 -22px;width:calc(100% + 44px);max-width:none;border-radius:0 0 24px 24px;aspect-ratio:16/10}.listing-detail-copy h1{font-size:41px}.listing-description{font-size:18px}.listing-action-bar{padding:13px 22px calc(13px + env(safe-area-inset-bottom))}.listing-action-bar .btn{min-height:60px;font-size:18px}
}
@media(max-width:800px){
  .bottom-nav .publish-nav{background:transparent;color:var(--brand);border:0}.bottom-nav .publish-nav svg{background:var(--brand);box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 28%,transparent)}
  .bottom-nav button.active:before{background:linear-gradient(90deg,var(--brand),var(--brand3))}.bottom-nav button.active{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
}
@media(max-width:560px){
  .studio-hero{padding:22px}.studio-hero h1{font-size:42px}.hero-kicker{font-size:11px;padding:8px 11px}.hero-search-shell{grid-template-columns:1fr auto}.hero-search-button span{display:none}.hero-search-button{min-width:48px;width:48px;padding:0}.hero-search-input input{padding-left:39px}.install-card{margin-top:14px}
  .section-title h2{font-size:24px}.listings-grid{gap:10px}.listing-media{margin:6px 6px 0}.listing-body{padding:10px}.listing-seek{padding:8px}
  .account-hub{grid-template-columns:1fr}.hub-card{padding:13px}.skin-picker{grid-template-columns:1fr}
  .listing-detail-body{padding:0 16px 10px}.listing-modal .detail-main-img{margin:0 -16px;width:calc(100% + 32px)}.listing-detail-copy h1{font-size:37px}.listing-description{font-size:17px}.listing-modal .detail-box{padding:17px}.listing-modal .detail-box h3{font-size:18px}.listing-modal .detail-box p{font-size:17px}.listing-action-bar{gap:9px;padding:11px 16px calc(11px + env(safe-area-inset-bottom))}.listing-action-bar .btn{min-height:58px;font-size:16px}.deal-icon,.message-action svg{width:24px;height:24px}
}

/* Studio 1.2.0 */
.filter-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px 0}.filter-actions{align-self:end}
.detail-flags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.profile-extra-fields{display:contents}
.account-delete-warning{padding:18px;margin-bottom:15px;border-color:#ef9aaa;background:color-mix(in srgb,#ef476f 8%,var(--surface))}
.sortable-image{position:relative}.image-order-tools{position:absolute;left:5px;bottom:5px;display:flex;gap:3px}.image-order-tools button{width:27px;height:27px;border:0;border-radius:8px;background:rgba(20,18,22,.78);color:#fff}.cover-badge{position:absolute;left:5px;top:5px;background:var(--brand);color:#fff;border-radius:7px;padding:3px 6px;font-size:10px}
.attachment-card.image-attachment{display:grid;gap:8px}.attachment-card.image-attachment img{width:min(240px,100%);max-height:220px;object-fit:cover;border-radius:12px}.attachment-card small{display:block;opacity:.72;margin-top:3px}
.safety-home .safety-card,.home-cta{padding:clamp(20px,4vw,38px);display:flex;align-items:center;justify-content:space-between;gap:24px}.safety-home .safety-card{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface))}.home-cta{background:var(--hero-gradient);color:#fff;border:0}.home-cta .section-kicker{color:#fff}.home-cta h2{margin:.35rem 0 0}.home-cta .btn{background:#fff;color:#251821}
@media(max-width:720px){.filter-checks{display:grid;grid-template-columns:1fr 1fr}.safety-home .safety-card,.home-cta{align-items:flex-start;flex-direction:column}.safety-home .btn,.home-cta .btn{width:100%}}