:root{--demo-banner:42px}.ll-demo{height:100dvh;overflow:hidden;background:var(--bg);color:var(--ink)}
.demo-banner{position:relative;z-index:2000;display:flex;height:var(--demo-banner);align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--bg);padding:5px 12px}.demo-banner>div,.demo-banner nav{display:flex;align-items:center;gap:9px}.demo-banner strong{font-size:11px}.demo-banner span{color:var(--muted);font-size:9px}.demo-banner a,.demo-banner button{display:inline-flex;min-height:30px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);padding:5px 10px;font:850 9px inherit;cursor:pointer}.demo-banner .demo-buy{border-color:var(--accent);background:var(--grad);color:#fff}
#demoWorkspace{height:calc(100dvh - var(--demo-banner));overflow:hidden}#demoWorkspace>.cw-page.cw-shell{height:calc(100dvh - var(--demo-banner));min-height:0}
.cw-page[data-demo-mode=true] .cw-stage{height:100%!important;min-height:0!important}
.cw-page[data-demo-mode=true] .cw-space-menu{display:none}.cw-page[data-demo-mode=true][data-demo-showcase=true] .cw-widget{pointer-events:none}.cw-page[data-demo-mode=true][data-demo-showcase=true] .cw-resize-handle{display:none!important}.cw-page[data-demo-mode=true][data-demo-showcase=true] .cw-widget-head{opacity:.62}.cw-page[data-demo-mode=true] .cw-workspace-brand small{color:var(--accent)}
.demo-fullscreen-badge{display:none;position:fixed;z-index:151;top:10px;left:10px;border-radius:999px;background:rgba(5,9,17,.62);color:#fff;padding:6px 9px;font-size:9px;font-weight:900;pointer-events:none}.cw-page.is-desk-fullscreen .demo-fullscreen-badge{display:block}
.cw-demo-category{--category:#52d6c6!important;border:1px solid color-mix(in srgb,var(--category) 38%,var(--line));border-radius:12px;padding:5px 7px 8px!important;background:color-mix(in srgb,var(--category) 6%,transparent)}.cw-demo-category>summary span small{display:block;margin-top:2px;color:var(--muted);font-size:7px;letter-spacing:0;text-transform:none}.cw-demo-library-item{grid-template-columns:minmax(0,1fr) auto!important}.cw-demo-library-item .cw-library-copy{grid-column:1}.cw-demo-library-item>button{grid-column:2}.cw-demo-premium{position:relative;opacity:.7}.cw-demo-premium .cw-premium-badge{position:absolute;top:7px;right:7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:3px 6px;font-size:7px;font-weight:950;text-transform:uppercase}.cw-demo-premium>button{border:1px solid var(--line)!important;background:var(--card2)!important;color:var(--muted)!important}.demo-restricted-setting{position:relative;opacity:.48}.demo-restricted-setting::after{content:'Premium';position:absolute;top:4px;right:4px;border-radius:99px;background:var(--accent-soft);color:var(--accent);padding:3px 6px;font-size:7px;font-weight:900}
.demo-tour-highlight{position:relative!important;z-index:3001!important;outline:4px solid color-mix(in srgb,var(--accent) 80%,#fff)!important;outline-offset:4px!important;box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 20%,transparent),0 0 30px color-mix(in srgb,var(--accent) 50%,transparent)!important;pointer-events:auto!important}.demo-coach{position:fixed;z-index:3000;width:min(330px,calc(100vw - 16px));border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--card) 97%,transparent);color:var(--ink);padding:15px;box-shadow:0 22px 70px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.demo-coach .demo-step{color:var(--accent);font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.demo-coach h2{margin:5px 0 7px;font-size:17px}.demo-coach p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.demo-coach small,.demo-coach strong{display:block;margin-top:8px;font-size:9px;line-height:1.45}.demo-coach output{display:block;margin-top:10px;border-radius:8px;background:var(--accent-soft);color:var(--accent);padding:7px 9px;font-size:9px;font-weight:900}.demo-coach [data-coach-exit]{margin-top:10px;border:0;background:transparent;color:var(--muted);padding:2px;font:750 8px inherit;text-decoration:underline;cursor:pointer}.demo-coach>i{position:absolute;width:12px;height:12px;background:inherit;border-color:inherit;transform:rotate(45deg)}.demo-coach[data-placement=top]>i{left:var(--demo-arrow-x,50%);bottom:-7px;border-right:1px solid;border-bottom:1px solid}.demo-coach[data-placement=bottom]>i{left:var(--demo-arrow-x,50%);top:-7px;border-left:1px solid;border-top:1px solid}.demo-coach[data-placement=left]>i{right:-7px;top:var(--demo-arrow-y,50%);border-right:1px solid;border-top:1px solid}.demo-coach[data-placement=right]>i{left:-7px;top:var(--demo-arrow-y,50%);border-left:1px solid;border-bottom:1px solid}
.demo-modal{z-index:4000;width:min(520px,calc(100% - 24px));color:var(--ink)}.demo-modal::backdrop{background:rgba(2,6,14,.72);backdrop-filter:blur(5px)}.demo-modal h2{margin:5px 0 9px;font-size:22px}.demo-modal p{color:var(--muted);font-size:12px;line-height:1.6}.demo-modal .demo-modal-support{margin-top:8px;font-size:10px}.demo-text-link{display:block;margin:11px auto 0;border:0;background:transparent;color:var(--muted);font:750 9px inherit;text-decoration:underline;cursor:pointer}
.demo-toast{position:fixed;z-index:5000;left:50%;bottom:20px;transform:translate(-50%,15px);border-radius:9px;background:var(--ink);color:var(--bg);padding:8px 12px;font-size:10px;opacity:0;pointer-events:none;transition:.18s}.demo-toast.show{transform:translate(-50%,0);opacity:1}
.demo-coach[data-placement=corner]>i{display:none}.demo-completion-notice{position:fixed;z-index:2900;width:min(360px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card) 97%,transparent);color:var(--ink);padding:14px;box-shadow:0 18px 52px rgba(0,0,0,.42);backdrop-filter:blur(16px)}.demo-completion-notice strong{display:block;font-size:17px}.demo-completion-notice p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.demo-completion-notice>div{display:flex;gap:7px;margin-top:12px}.demo-completion-notice button{min-height:34px;padding:6px 10px;font-size:9px}
body[data-demo-video-fallback=true] .cw-canvas-video{display:none!important}
@media(max-width:900px){:root{--demo-banner:36px}.demo-banner{padding:3px 7px}.demo-banner span{display:none}.demo-banner a,.demo-banner button{min-height:28px;padding:4px 7px;font-size:7px}.demo-coach{width:min(285px,calc(100vw - 12px));padding:10px}.demo-coach h2{font-size:14px}.demo-coach p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.demo-coach,.demo-tour-highlight{transition:none!important;animation:none!important}}