:root{color-scheme:dark;--pf-bg: #080812;--pf-bg-elevated: rgba(15, 15, 29, .94);--pf-panel: #10101d;--pf-panel-soft: #151526;--pf-border: rgba(148, 145, 190, .18);--pf-border-strong: rgba(139, 92, 246, .48);--pf-text: #f3f1ff;--pf-text-muted: #aaa8c8;--pf-text-subtle: #74728f;--pf-accent: #8b7cff;--pf-accent-strong: #a78bfa;--pf-success: #4ade80;--pf-danger: #fb7185;--pf-shadow: 0 24px 70px rgba(0, 0, 0, .34);--pf-canvas: #090910;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--pf-bg: #eef1fb;--pf-bg-elevated: rgba(255, 255, 255, .9);--pf-panel: #ffffff;--pf-panel-soft: #f5f3ff;--pf-border: rgba(67, 56, 120, .16);--pf-border-strong: rgba(99, 76, 210, .42);--pf-text: #1d1833;--pf-text-muted: #57526f;--pf-text-subtle: #77728d;--pf-accent: #6554dc;--pf-accent-strong: #7c3aed;--pf-success: #15803d;--pf-danger: #be123c;--pf-shadow: 0 24px 70px rgba(53, 45, 100, .15);--pf-canvas: #e8ebf5}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--pf-bg);color:var(--pf-text)}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.app-shell{display:flex;flex-direction:column;height:100vh;color:var(--pf-text);background:radial-gradient(circle at 76% -18%,rgba(124,58,237,.14),transparent 35%),var(--pf-bg)}.app-header{flex:0 0 58px;display:flex;align-items:center;gap:14px;padding:0 22px;color:var(--pf-text);background:var(--pf-bg-elevated);border-bottom:1px solid var(--pf-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 30px #00000014;z-index:40}.app-layout{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.app-sidebar{width:390px;flex:none;display:flex;flex-direction:column;z-index:20;color:var(--pf-text);background:var(--pf-bg-elevated);border-right:1px solid var(--pf-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mobile-backdrop,.hamburger-button{display:none}.theme-toggle,.signout-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--pf-border);border-radius:10px;color:var(--pf-text-muted);background:var(--pf-panel-soft);cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.theme-toggle:hover,.signout-button:hover{transform:translateY(-1px);color:var(--pf-text);border-color:var(--pf-border-strong);box-shadow:0 8px 22px #6366f11f}.theme-toggle__label{font-size:12px;font-weight:700}.sidebar-tabs{flex:none;display:flex;padding:8px;gap:5px;border-bottom:1px solid var(--pf-border)}.sidebar-tab{flex:1;min-height:38px;border:1px solid transparent;border-radius:10px;color:var(--pf-text-subtle);background:transparent;cursor:pointer;font-size:12px;font-weight:650}.sidebar-tab[data-active=true]{color:var(--pf-text);background:var(--pf-panel-soft);border-color:var(--pf-border-strong);box-shadow:0 6px 20px #6366f11a}.sidebar-scroll{flex:1;min-height:0;overflow:auto;scrollbar-color:var(--pf-border-strong) transparent}.sidebar-footer{flex:none;padding:10px 20px;border-top:1px solid var(--pf-border);color:var(--pf-text-subtle);text-align:center;font-size:10px}.sidebar-footer a{color:var(--pf-text-muted);text-decoration:none}.viewer-shell{width:100%;height:100%;display:flex;flex-direction:column;color:var(--pf-text);background:var(--pf-canvas)}.viewer-stage{flex:1;min-height:0;position:relative}.viewer-controls{flex:none;min-height:54px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 16px;background:var(--pf-bg-elevated);border-top:1px solid var(--pf-border)}.viewer-control{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--pf-border);border-radius:9px;color:var(--pf-text-muted);background:var(--pf-panel);cursor:pointer;text-decoration:none;font-size:12px;font-weight:650}.viewer-control:hover,.viewer-control[data-active=true]{color:var(--pf-text);border-color:var(--pf-border-strong);background:var(--pf-panel-soft)}.asset-guide{position:absolute;z-index:8;top:16px;right:16px;width:min(330px,calc(100% - 32px));padding:15px;border:1px solid var(--pf-border);border-radius:16px;color:var(--pf-text);background:var(--pf-bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--pf-shadow);animation:pf-rise-in .45s cubic-bezier(.2,.8,.2,1)}.asset-guide__eyebrow{color:var(--pf-text-subtle);font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.asset-guide__title{margin-top:5px;font-size:15px;font-weight:800}.asset-guide__copy{margin:5px 0 12px;color:var(--pf-text-muted);font-size:12px;line-height:1.45}.asset-guide__actions{display:flex;flex-wrap:wrap;gap:7px}.asset-guide__action{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pf-border-strong);border-radius:9px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;font-size:11px;font-weight:750;text-decoration:none}.asset-guide__action--secondary{color:var(--pf-text);background:var(--pf-panel-soft);border-color:var(--pf-border)}.loading-orbit{position:relative;width:86px;height:86px;display:grid;place-items:center}.loading-orbit:before,.loading-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(139,124,255,.42)}.loading-orbit:before{top:5px;right:5px;bottom:5px;left:5px;border-left-color:transparent;animation:pf-spin 2s linear infinite}.loading-orbit:after{top:18px;right:18px;bottom:18px;left:18px;border-right-color:transparent;animation:pf-spin 1.2s linear infinite reverse}.loading-orbit__core{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#818cf8,#c084fc);box-shadow:0 0 32px #8b5cf6bf;animation:pf-core 1.5s ease-in-out infinite}.loading-copy{max-width:420px;padding:14px 18px;border:1px solid var(--pf-border);border-radius:14px;color:var(--pf-text);background:var(--pf-bg-elevated);text-align:center;box-shadow:var(--pf-shadow)}.loading-copy strong{display:block;font-size:14px}.loading-copy span{display:block;margin-top:5px;color:var(--pf-text-muted);font-size:12px}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-core{50%{transform:scale(.72) rotate(45deg);filter:hue-rotate(28deg)}}@keyframes pf-rise-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes pf-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pf-fade-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes pf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pf-scan{0%,to{top:3%;opacity:.15}50%{top:97%;opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width: 900px){.app-sidebar{position:absolute;inset:0 auto 0 0;width:min(88%,390px);box-shadow:var(--pf-shadow);transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.mobile-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:0;pointer-events:none;background:#0808129e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s}.mobile-backdrop.open{opacity:1;pointer-events:auto}.hamburger-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--pf-border);border-radius:10px;color:var(--pf-text);background:var(--pf-panel-soft);cursor:pointer}.app-header{padding:0 12px;gap:9px}.app-header__subtitle,.app-header__divider,.app-header__email,.theme-toggle__label{display:none}.asset-guide{top:10px;right:10px;width:min(310px,calc(100% - 20px))}}
