/* The supplied logo is traced as vector paths, without its white page or 02 label. */
.sidebar .brand{padding:0 8px;justify-content:flex-start;min-height:36px;flex-shrink:0}
.brand .studio-logo-full{display:block;width:auto;height:36px;max-width:142px;object-fit:contain}
.brand .studio-logo-mark{display:none}
body.editing .sidebar .brand{min-height:38px;padding:0}
body.editing .brand .studio-logo-full{display:none}
body.editing .brand .studio-logo-mark{display:block;width:42px;height:36px;object-fit:contain}
.sidebar-tools{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.sidebar-tools .demo-link{margin:0;min-height:34px;min-width:34px;display:flex;align-items:center;justify-content:center}
.ui-language-button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 9px;border:1px solid #e1e7f2;border-radius:8px;background:#f7f9fd;color:#7281a1;font-size:10px;font-weight:700;transition:background .18s,border-color .18s}
.ui-language-button:hover{background:#edf2ff;border-color:#b6c5ec}
.ui-language-button svg{width:16px;height:16px}
.ui-language-options{display:grid;gap:9px;margin-top:22px}
.ui-language-option{display:flex;gap:12px;align-items:center;text-align:left;padding:15px 17px;border:1px solid #e0e6f1;border-radius:10px;background:white;font-size:14px}
.ui-language-option small{margin-left:auto;color:#99a4b8;font-size:10px}
.ui-language-option.selected{border-color:#6578ec;background:#f4f6ff;color:#4c60d4}
.ui-language-option svg{width:17px;height:17px}
/* One frame covers idea, design, outline and live assembly. */
#modal-layer.studio-generation-flow{overflow:hidden;overflow-anchor:none}
#modal-layer.studio-generation-flow .modal-shell{width:820px;height:min(760px,calc(100dvh - 48px));max-height:calc(100dvh - 48px)}
#modal-layer.studio-generation-flow .modal-shell>.modal{height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}
.studio-generation-flow .modal-top{height:64px;flex:0 0 64px}
.studio-generation-flow .modal-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-generation-flow .modal-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.studio-generation-flow .modal-body>.modal-content,.studio-generation-flow .modal-body>.live-generation,.studio-generation-flow .modal-body>.generation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none}
.studio-generation-flow .wizard-bottom{height:76px;flex:0 0 76px;flex-wrap:nowrap}
.studio-generation-flow .build-bottom>.btn,.studio-generation-flow .build-controls{min-width:0}
.studio-generation-flow .build-bottom [hidden]{display:none!important}
.build-thumb:disabled:not(.forthcoming){opacity:1;cursor:default}
.toast.toast-error{background:#c63550;color:#fff;border:1px solid #ae2942;box-shadow:0 8px 30px #a5244033;font-size:12px;font-weight:600;line-height:1.55;padding:14px 20px;z-index:11000}
.toast.toast-error::before{content:"!";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:9px;border:1px solid #ffffffb3;border-radius:50%;font-size:12px;line-height:1;vertical-align:middle}
.slide-count-hint{display:block;margin-top:6px;color:#8996ad;font-size:10px;line-height:1.4}
#w-count{width:100%;min-width:0;box-sizing:border-box}
#w-count[aria-invalid="true"]{border-color:#e26478!important;background:#fff7f8;box-shadow:0 0 0 3px #e2647818;outline-color:#e26478}
.slide-count-error{display:block;margin-top:6px;color:#cd425c;font-size:11px;line-height:1.45}
.slide-count-error[hidden]{display:none}
@media(max-width:700px){
  #modal-layer.studio-generation-flow .modal-shell{height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .studio-generation-flow .wizard-bottom{height:84px;flex-basis:84px}
  .ui-language-button{height:40px;min-width:60px;font-size:12px}.slide-count-hint{font-size:11px}
}