:root{--apple-blue: #007AFF;--apple-gray: #8E8E93;--shell-bg: rgb(18, 18, 18);--surface: rgb(30, 30, 30);--surface-elevated: rgb(23, 23, 23);--surface-input: rgb(30, 30, 30);--surface-hover: rgb(40, 40, 40);--accent-cyan: rgb(2, 250, 255);--accent-cyan-dim: rgba(2, 250, 255, .15);--accent-cyan-glow: rgba(2, 250, 255, .4);--accent-danger: rgb(220, 38, 38);--text-primary: rgb(255, 255, 255);--text-secondary: rgb(163, 163, 163);--text-tertiary: rgb(100, 100, 100);--border-subtle: rgba(255, 255, 255, .06);--border-active: rgba(2, 250, 255, .3);--radius-pill: 9999px;--radius-card: 12px;--radius-panel: 16px;--radius-button: 8px;--sidebar-width: 280px;--topbar-height: 64px;--right-panel-width: 320px;--gembar-width: 52px;--canvas-width: 60%;--gem-chat-width: 340px}.shell-grid{display:grid;grid-template-columns:1fr;grid-template-rows:var(--topbar-height) 1fr;height:100vh;overflow:hidden;background:var(--shell-bg)}.shell-topbar{grid-row:1;grid-column:1;background:var(--shell-bg);border-bottom:1px solid var(--border-subtle);z-index:30}.shell-main{grid-row:2;grid-column:1;position:relative;overflow:hidden}.layout-chat-only .shell-content-area{display:flex;width:100%;height:100%}.layout-chat-only .chat-zone{flex:1;height:100%;display:flex;flex-direction:column}.layout-chat-canvas .shell-content-area{display:flex;width:100%;height:100%}.layout-chat-canvas .chat-zone{flex:1;min-width:340px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle)}.layout-chat-canvas .canvas-zone{width:var(--canvas-width);height:100%;overflow:hidden;animation:slideInRight .3s ease-out}.layout-gem-mode .shell-content-area{display:flex;width:100%;height:100%}.layout-gem-mode .gem-zone{flex:1;height:100%;overflow:hidden;animation:fadeIn .25s ease-out}.layout-gem-mode .chat-sidebar{width:var(--gem-chat-width);height:100%;display:flex;flex-direction:column;border-left:1px solid var(--border-subtle);background:var(--shell-bg)}.gem-bar{width:var(--gembar-width);height:100%;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;background:#0c0c0ce6;border-right:1px solid var(--border-subtle);overflow-y:auto;overflow-x:hidden}.gem-bar-item{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .15s ease;font-size:16px;border:1px solid transparent;position:relative}.gem-bar-item:hover{background:var(--surface-hover);border-color:var(--border-subtle);transform:scale(1.08)}.gem-bar-item.active{background:#02faff14;border-color:var(--accent-cyan);box-shadow:0 0 12px #02faff26}.canvas-panel{height:100%;display:flex;flex-direction:column;background:var(--surface-elevated)}.canvas-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:#0f0f0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:48px}.canvas-panel-content{flex:1;overflow-y:auto;overflow-x:hidden}.gem-container{height:100%;display:flex;flex-direction:column}.gem-container-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--border-subtle);background:#0f0f0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:44px}.gem-container-content{flex:1;overflow:hidden}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-home-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.chat-home-centered .bot-input-area{width:100%;max-width:720px}.floating-panel{position:absolute;background:var(--surface-elevated);border:1.5px solid var(--accent-cyan);border-radius:var(--radius-panel);box-shadow:0 0 15px #02faff40,0 0 40px #02faff14,0 25px 60px -12px #000000b3;z-index:20;overflow:hidden}.floating-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:#1e1e1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bot-canvas{height:100%;display:flex;flex-direction:column;background:var(--shell-bg)}.bot-messages{flex:1;overflow-y:auto;padding:24px}.bot-input-area{padding:16px 24px 24px;background:linear-gradient(to top,var(--shell-bg) 60%,transparent)}.glow-cyan{box-shadow:0 0 20px var(--accent-cyan-glow),0 0 60px #02faff1a}.glow-cyan-text{text-shadow:0 0 12px var(--accent-cyan-glow)}.bg-accent-gradient{background:linear-gradient(135deg,#02faff14,#02faff05)}@media(max-width:768px){.shell-topbar,.shell-main{grid-column:1}}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050505;color:#e2e8f0}.glass{background:#0f172a66;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 50px -12px #00000080}.text-glow{text-shadow:0 0 15px currentColor}.text-glow-amber{text-shadow:0 0 15px rgba(245,158,11,.6)}.text-glow-red{text-shadow:0 0 15px rgba(220,38,38,.6)}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;pointer-events:none;z-index:9999;opacity:.15}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#f59e0b80;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f59e0bcc}@media print{html,body{height:auto!important;overflow:visible!important;background:#fff!important;color:#000!important;margin:0!important;padding:0!important}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important;background-color:transparent!important;color:#000!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}img,svg,p,table{page-break-inside:avoid}.no-print,.crt-overlay,button,nav,header{display:none!important}.print-only{display:block!important}}