@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes slideFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{--header-height:56px;--sidebar-width:360px;--global-nav-width:48px;--side-nav-width:180px;--topbar-height:44px;--workbench-chat-width:360px;--volcanic-ash-75:#f6f7f9}html,body{background-color:var(--color-bg-surface-hover);height:100%;margin:0;padding:0}*{box-sizing:border-box}.layout-container{flex-direction:row;width:100vw;height:100dvh;display:flex}html[data-dev-toolbar] .layout-container{height:calc(100dvh - 36px)}.main-area{flex:1;gap:8px;padding:8px 8px 2px;display:flex;overflow:hidden}.frame-wrapper{background:#fff;border-radius:6px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d,0 0 #00000040,0 0 1px 1px #0000001f}.frame-area{background-color:#fff;flex:1;overflow:hidden auto}.main-column{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.sidebar-area{width:var(--sidebar-width);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000000d,0 0 #00000040,0 0 1px 1px #0000001f}.plan-creator-wrapper{overflow:hidden!important}.plan-creator-wrapper>div{min-height:0}.plan-creator-layout{background:#f5f7f9;gap:8px;height:100dvh;padding:8px;display:flex;overflow:hidden}.plan-creator-frame{background:#fff;border-radius:8px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.plan-creator-body{flex:1;min-height:0;display:flex;overflow:hidden}.plan-creator-sidebar{width:var(--plan-creator-sidebar-width,240px);background:var(--color-bg-surface-secondary);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.plan-creator-main{background:#fff;flex:1;min-width:0;overflow-y:auto}.plan-editor-container{max-width:960px;margin:0 auto;padding:40px 48px}.plan-editor-container .inline-editor-wrapper{min-height:400px}.plan-editor-container .inline-editor-layout{--content-max-width:100%;--margin-width:0;--margin-left-width:0;--margin-right-width:0}.plan-editor-container .inline-editor{padding:0}.plan-creator-chat{width:var(--plan-chat-sidebar-width,360px);flex-shrink:0}@media (max-width:1024px){.plan-creator-chat{display:none}}@media (max-width:768px){.plan-creator-sidebar{display:none}}@media print{@page{margin:.5cm;size:auto}body,html{background:#fff!important;min-width:0!important}.sidebar-area,.no-print{display:none!important}.layout-container{height:auto!important;display:block!important;overflow:visible!important}.main-area{background:#fff!important;height:auto!important;padding:0!important;display:block!important;overflow:visible!important}.frame-wrapper{box-shadow:none!important;background:#fff!important;border-radius:0!important;overflow:visible!important}.frame-area{background:#fff!important;width:100%!important;padding:0!important;display:block!important;overflow:visible!important}.main-column{overflow:visible!important}.main-column>*{box-shadow:none!important;background:#fff!important;border-radius:0!important;overflow:visible!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.plan-creator-sidebar{display:none!important}.plan-creator-body{display:block!important}.plan-creator-main{display:none!important}.plan-creator-wrapper{height:auto!important;overflow:visible!important}}[data-table-checkbox] tbody tr td:first-child:not([colspan]){opacity:0;transition:opacity .1s}[data-table-checkbox] tbody tr:hover td:first-child:not([colspan]),[data-table-checkbox] tbody tr[data-state=selected] td:first-child:not([colspan]){opacity:1}[data-table-checkbox]:has(tr[data-state=selected]~tr[data-state=selected]) tbody tr td:first-child:not([colspan]){opacity:1}[data-table-checkbox] thead th:first-child{opacity:0;transition:opacity .1s}[data-table-checkbox] thead th:first-child:hover{opacity:1}[data-table-checkbox]:has(tr[data-state=selected]~tr[data-state=selected]) thead th:first-child{opacity:1}
@keyframes sd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sd-blurIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes sd-slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-sd-animate]{animation:var(--sd-animation,sd-fadeIn)var(--sd-duration,.15s)var(--sd-easing,ease)var(--sd-delay,0s)both}