body,html{margin:0;padding:0;overflow:hidden;height:100%}#__next,body,html{background:var(--surface-0,#0a0e27)}#__next{height:100vh;display:flex;flex-direction:column}@media print{body,html{overflow:visible}#__next,body,html{height:auto}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary,#ffffff)}[data-theme=light] body{color:var(--text-primary,#1a1a2e)}[data-theme=light] #__next,[data-theme=light] body{background:var(--surface-0,#ffffff)}*{scrollbar-width:var(--scrollbar-display,auto)}::-webkit-scrollbar{width:var(--scrollbar-thickness,8px);height:var(--scrollbar-thickness,8px);display:var(--scrollbar-webkit-display,block)}[style*="--scrollbar-display: none"] ::-webkit-scrollbar,[style*="--scrollbar-display:none"] ::-webkit-scrollbar{display:none}::-webkit-scrollbar-track{background:var(--surface-2,#16213e)}::-webkit-scrollbar-thumb{background:var(--accent,#9d4edd);border-radius:var(--radius-sm,4px)}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover,#7209b7)}::selection{background-color:var(--accent,#9d4edd);color:#ffffff}.auth-page{overflow:auto}.app-container{display:grid;grid-template-columns:var(--sidebar-width,240px) 1fr;grid-template-rows:1fr;height:100vh;overflow:hidden;background:var(--surface-0,#0a0e27);color:var(--text-primary,#ffffff);font-family:var(--ui-font-family,inherit);font-size:var(--ui-font-size,14px);filter:var(--ui-filter,none)}.main-content{display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-layout{display:grid;grid-template-columns:1fr var(--right-panel-width,360px);grid-template-rows:1fr;height:100%;min-height:0;overflow:hidden;grid-gap:calc(1px * var(--ui-density-scale, 1));gap:calc(1px * var(--ui-density-scale, 1));background:var(--surface-1,#1a1d38)}.editor-column{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.editor-column>:last-child{flex:1 1;min-height:0}.editor-back{display:inline-flex;align-items:center;gap:calc(6px * var(--ui-density-scale, 1));align-self:flex-start;flex-shrink:0;margin:calc(10px * var(--ui-density-scale, 1)) calc(16px * var(--ui-density-scale, 1)) 0;padding:calc(4px * var(--ui-density-scale, 1)) calc(6px * var(--ui-density-scale, 1));background:transparent;border:none;border-radius:var(--radius-sm,4px);color:var(--text-tertiary,#b0b0b0);font-size:13px;font-weight:600;cursor:pointer;transition:color calc(.15s * var(--motion-scale, 1))}.editor-back:hover{color:var(--accent,#9d4edd)}.right-panel{display:flex;flex-direction:column;overflow:hidden;background:var(--surface-2,#16213e)}.right-panel-tabs{display:flex;border-bottom:1px solid var(--border-default,#1a1d38);flex-shrink:0}.right-panel-body{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rp-tab{flex:1 1;padding:calc(8px * var(--ui-density-scale, 1)) 0;font-size:12px;font-weight:600;text-align:center;background:transparent;border:none;color:var(--text-muted,#808080);cursor:pointer;transition:color calc(.15s * var(--motion-scale, 1)),background calc(.15s * var(--motion-scale, 1))}.rp-tab:hover{color:var(--text-secondary,#c0c0c0);background:var(--hover-bg,rgba(255,255,255,.03))}.rp-tab.active{color:var(--text-primary,#ffffff);background:var(--accent-subtle,rgba(157,78,221,.08));box-shadow:inset 0 -2px 0 var(--accent,#9d4edd)}@keyframes spin{to{transform:rotate(1turn)}}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[style*="--motion-duration-factor: 0"] *,[style*="--motion-duration-factor:0"] *,[style*="--motion-speed-multiplier: 0"] *,[style*="--motion-speed-multiplier:0"] *{animation:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[style*="--glass-effects-on: 0"] *,[style*="--glass-effects-on:0"] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring,#9d4edd);outline-offset:var(--focus-ring-offset,2px)}.skip-link{position:absolute;top:-100px;left:8px;z-index:1000;padding:10px 16px;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-2);color:var(--text-primary);font-size:14px;text-decoration:none;transition:top calc(.15s * var(--motion-scale, 1)) ease}.skip-link:focus{top:8px}