.demo-app{background:var(--tor-ivory);width:100%;min-width:0;min-height:100dvh;color:var(--tor-ink-text);flex-direction:column;display:flex}.demo-app>main{flex:1 0 auto;min-width:0}.demo-app--boutique{--tor-workspace-max-width:1200px;--tor-workspace-tabbar:0px;--tor-footer-max-width:calc(var(--tor-workspace-max-width) + 2*var(--tor-footer-gutter));--tor-footer-gutter:32px;min-height:100dvh}.demo-app--boutique>#main-content>main{box-sizing:border-box;width:100%;max-width:calc(var(--tor-workspace-max-width) + 2*var(--tor-page-gutter));padding-inline:var(--tor-page-gutter);margin-left:auto;margin-right:auto}.demo-app:has(>.demo-main--narrow){--tor-footer-max-width:868px;--tor-footer-gutter:24px}@media (max-width:1000px){.demo-app--boutique{--tor-footer-gutter:24px}}@media (max-width:960px){.demo-app:has(>.demo-main--narrow){--tor-footer-max-width:816px;--tor-footer-gutter:18px}}@media (max-width:640px){.demo-app--boutique{--tor-footer-gutter:16px}}@media (max-width:600px){.demo-app:has(>.demo-main--narrow){--tor-footer-max-width:548px;--tor-footer-gutter:14px}}.demo-work-header{z-index:40;box-sizing:content-box;border-bottom:1px solid var(--tor-rule);background:var(--tor-white);color:var(--tor-ink-text);justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.demo-work-header .tor-brand{min-height:0;color:var(--tor-ink-text);font-size:var(--tor-font-size-xl);line-height:var(--tor-line-height-relaxed);gap:0;display:block}.demo-work-header .tor-brand__wordmark{font:400 28px/1.2 var(--tor-font-display)}.demo-app.owner-theme .tor-brand__wordmark>span{color:inherit}.demo-work-header .tor-brand__qualifier{color:var(--tor-text-secondary);font-size:var(--tor-font-size-sm);letter-spacing:0;margin-left:15px}.demo-work-nav{flex-wrap:wrap;align-items:center;gap:0 20px;min-width:0;margin-left:0;display:flex}.demo-work-nav a,.demo-work-more>button{min-height:44px;color:var(--tor-text-secondary);cursor:pointer;font:400 var(--tor-font-size-base)/20px var(--tor-font-body);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;display:inline-flex;position:relative}.demo-work-nav a[aria-current=page]{color:var(--tor-ink)}.demo-work-nav__icon,.demo-work-more{display:none}.demo-work-count{box-sizing:border-box;background:var(--tor-ink);min-width:20px;height:20px;color:var(--tor-white);font:600 12px/20px var(--tor-font-body);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;padding:0 6px;display:inline-grid}.demo-work-header .tor-tubelight-pill{background:var(--tor-editorial-peach-soft);top:3px;bottom:3px;left:0;right:0}.demo-work-header .tor-tubelight-lamp{height:2px;top:auto;bottom:2px}.demo-work-header .tor-tubelight-lamp:after{display:none}.demo-work-actions{align-items:center;gap:16px;display:flex}.demo-work-actions a,.demo-work-link-button{border:1px solid var(--tor-rule);min-height:44px;color:var(--tor-ink-text);cursor:pointer;font:inherit;font-size:var(--tor-font-size-base);font-weight:var(--tor-font-weight-medium);background:0 0;border-radius:2px;align-items:center;padding-left:14px;padding-right:14px;display:inline-flex}.demo-work-actions .demo-boutique-profile-link{white-space:nowrap;border:0;gap:9px;padding:0}.demo-work-actions .demo-work-link-button{color:var(--tor-text-secondary);white-space:nowrap;border:0;padding:0}.demo-boutique-profile-link>span{box-sizing:content-box;border:1px solid var(--tor-rule);background:var(--tor-editorial-peach-soft);width:28px;height:28px;color:var(--tor-ink);font:14px var(--tor-font-body);border-radius:2px;justify-content:center;align-items:center;display:flex}.demo-boutique-profile-link>strong{max-width:22ch;color:var(--tor-ink-text);font-weight:var(--tor-font-weight-regular);text-overflow:ellipsis;overflow:hidden}.demo-boutique-profile-link[aria-current=page]>strong{border-bottom:1px solid var(--tor-ink);padding-bottom:2px}.demo-work-link-button:disabled{cursor:not-allowed;opacity:.62}@media (hover:hover) and (pointer:fine){.demo-work-nav a:hover{color:var(--tor-ink)}}.demo-app.owner-theme>#main-content{flex:1;width:100%;min-width:0}@media (max-width:1000px){.demo-work-header{flex-wrap:wrap;gap:4px 12px;padding:6px 24px 0}.demo-work-nav{box-sizing:border-box;border-top:1px solid var(--tor-rule);flex:0 0 calc(100% + 48px);order:3;margin:0 -24px;padding:0 24px}.demo-work-header>.tor-brand{align-items:center;gap:10px;min-height:44px;display:inline-flex}.demo-work-header .tor-brand__qualifier{margin-left:0}.demo-work-actions{margin-left:auto}}@media (max-width:640px){.demo-app--boutique{--tor-workspace-tabbar:calc(60px + env(safe-area-inset-bottom));padding-bottom:var(--tor-workspace-tabbar)}.demo-work-header{box-sizing:border-box;flex-wrap:nowrap;min-height:52px;padding:0 16px}.demo-work-header .tor-brand__qualifier,.demo-work-actions .demo-boutique-profile-link{display:none}.demo-work-header .tor-brand__wordmark{font-size:23px}.demo-work-nav{z-index:var(--tor-layer-header);border-top:1px solid var(--tor-rule);padding:0 0 env(safe-area-inset-bottom);background:var(--tor-white);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid;position:fixed;top:auto;bottom:0;left:0;right:0}.demo-work-nav>a[data-secondary]{display:none}.demo-work-nav a,.demo-work-more>button{flex-direction:column;justify-content:center;gap:2px;width:100%;min-height:60px;padding:6px 2px;font-size:12px;line-height:16px}.demo-work-nav__icon{flex:none;display:block}.demo-work-nav a[aria-current=page],.demo-work-more>button[data-current]{color:var(--tor-ink);font-weight:var(--tor-font-weight-semibold)}.demo-work-nav a[aria-current=page]:before,.demo-work-more>button[data-current]:before{content:"";background:var(--tor-ink);height:2px;position:absolute;top:0;bottom:auto;left:25%;right:25%}.demo-work-header .tor-tubelight-pill,.demo-work-header .tor-tubelight-lamp{display:none}.demo-work-count{min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;top:4px;left:calc(50% + 6px)}.demo-work-more{display:block;position:relative}.demo-work-more>ul{border:1px solid var(--tor-control-border);border-radius:var(--tor-radius-control);background:var(--tor-white);min-width:200px;box-shadow:var(--tor-shadow-menu);margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 8px);right:8px}.demo-work-more>ul[hidden]{display:none}.demo-work-more>ul a{min-height:44px;color:var(--tor-ink);font-size:var(--tor-font-size-base);flex-direction:row;justify-content:flex-start;padding:0 12px}.demo-work-more>ul a[aria-current=page]{background:var(--tor-editorial-peach-soft)}.demo-work-more>ul a[aria-current=page]:before{display:none}}