/* Storyverse v36.41 — theme page redesign */
.theme-v41-page{gap:18px}
.theme-v41-intro{
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  padding:24px 26px;border:1px solid color-mix(in srgb,var(--u-text) 10%,transparent);
  border-radius:28px;background:color-mix(in srgb,var(--u-card) 86%,transparent);
  box-shadow:0 12px 35px rgba(35,28,55,.06)
}
.theme-v41-intro h1{margin:5px 0 7px;font-size:30px;letter-spacing:-.035em}
.theme-v41-intro p{margin:0;max-width:620px;color:var(--muted);font-size:13px;line-height:1.55}
.theme-v41-current{min-width:110px;padding:12px 15px;border-radius:17px;background:color-mix(in srgb,var(--u-accent) 11%,var(--u-card));border:1px solid color-mix(in srgb,var(--u-accent) 20%,transparent)}
.theme-v41-current span,.theme-v41-current strong{display:block}.theme-v41-current span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.theme-v41-current strong{margin-top:3px;font-size:13px}
.theme-v41-section{padding:22px 24px;border-radius:26px;background:color-mix(in srgb,var(--u-card) 82%,transparent);border:1px solid color-mix(in srgb,var(--u-text) 9%,transparent)}
.theme-v41-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:16px}
.theme-v41-section-head h2{margin:3px 0 0;font-size:19px;letter-spacing:-.02em}.theme-v41-section-note{font-size:10px;color:var(--muted)}
.theme-v41-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.theme-v41-mode-card{position:relative;text-align:left;display:grid;grid-template-columns:92px 1fr 22px;align-items:center;gap:13px;padding:12px;border-radius:20px;border:1.5px solid color-mix(in srgb,var(--u-text) 10%,transparent);background:color-mix(in srgb,var(--u-card) 75%,transparent);color:var(--u-text);cursor:pointer;transition:.18s}
.theme-v41-mode-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--u-accent) 45%,transparent)}
.theme-v41-mode-card.active{border-color:var(--u-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--u-accent) 12%,transparent)}
.theme-v41-mode-card strong,.theme-v41-mode-card small{display:block}.theme-v41-mode-card small{margin-top:3px;font-size:10px;color:var(--muted)}.theme-v41-mode-card em{font-style:normal;opacity:0;color:var(--u-accent);font-weight:900}.theme-v41-mode-card.active em{opacity:1}
.theme-v41-mode-art{height:66px;border-radius:14px;padding:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:20px 1fr;gap:5px;overflow:hidden}
.theme-v41-mode-art b{grid-column:1/-1;font-size:15px}.theme-v41-mode-art i{display:block;border-radius:5px}.light-art{background:#f5f1fb;border:1px solid #ded8e8;color:#645b75}.light-art i:nth-child(2){background:#fff}.light-art i:nth-child(3){background:#ddd4eb}.light-art i:nth-child(4){background:#c7b8ee}.dark-art{background:#111018;border:1px solid #3b3448;color:#f5f1fb}.dark-art i:nth-child(2){background:#201c29}.dark-art i:nth-child(3){background:#272231}.dark-art i:nth-child(4){background:#7e6bc7}
.theme-v41-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.theme-v41-preset{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:17px;border:1px solid color-mix(in srgb,var(--u-text) 9%,transparent);background:color-mix(in srgb,var(--u-card) 65%,transparent);color:var(--u-text);cursor:pointer}.theme-v41-preset:hover,.theme-v41-preset.selected{border-color:var(--u-accent);background:color-mix(in srgb,var(--u-accent) 7%,var(--u-card))}
.theme-v41-swatch{width:43px;height:43px;border-radius:12px;position:relative;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.theme-v41-swatch i{position:absolute;width:11px;height:11px;border-radius:50%;right:6px;bottom:6px;border:2px solid rgba(255,255,255,.8)}.theme-v41-preset strong,.theme-v41-preset small{display:block}.theme-v41-preset strong{font-size:11px}.theme-v41-preset small{font-size:9px;color:var(--muted);margin-top:2px}
.theme-v41-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.theme-v41-colors label{display:grid;gap:7px;font-size:10px;font-weight:800;color:var(--muted)}.theme-v41-colors input{width:100%;height:54px;padding:3px;border-radius:14px;border:1px solid color-mix(in srgb,var(--u-text) 10%,transparent);background:var(--u-card);cursor:pointer}
.theme-v41-live-preview{--preview-bg1:#eeeaff;--preview-bg2:#ffeef7;--preview-text:#514968;--preview-card:#fffaff;--preview-accent:#9d8ae8;min-height:190px;padding:12px;border-radius:22px;background:linear-gradient(135deg,var(--preview-bg1),var(--preview-bg2));color:var(--preview-text);overflow:hidden}.theme-v41-live-preview.is-dark{background:linear-gradient(135deg,var(--preview-bg1),var(--preview-bg2));color:var(--preview-text)}
.theme-v41-preview-top{height:31px;display:flex;align-items:center;gap:5px}.theme-v41-preview-top b{margin-left:8px;font-size:10px}.theme-v41-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.2}
.theme-v41-preview-body{display:grid;grid-template-columns:1.5fr .7fr;gap:10px;align-items:stretch}.theme-v41-preview-card,.theme-v41-preview-mini{border-radius:16px;background:color-mix(in srgb,var(--preview-card) 90%,transparent);padding:16px;box-shadow:0 7px 22px rgba(30,20,45,.08)}.theme-v41-preview-card small{font-size:8px;opacity:.65}.theme-v41-preview-card strong{display:block;margin-top:7px;font-size:16px;letter-spacing:-.02em}.theme-v41-preview-card p{font-size:9px;line-height:1.45;opacity:.7;max-width:420px}.theme-v41-preview-mini{display:grid;grid-template-rows:repeat(3,1fr);gap:7px;padding:10px}.theme-v41-preview-mini span{border-radius:10px;background:var(--preview-accent);opacity:.7}
.theme-v41-savebar{position:sticky;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-radius:20px;background:color-mix(in srgb,var(--u-card) 92%,transparent);border:1px solid color-mix(in srgb,var(--u-text) 10%,transparent);box-shadow:0 12px 35px rgba(25,20,35,.12);backdrop-filter:blur(16px)}.theme-v41-savebar strong,.theme-v41-savebar span{display:block}.theme-v41-savebar strong{font-size:12px}.theme-v41-savebar span{font-size:9px;color:var(--muted);margin-top:2px}.theme-v41-savebar .btn{min-width:130px}
.theme-dark .theme-v41-intro,.theme-dark .theme-v41-section,.theme-dark .theme-v41-savebar{background:color-mix(in srgb,#201c29 92%,transparent);border-color:rgba(255,255,255,.11);box-shadow:0 12px 35px rgba(0,0,0,.18)}
.theme-dark .theme-v41-mode-card,.theme-dark .theme-v41-preset{background:#201c29;border-color:rgba(255,255,255,.10);color:#f5f1fb}.theme-dark .theme-v41-mode-card.active,.theme-dark .theme-v41-preset.selected{border-color:var(--u-accent)}
@media(max-width:760px){
  .theme-v41-intro{align-items:flex-start;flex-direction:column;padding:20px}.theme-v41-intro h1{font-size:25px}.theme-v41-current{width:100%;box-sizing:border-box}
  .theme-v41-section{padding:18px 16px}.theme-v41-section-head{align-items:flex-start;flex-direction:column;gap:4px}
  .theme-v41-mode-grid{grid-template-columns:1fr}.theme-v41-presets{grid-template-columns:1fr 1fr}.theme-v41-colors{grid-template-columns:repeat(2,1fr)}.theme-v41-colors label:last-child{grid-column:1/-1}
  .theme-v41-preview-body{grid-template-columns:1fr}.theme-v41-preview-mini{display:none}.theme-v41-savebar{bottom:7px}.theme-v41-savebar span{max-width:190px}.theme-v41-savebar .btn{min-width:112px}
}
@media(max-width:430px){.theme-v41-presets{grid-template-columns:1fr}.theme-v41-mode-card{grid-template-columns:76px 1fr 20px}.theme-v41-mode-art{height:58px}}


/* Storyverse v36.43 — responsive theme workspace */
@media (min-width:980px){
  .theme-v41-page{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(320px,390px);
    align-items:start;
    column-gap:18px;
  }
  .theme-v41-page>.app-page-head,
  .theme-v41-intro,
  .theme-v41-savebar{grid-column:1/-1}
  .theme-v41-section--mode,
  .theme-v41-section--presets,
  .theme-v41-section--colors{grid-column:1}
  .theme-v41-section--preview{
    grid-column:2;
    grid-row:3 / span 3;
    position:sticky;
    top:18px;
  }
  .theme-v41-section--preview .theme-v41-live-preview{min-height:310px}
  .theme-v41-section--preview .theme-v41-preview-body{
    grid-template-columns:1fr;
    min-height:245px;
  }
  .theme-v41-section--preview .theme-v41-preview-card{align-self:start}
  .theme-v41-section--preview .theme-v41-preview-mini{min-height:92px}
}
@media (max-width:760px){
  .theme-v41-page{gap:12px!important}
  .theme-v41-intro{
    padding:18px;
    border-radius:22px;
    align-items:flex-start;
    flex-direction:column;
  }
  .theme-v41-intro h1{font-size:24px}
  .theme-v41-current{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between}
  .theme-v41-section{padding:17px;border-radius:22px}
  .theme-v41-section-head{align-items:flex-start;flex-direction:column;gap:4px}
  .theme-v41-mode-grid{grid-template-columns:1fr}
  .theme-v41-mode-card{grid-template-columns:76px minmax(0,1fr) 20px;padding:10px}
  .theme-v41-mode-art{height:58px}
  .theme-v41-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .theme-v41-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .theme-v41-colors label:last-child{grid-column:1/-1}
  .theme-v41-savebar{
    position:sticky;
    bottom:max(8px,env(safe-area-inset-bottom));
    z-index:18;
    gap:10px;
    padding:12px;
    border-radius:18px;
    backdrop-filter:blur(22px);
  }
  .theme-v41-savebar>div span{font-size:9px}
  .theme-v41-savebar .btn{min-height:44px;white-space:nowrap}
}
@media (max-width:430px){
  .theme-v41-presets{grid-template-columns:1fr}
  .theme-v41-colors{grid-template-columns:1fr 1fr}
  .theme-v41-mode-card strong{font-size:12px}
}