:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-main{flex:1;display:flex;min-height:0;padding:0;background-color:var(--color-bg-app-main);color:var(--color-text-primary)}.editor-page{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-home-bg-base)}.editor-page__grid-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,var(--color-home-bg-grid) 2.5%,var(--color-home-bg-grid-fade) 2.5%),linear-gradient(180deg,var(--color-home-bg-grid) 2.5%,var(--color-home-bg-grid-fade) 2.5%);background-size:40px 40px;pointer-events:none}.editor-page__gradient-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-home-bg-gradient-start) 0%,var(--color-home-bg-gradient-end) 100%);pointer-events:none}.editor-page__main{position:relative;z-index:1;flex:1;padding:var(--size-editor-main-padding);display:flex;flex-direction:column}.editor-page>.footer-brand-widget{position:relative;z-index:10}.home-top-bar{position:sticky;top:0;z-index:10;width:100%;min-height:var(--size-home-topbar-height);box-sizing:border-box;border-bottom:1px solid var(--color-home-topbar-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--color-home-topbar-bg);display:flex;align-items:center;justify-content:space-between;padding:var(--size-home-topbar-padding-y) var(--size-home-topbar-padding-x)}.home-top-bar__left{display:flex;align-items:center;gap:32px}.home-top-bar__brand{color:var(--color-home-brand);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-style:var(--font-style-normal);font-weight:var(--font-weight-bold);line-height:var(--line-height-24);letter-spacing:-.4px}.home-top-bar__brand-button{border:0;padding:0;background:transparent;color:var(--color-home-brand);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-24);letter-spacing:-.4px;cursor:pointer}.home-top-bar__brand-button:focus-visible{outline:2px solid var(--color-home-text-accent);outline-offset:4px;border-radius:4px}.home-top-bar__admin-badge{min-height:24px;padding:4px 16px;border-radius:8px;background:#39485a;color:#a7b6cc;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-16);letter-spacing:.12px;display:inline-flex;align-items:center;justify-content:center}.home-top-bar__user-status{display:inline-flex;align-items:center;gap:8px}.home-top-bar__user-icon{width:20px;height:20px;object-fit:contain}.home-top-bar__user-meta{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1}.home-top-bar__user-state{color:var(--color-home-text-accent);font-family:var(--font-family-primary);font-size:10px;font-weight:var(--font-weight-medium);line-height:12px;letter-spacing:.25px;text-transform:uppercase}.home-top-bar__user-email{color:var(--color-home-nav-text);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-16)}@media(max-width:640px){.home-top-bar{padding-inline:var(--size-home-chrome-padding-mobile-x)}.home-top-bar__user-email{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.file-menu-widget{position:relative}.file-menu-widget__trigger{border:0;background:transparent;color:var(--color-home-nav-text);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-style:var(--font-style-normal);font-weight:var(--font-weight-normal);line-height:var(--line-height-24);cursor:pointer;padding:6px 0;transition:color .2s ease}.file-menu-widget__trigger:hover,.file-menu-widget__trigger:focus-visible{color:var(--color-home-nav-hover)}.file-menu-widget__trigger:focus-visible{outline:2px solid var(--color-home-login-bg);outline-offset:3px}.file-menu-widget__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:132px;border:1px solid var(--color-home-topbar-border);border-radius:8px;background:var(--color-home-bg-base);box-shadow:0 12px 28px -12px var(--color-home-tile-shadow);padding:6px;z-index:20}.file-menu-widget__item{width:100%;border:0;border-radius:6px;background:transparent;color:var(--color-home-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-20);text-align:left;padding:8px 10px;cursor:pointer}.file-menu-widget__item:hover,.file-menu-widget__item:focus-visible{background:var(--color-home-chip-bg);color:var(--color-home-text-accent)}.login-button-widget{border:0;border-radius:8px;background:var(--color-home-login-bg);color:var(--color-home-login-text);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-style:var(--font-style-normal);font-weight:var(--font-weight-bold);line-height:var(--line-height-24);cursor:pointer;padding:8px 24px;transition:background-color .2s ease}.login-button-widget:hover,.login-button-widget:focus-visible{background:var(--color-home-login-bg-hover)}.login-button-widget:focus-visible{outline:2px solid var(--color-home-text-primary);outline-offset:2px}.footer-brand-widget{position:relative;z-index:10;width:100%;min-height:var(--size-home-footer-min-height);box-sizing:border-box;border-top:1px solid var(--color-home-footer-border);background:var(--color-home-footer-bg);padding:var(--size-home-footer-padding-y) var(--size-home-footer-padding-x)}.footer-brand-widget__text{color:var(--color-home-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-16);letter-spacing:1.2px;text-transform:uppercase;opacity:.8}@media(max-width:640px){.footer-brand-widget{padding-inline:var(--size-home-chrome-padding-mobile-x)}}.viewport-tile{display:flex;flex-direction:column;width:100%;flex:1;background:var(--color-editor-viewport-bg);border:1px solid var(--color-editor-viewport-border);border-radius:12px;overflow:hidden;box-shadow:0 0 60px var(--color-editor-atm-glow),0 8px 32px #00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.viewport-tile__canvas{position:relative;flex:1;overflow:hidden;display:flex;flex-direction:column}.viewport-tile__canvas-inner{width:100%;flex:1;display:flex;flex-direction:column;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(255,182,147,.04) 0%,transparent 70%),radial-gradient(circle at 50% 50%,rgba(255,182,147,.02) 0%,transparent 100%),#0d1629}.viewport-tile__tool-dock{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10}.viewport-tile-canvas{flex:1;width:100%;position:relative}.viewport-tile-canvas__status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;font-size:var(--font-size-xs);color:var(--color-editor-viewport-tab-active);opacity:.7;pointer-events:none;white-space:nowrap}.viewport-tile-canvas__status--error{color:#ff6b6b;opacity:1}.viewport-tile-canvas_renderer{position:absolute;top:0;right:0;bottom:0;left:0}.viewport-tile-canvas__gl{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.tool-dock{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--color-editor-tool-dock-bg);border:1px solid var(--color-editor-tool-dock-border);border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006}.tool-dock__item{display:flex;align-items:center;gap:4px}.tool-dock__divider{width:1px;height:20px;background:var(--color-editor-tool-dock-divider);margin:0 2px}.tool-dock__btn{display:flex;align-items:center;justify-content:center;width:var(--size-editor-tool-dock-button);height:var(--size-editor-tool-dock-button);border-radius:50%;border:none;background:transparent;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;padding:0}.tool-dock__btn img{width:18px;height:18px;opacity:.5;transition:opacity .15s ease}.tool-dock__btn:hover img{opacity:.8}.tool-dock__btn--active{background:var(--color-editor-tool-button-active-bg);box-shadow:0 0 12px var(--color-editor-tool-button-active-glow)}.tool-dock__btn--active img{opacity:1;filter:brightness(0) saturate(100%)}.viewport-header{display:flex;align-items:center;justify-content:space-between;height:var(--size-editor-viewport-header-height);padding:0 12px;background:var(--color-editor-viewport-header-bg);border-bottom:1px solid var(--color-editor-viewport-header-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0}.viewport-header__tab{display:flex;align-items:center;gap:6px}.viewport-header__tab-icon{width:14px;height:14px;opacity:.9}.viewport-header__tab-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-editor-viewport-tab-active);letter-spacing:.02em}.viewport-header__expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:pointer;border-radius:6px;opacity:.6;transition:opacity .15s ease}.viewport-header__expand-btn:hover{opacity:1}.viewport-header__expand-btn img{width:14px;height:14px}.demo-viewport-tile-widget{position:relative;overflow:hidden;border-top:1px solid var(--color-home-tile-border);border-left:1px solid var(--color-home-tile-border);border-radius:16px;background:var(--color-home-tile-bg);box-shadow:0 10px 30px -10px var(--color-home-tile-shadow);padding:24px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.demo-viewport-tile-widget__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-home-tile-gradient-start) 0%,var(--color-home-tile-gradient-end) 100%);pointer-events:none}.demo-viewport-tile-widget__header,.demo-viewport-tile-widget__content,.demo-viewport-tile-widget__cta{position:relative;z-index:1}.demo-viewport-tile-widget__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.demo-viewport-tile-widget__icon{width:52px;height:52px;border-radius:12px;border:1px solid var(--color-home-topbar-border);color:var(--color-home-text-accent);font-family:var(--font-family-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center}.demo-viewport-tile-widget__chip{border:1px solid var(--color-home-chip-border);border-radius:999px;background:var(--color-home-chip-bg);color:var(--color-home-text-accent);font-family:var(--font-family-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-16);letter-spacing:.6px;padding:5px 13px}.demo-viewport-tile-widget__content{max-width:384px}.demo-viewport-tile-widget__title{margin:0 0 8px;color:var(--color-home-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-32)}.demo-viewport-tile-widget__description{margin:0;color:var(--color-home-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-20)}.demo-viewport-tile-widget__cta{align-self:flex-start;border:1px solid var(--color-home-chip-border);border-radius:8px;background:transparent;color:var(--color-home-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-20);padding:8px 14px;cursor:pointer}.demo-viewport-tile-widget__cta:hover,.demo-viewport-tile-widget__cta:focus-visible{background:var(--color-home-chip-bg)}.home-page{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--color-home-bg-base)}.home-page__grid-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,var(--color-home-bg-grid) 2.5%,var(--color-home-bg-grid-fade) 2.5%),linear-gradient(180deg,var(--color-home-bg-grid) 2.5%,var(--color-home-bg-grid-fade) 2.5%);background-size:40px 40px;pointer-events:none}.home-page__gradient-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-home-bg-gradient-start) 0%,var(--color-home-bg-gradient-end) 100%);pointer-events:none}.home-page__main{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:68px 32px 72px}.home-page__hero{margin-bottom:48px;max-width:672px}.home-page__title{margin:0 0 8px;color:var(--color-home-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-hero-title);font-style:var(--font-style-normal);font-weight:var(--font-weight-bold);line-height:var(--line-height-48);letter-spacing:-.8px}.home-page__subtitle{margin:0;color:var(--color-home-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-style:var(--font-style-normal);font-weight:var(--font-weight-normal);line-height:var(--line-height-24)}.login-input-widget{width:100%;display:flex;flex-direction:column;gap:4px}.login-input-widget__label-row{display:flex;align-items:flex-end;justify-content:space-between}.login-input-widget__label{color:var(--color-home-text-secondary);opacity:.8;font-family:var(--font-family-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:14px;letter-spacing:.55px;text-transform:uppercase}.login-input-widget__hint-right{color:var(--color-home-text-accent);font-family:var(--font-family-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:14px}.login-input-widget__field-shell{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 17px;border-radius:12px;border:1px solid var(--color-home-login-input-border);background:var(--color-home-login-input-bg)}.login-input-widget__field-shell:focus-within{border-color:var(--color-home-text-accent)}.login-input-widget__input{flex:1;border:0;background:transparent;color:var(--color-home-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.login-input-widget__input::placeholder{color:var(--color-home-login-input-placeholder)}.login-input-widget__input:focus{outline:none}.login-input-widget__icon{width:16px;height:16px;opacity:.4;object-fit:contain}.login-submit-widget{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--color-home-login-submit-start) 0%,var(--color-home-login-submit-end) 100%);color:var(--color-home-login-submit-text);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 1px 1px #0000000d;transition:filter .2s ease,transform .2s ease}.login-submit-widget:hover{filter:brightness(1.03)}.login-submit-widget:focus-visible{outline:2px solid var(--color-home-text-accent);outline-offset:2px}.login-submit-widget:active{transform:translateY(1px)}.login-submit-widget:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-submit-widget__label{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-16);letter-spacing:.12px}.login-submit-widget__icon{width:12px;height:12px;object-fit:contain}:root{--color-bg-header: #3c3c3c;--color-bg-tab-active: #ff9a00;--color-bg-square-button: #4c4c4c;--color-bg-app-main: #1e1e1e;--color-bg-panel: #2e2e2e;--color-bg-viewport-start: #111827;--color-bg-viewport-end: #1f2937;--color-border-header: #4b5563;--color-text-white: #ffffff;--color-text-primary: rgba(255, 255, 255, .87);--color-home-bg-base: #0b1326;--color-home-bg-grid: rgba(255, 182, 147, .05);--color-home-bg-grid-fade: rgba(255, 182, 147, 0);--color-home-bg-gradient-start: rgba(11, 19, 38, 0);--color-home-bg-gradient-end: #0b1326;--color-home-topbar-bg: rgba(11, 19, 38, .8);--color-home-topbar-border: rgba(169, 138, 125, .2);--color-home-brand: #a04100;--color-home-nav-text: #b9c8de;--color-home-nav-hover: #dae2fd;--color-home-login-bg: #ff6b00;--color-home-login-bg-hover: #ff7f20;--color-home-login-text: #572000;--color-home-tile-bg: rgba(23, 31, 51, .6);--color-home-tile-border: rgba(255, 255, 255, .1);--color-home-tile-shadow: rgba(0, 0, 0, .5);--color-home-tile-gradient-start: rgba(6, 14, 32, 0);--color-home-tile-gradient-end: #060e20;--color-home-chip-bg: rgba(255, 182, 147, .2);--color-home-chip-border: rgba(255, 182, 147, .3);--color-home-text-primary: #dae2fd;--color-home-text-secondary: #e2bfb0;--color-home-text-accent: #ffb693;--color-home-footer-bg: #0b1326;--color-home-footer-border: #5a4136;--color-editor-viewport-bg: rgba(23, 31, 51, .7);--color-editor-viewport-border: rgba(255, 255, 255, .08);--color-editor-viewport-header-bg: rgba(34, 42, 61, .4);--color-editor-viewport-header-border: rgba(90, 65, 54, .3);--color-editor-viewport-tab-active: #ffb693;--color-editor-viewport-tab-inactive: rgba(218, 226, 253, .4);--color-editor-tool-dock-bg: rgba(11, 19, 38, .8);--color-editor-tool-dock-border: rgba(90, 65, 54, .4);--color-editor-tool-dock-divider: rgba(255, 255, 255, .1);--color-editor-tool-button-active-bg: #ffb693;--color-editor-tool-button-active-glow: rgba(255, 182, 147, .2);--color-editor-status-dot: #ffb693;--color-editor-status-text: #ffb693;--color-editor-atm-glow: rgba(255, 182, 147, .1);--color-home-login-card-bg: rgba(23, 31, 51, .8);--color-home-login-card-border: rgba(90, 65, 54, .3);--color-home-login-card-shadow: rgba(0, 0, 0, .25);--color-home-login-banner-bg: rgba(255, 107, 0, .1);--color-home-login-banner-border: rgba(255, 107, 0, .2);--color-home-login-input-bg: rgba(6, 14, 32, .5);--color-home-login-input-border: rgba(90, 65, 54, .2);--color-home-login-input-placeholder: #6b7280;--color-home-login-submit-start: #ffb693;--color-home-login-submit-end: #ff6b00;--color-home-login-submit-text: #561f00;--color-home-login-muted: #a7b6cc}:root{--font-family-primary: "Inter", sans-serif;--font-family-secondary: "Geist", "Inter", sans-serif;--font-size-xs: 12px;--font-size-2xs: 11px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-hero-title: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-style-normal: normal;--line-height-tight: 0;--line-height-normal: normal;--line-height-16: 16px;--line-height-20: 20px;--line-height-24: 24px;--line-height-28: 28px;--line-height-32: 32px;--line-height-48: 48px}:root{--size-home-topbar-height: 56px;--size-home-topbar-padding-x: 32px;--size-home-topbar-padding-y: 8px;--size-home-footer-min-height: 40px;--size-home-footer-padding-x: 32px;--size-home-footer-padding-y: 12px;--size-home-chrome-padding-mobile-x: 24px;--size-editor-viewport-header-height: 40px;--size-editor-tool-dock-button: 40px;--size-editor-main-padding: 24px}.login-page{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-home-bg-base)}.login-page__grid-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(90deg,var(--color-home-bg-grid) 2.5%,var(--color-home-bg-grid-fade) 2.5%),linear-gradient(180deg,var(--color-home-bg-grid) 2.5%,var(--color-home-bg-grid-fade) 2.5%);background-size:40px 40px}.login-page__gradient-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,var(--color-home-bg-gradient-start) 0%,var(--color-home-bg-gradient-end) 100%)}.login-page__main{position:relative;z-index:1;flex:1;width:100%;display:flex;justify-content:center;align-items:center;padding:64px 16px 104px}.login-page__content{width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px}.login-page__banner{width:100%;border:1px solid var(--color-home-login-banner-border);border-radius:8px;padding:17px;background:var(--color-home-login-banner-bg);display:flex;gap:16px;align-items:flex-start}.login-page__banner-icon{width:16px;height:20px;margin-top:1px}.login-page__banner-text{margin:0;color:#ffdbcc;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-20)}.login-page__auth-card{width:100%;border-radius:16px;border:1px solid var(--color-home-login-card-border);background:var(--color-home-login-card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 25px 50px -12px var(--color-home-login-card-shadow);padding:25px;display:flex;flex-direction:column;gap:24px}.login-page__auth-title{margin:0;color:var(--color-home-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-28)}.login-page__auth-subtitle{margin:4px 0 0;color:var(--color-home-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-20)}.login-page__form{display:flex;flex-direction:column;gap:16px}.login-page__submit-wrap{padding-top:16px}.login-page__form-error{margin:0;color:var(--color-home-text-accent);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-16)}.login-page__offline-card{width:100%;border-radius:12px;border:1px solid var(--color-home-login-input-border);background:#171f3380;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:25px;display:flex;flex-direction:column;align-items:center;gap:8px}.login-page__offline-heading{display:inline-flex;align-items:center;gap:4px}.login-page__offline-icon{width:13px;height:17px;object-fit:contain}.login-page__offline-title{margin:0;color:var(--color-home-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-16);letter-spacing:-.3px;text-transform:uppercase}.login-page__offline-text{margin:0;color:var(--color-home-login-muted);text-align:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-20)}@media(max-width:640px){.login-page__main{padding-inline:12px}.login-page__auth-card,.login-page__offline-card{padding:20px}}