.sp-preview{height:100%}.sp-preview-container.sp-preview-container{background:#000}.sp-layout.sp-layout{border:none;background:#000}.sp-tab-button[data-active=true]{border-bottom:3px solid}.sp-stack.sp-stack.sp-stack{height:100%}.sp-file-explorer.sp-file-explorer.sp-file-explorer{border-right:1px solid var(--color-tertiary);height:calc(100vh - 130px);@media (min-width:980px){height:calc(100vh - 80px)}}.sp-preview-actions button{background:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:99999px}.sp-close-button.sp-close-button{visibility:visible}.editor{height:calc(100vh - 130px);background:#000;display:flex;flex-direction:column;@media (min-width:980px){height:calc(100vh - 80px)}}.TooltipContent{border-radius:6px;padding:6px 12px;line-height:1.4;font-size:13px;color:var(--color-background);background-color:var(--color-accent);box-shadow:0 4px 16px -2px rgba(0,0,0,.3),0 2px 6px -1px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none;animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.TooltipContent[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.TooltipContent[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.TooltipContent[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.TooltipContent[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.TooltipArrow{fill:var(--color-accent);filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}.toolbar{position:absolute;right:12px;top:3px;display:flex;gap:8px;padding:0;z-index:10;button{display:flex;align-items:center;justify-content:center;background:var(--color-background);width:34px;height:34px;border-radius:4px;border:1px solid var(----color-gray-5)}svg{transition:all .1s ease}svg:hover{stroke:var(--color-accent)}}.editor-toggle{position:fixed;left:0;width:100vw;border-top:1px solid var(--color-secondary);bottom:0;height:50px;display:flex;justify-content:center;align-items:center;z-index:20;background:var(--color-tertiary)}@media (min-width:980px){.editor-toggle{display:none}}.editor-toggle label{display:flex;align-items:center;gap:.5rem;color:var(--color-accent)}.switch{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.switch input{opacity:0;width:0;height:0}.slider{position:relative;display:inline-block;width:48px;height:24px;background-color:#000;border:1px solid var(--color-accent-05);border-radius:24px;transition:.4s;box-shadow:inset 0 0 2px var(--color-light);margin-right:12px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background-color:var(--color-accent-05);border-radius:50%;transition:.4s}input:checked+.slider:before{transform:translateX(24px)}.resize-handle{position:relative;background:var(--color-tertiary);padding:4px 0;transition:background .15s;&:hover{background:var(--color-gray-5)}div{position:absolute;top:0;height:100%;width:4px;left:-2px;z-index:100;&:hover{background:var(--color-gray-5)}}}.resize-handle-vertical{position:relative;height:calc(100vh - 130px);z-index:15;left:-8px;@media (min-width:980px){height:calc(100vh - 80px)}div{position:absolute;width:19px;left:-9px;height:100%;&:hover{border:2px dotted var(--color-gray-5)}}}