.demo-host{color:#26242b;min-width:0;position:relative}.demo-host .lumitas-viewer{line-height:normal}.demo-host-standalone{height:calc(100dvh - 48px)}.demo-host-embed{height:100dvh}.demo-viewer-panel,.demo-viewer-size{min-width:0;height:100%;min-height:0;position:relative}.demo-viewer-size{overflow:hidden}.demo-host-in-app{grid-template-rows:80px minmax(0,1fr);grid-template-columns:235px minmax(0,1fr);height:calc(100dvh - 48px);display:grid}.demo-workspace-header{border-bottom:1px solid #ddd9d3;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;display:flex}.site-main .demo-workspace-header h1{letter-spacing:-.6px;font-size:22px;line-height:1.3}.demo-kicker{text-transform:uppercase;letter-spacing:1px;color:#716879;margin:0;font-size:10px}.demo-project-list{background:#efede9;border-right:1px solid #ddd9d3;padding:20px 14px;overflow:auto}.demo-project-list>p:first-child{margin:0 8px 12px}.demo-project-card{font:inherit;text-align:left;cursor:pointer;color:#39323e;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:9px;font-size:12px;line-height:1.5;display:flex}.demo-project-card img{object-fit:contain;background:#171b24;border-radius:4px;width:58px;height:42px}.demo-project-card[aria-pressed=true]{background:#e5dfee;border-color:#b9a9ca}.demo-sidebar-note{color:#6d6473;padding:10px;font-size:12px}.demo-host-in-app .demo-viewer-panel{flex-direction:column;gap:10px;padding:14px;display:flex}.demo-panel-heading{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.demo-host-in-app .demo-viewer-size{border:1px solid #cbc4d3;border-radius:9px;flex:1}.demo-control{font:inherit;color:#493755;cursor:pointer;background:#faf8fc;border:1px solid #bfb4cb;border-radius:6px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4}.demo-control:hover{background:#e9e1f2}.demo-control-primary{color:#fff;background:#3c2e49;border-color:#3c2e49}.demo-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.demo-notice{z-index:60;pointer-events:none;background:#fcf9ff;border:1px solid #bdafcc;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;width:max-content;max-width:min(650px,100% - 20px);padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #20112826}.demo-notice[role=alert]{border-color:#b86b7c}.demo-notice .demo-control{pointer-events:auto;min-height:36px;padding:6px 12px}.demo-loading{text-align:center;background:#eeebf2;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;min-height:240px;padding:24px;font-size:15px;display:flex}.demo-loading p{margin:0}.demo-route-intro{border-bottom:1px solid #ddd9d3;padding:22px 5%}.site-main .demo-route-intro h1{letter-spacing:-.7px;font-size:24px}.demo-route-intro p{color:#6e6377;max-width:900px;margin-bottom:0;font-size:14px}.demo-components{padding:18px 5%}.demo-component-controls,.demo-surface-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.demo-component-controls label,.demo-surface-controls label{gap:4px;max-width:100%;font-size:12px;font-weight:650;display:grid}.demo-component-controls select,.demo-surface-controls select{font:inherit;color:#43354f;background:#faf8fc;border:1px solid #bfb4cb;border-radius:6px;max-width:100%;min-height:42px;padding:10px 12px;font-size:13px}.demo-component-surface{margin-top:18px;position:relative}.demo-surface-controls{margin-bottom:12px}.demo-surface-root{border-radius:9px;height:clamp(440px,65dvh,760px);min-height:440px;position:relative;overflow:hidden}.demo-component-note{color:#706479;max-width:850px;font-size:13px}.demo-iframe-host{width:90%;margin:25px auto}.demo-iframe-host iframe{background:#eae6ee;border:1px solid #bfb4cb;border-radius:9px;width:100%;height:max(520px,100dvh - 240px);display:block}.demo-iframe-host>p{color:#6e6377;font-size:13px}@media (width<=760px){.demo-host-in-app{grid-template-rows:65px 80px minmax(0,1fr);grid-template-columns:1fr}.demo-workspace-header{padding:10px 14px}.site-main .demo-workspace-header h1{font-size:18px}.demo-project-list{border-bottom:1px solid #ddd9d3;border-right:0;gap:8px;padding:9px;display:flex}.demo-project-list>p{display:none}.demo-project-card{flex:0 0 160px;margin:0;padding:6px;font-size:10px}.demo-project-card img{width:44px}.demo-host-in-app .demo-viewer-panel{gap:5px;padding:6px}.demo-panel-heading{padding:2px 6px;font-size:11px}.demo-panel-heading .demo-kicker{display:none}.demo-host-in-app .demo-viewer-size{border-radius:5px}.demo-component-controls{gap:10px}.demo-component-controls label{flex:130px;min-width:0}.demo-surface-root{height:65dvh;min-height:420px}.demo-iframe-host{width:100%;margin-top:15px}.demo-iframe-host iframe{border-inline:0;border-radius:0}.demo-iframe-host>p{padding-inline:5%}}.demo-host .lv-project-actions{flex-wrap:wrap}.demo-host .lv-project-actions button{flex-basis:140px}.demo-host-actions{align-items:center;gap:8px;display:flex}.demo-config-popover{color:#302937;background:#faf8fc;border:1px solid #bfb4cb;border-radius:12px;width:min(620px,100vw - 28px);max-height:calc(100dvh - 40px);padding:18px;overflow:auto}.demo-config-popover::backdrop{background:#20162b44}.demo-ui-settings{border:1px solid #d3cadc;border-radius:8px;min-width:0;margin:15px 0 0;padding:14px}.demo-ui-settings legend{font-size:14px;font-weight:650}.demo-layout-choice,.demo-embed-source-controls label{gap:6px;font-size:13px;display:grid}.demo-layout-choice select,.demo-embed-source-controls select{font:inherit;background:#fff;border:1px solid #bfb4cb;border-radius:6px;min-width:0;max-width:100%;padding:10px}.demo-ui-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-top:12px;display:grid}.demo-ui-toggles label{align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.demo-ui-toggles input{accent-color:#7052a7;flex-shrink:0;width:18px;height:18px}.demo-settings-note{color:#706479;font-size:12px}.demo-embed-customize{border:1px solid #d3cadc;border-radius:8px;margin-bottom:18px;padding:12px 16px}.demo-embed-customize summary,.demo-embed-code summary{cursor:pointer;min-height:28px;font-size:14px}.demo-embed-source-controls{grid-template-columns:minmax(0,1fr) 130px;gap:15px;margin-top:16px;display:grid}.demo-embed-code pre{color:#eee7f6;background:#28232e;border-radius:8px;padding:20px;font-size:12px;overflow:auto}@media (width<=760px){.demo-host-actions .demo-control{padding:8px;font-size:11px}}.demo-drop-overlay{z-index:200;color:#4b366e;pointer-events:none;background:#f6f2fcf2;border:2px dashed #8067ca;border-radius:20px;place-items:center;font-size:1.25rem;display:grid;position:fixed;inset:12px}