/* Lavender Lotus Studio 8.7.4 — collapsible navigation and portfolio-first luxury polish */
.sidebar-collapse-button{display:none}
@media (min-width:901px){
  body{--lls-sidebar-expanded:246px;--lls-sidebar-collapsed:82px}
  .app-shell{grid-template-columns:var(--lls-sidebar-expanded) minmax(0,1fr);transition:grid-template-columns .24s cubic-bezier(.2,.8,.2,1)}
  body.sidebar-collapsed .app-shell{grid-template-columns:var(--lls-sidebar-collapsed) minmax(0,1fr)}
  .sidebar{width:auto!important;min-width:0;transition:padding .24s ease}
  .brand-block{position:relative;min-height:58px;display:flex;align-items:center;gap:9px}
  .sidebar-collapse-button{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border:1px solid rgba(89,58,74,.16);border-radius:11px;background:rgba(255,255,255,.72);color:#5d3e50;cursor:pointer;transition:.2s ease}
  .sidebar-collapse-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(48,33,41,.1)}
  .sidebar-collapse-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
  body:not(.sidebar-collapsed) .sidebar-collapse-button svg{transform:rotate(180deg)}
  body.sidebar-collapsed .sidebar{padding-left:10px!important;padding-right:10px!important}
  body.sidebar-collapsed .brand-block{justify-content:center;flex-direction:column;gap:7px}
  body.sidebar-collapsed .sidebar-logo{width:48px!important;max-width:48px!important;height:34px!important;object-fit:contain;object-position:center}
  body.sidebar-collapsed .v8-brand-subtitle,body.sidebar-collapsed .v8-nav-group,body.sidebar-collapsed .nav-item>span:not(.nav-badge),body.sidebar-collapsed .studio-status>div{display:none!important}
  body.sidebar-collapsed .primary-nav{gap:5px}
  body.sidebar-collapsed .nav-item{position:relative;justify-content:center!important;width:58px!important;min-width:58px!important;height:50px!important;padding:0!important;margin:0 auto;border-radius:15px}
  body.sidebar-collapsed .nav-item svg{width:21px!important;height:21px!important;margin:0!important}
  body.sidebar-collapsed .nav-badge{display:grid!important;position:absolute;right:4px;top:3px;min-width:17px;height:17px;padding:0 4px;font-size:.52rem;place-items:center}
  body.sidebar-collapsed .nav-badge[hidden]{display:none!important}
  body.sidebar-collapsed .sidebar-bottom{padding-top:8px}
  body.sidebar-collapsed .studio-status{width:48px;height:48px;padding:0!important;margin:0 auto;display:grid!important;place-items:center}
  body.sidebar-collapsed .status-dot{margin:0!important}
  body.sidebar-collapsed .content{max-width:none}
}

/* Mobile menu is a true full-screen navigation surface and never leaves editor controls floating above it. */
@media (max-width:900px){
  body.sidebar-open{overflow:hidden!important;touch-action:none}
  body.sidebar-open #sidebar{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:calc(18px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))!important;background:rgba(250,247,242,.985)!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:2147483646!important;box-shadow:none!important;transform:none!important}
  body.sidebar-open #mobileBackdrop{display:block!important;position:fixed!important;inset:0!important;z-index:2147483645!important;background:#f7f2ec!important;opacity:1!important}
  body.sidebar-open .main-shell{display:none!important}
  body.sidebar-open :is(.vdp-scene-toolbar,.vdp-mobile-editor-dock,.vdp-mobile-editor-scrim,.vdp-mobile-sheet,.v8-mobile-dock,.studio-update-banner,.lls808-add-sheet,.lls808-upload-progress,.vdp-choice-overlay){display:none!important}
  body.sidebar-open #sidebar .brand-block{position:sticky!important;top:calc(-18px - env(safe-area-inset-top));z-index:8;background:linear-gradient(#faf7f2 82%,rgba(250,247,242,0));padding:18px 0 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}
  body.sidebar-open #sidebar .sidebar-logo{width:132px!important;max-width:132px!important}
  body.sidebar-open #sidebar .v8-brand-subtitle{font-size:.68rem;line-height:1.35;letter-spacing:.16em}
  body.sidebar-open #closeSidebar{display:grid!important;position:static!important;width:52px!important;height:52px!important;border-radius:17px!important;background:#fff!important;border:1px solid rgba(89,58,74,.16)!important;box-shadow:0 10px 28px rgba(49,34,42,.11)!important}
  body.sidebar-open .primary-nav{padding-bottom:24px}
  body.sidebar-open .nav-item{min-height:56px;border-radius:16px}
}

/* Original portfolio work receives a distinct, editorial hierarchy. */
.v8-signature-library{margin:0 0 26px;padding:24px;border:1px solid rgba(93,62,80,.13);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,229,229,.72));box-shadow:0 18px 54px rgba(55,38,47,.08)}
.v8-signature-library>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.v8-signature-library h3{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.65rem);line-height:1;margin:6px 0 8px;color:#2e2429}
.v8-signature-library p{max-width:700px;margin:0;color:#746a6e}
.v8-signature-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,27%);gap:13px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.v8-signature-row article{scroll-snap-align:start}
.v8-signature-row button{position:relative;width:100%;height:270px;border:0;border-radius:21px;overflow:hidden;padding:0;background:#2f272b;color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(47,35,42,.12)}
.v8-signature-row img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.v8-signature-row button:hover img{transform:scale(1.035)}
.v8-signature-row span{position:absolute;left:10px;right:10px;bottom:10px;padding:11px 12px;border-radius:13px;background:rgba(36,29,33,.78);backdrop-filter:blur(14px);font-size:.72rem;font-weight:800;text-align:left}
.v8-floral-card>button:first-child{position:relative}
.v8-source-badge{position:absolute;top:11px;left:11px;max-width:calc(100% - 22px);padding:7px 9px;border-radius:999px;background:rgba(42,33,38,.78);color:#fff;font-style:normal;font-size:.56rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.v8-source-badge.signature{background:rgba(91,57,76,.9)}
.v8-source-badge.upload{background:rgba(61,88,70,.88)}
.v8-floral-card.signature{border-color:rgba(111,73,92,.28);box-shadow:0 18px 46px rgba(80,51,67,.11)}

/* Portfolio bulk import button and high-end copy remain well composed on narrow screens. */
@media(max-width:820px){
  .v8-signature-library{padding:19px 14px;border-radius:23px}
  .v8-signature-library>header{display:block}.v8-signature-library .v8-text-button{margin-top:12px}
  .v8-signature-row{grid-auto-columns:minmax(210px,76%)}
  .v8-signature-row button{height:255px}
  .portfolio-library-hero .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .portfolio-library-hero .hero-actions .button{width:100%;min-width:0;white-space:normal;min-height:48px}
}
@media(max-width:420px){.portfolio-library-hero .hero-actions{grid-template-columns:1fr!important}}


/* 8.7.4 final mobile polish: keep every primary edit action fully visible. */
@media(max-width:820px), (pointer:coarse){
  body.vdp-mobile-editor-active .vdp-mobile-primary{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    overflow-x:hidden!important;
    width:100%!important;
  }
  body.vdp-mobile-editor-active .vdp-mobile-primary button{
    min-width:0!important;
    padding-inline:2px!important;
  }
  body.vdp-mobile-editor-active .vdp-mobile-primary button span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:clamp(.45rem,2vw,.53rem);
  }
}