:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dcddde;background:#1e1e1e;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#1e1e1e}.sidebar,.inspector{position:relative;z-index:10;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:#242424;border-color:#363636;border-style:solid}.sidebar{border-width:0 1px 0 0}.inspector{border-width:0 0 0 1px}.brand-row,.inspector-header{display:flex;align-items:center;flex:0 0 auto;gap:8px;min-height:58px;padding:10px 12px;border-bottom:1px solid #363636}.brand-row strong,.inspector-header strong{flex:1;min-width:0;font-size:14px}.sidebar-body,.inspector-scroll{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sidebar-body{padding:10px 0 12px}.inspector-scroll{padding:4px 12px calc(18px + env(safe-area-inset-bottom))}.app-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#7652b7,#4d357d);color:#fff;font-weight:800;box-shadow:0 12px 32px #0005}.app-mark.small{width:32px;height:32px;flex:0 0 32px;border-radius:10px;box-shadow:none}.icon-button,.drawer-close,.toolbar button,.inspector-link,.logout,.mobile-nav-actions button{border:1px solid #444;border-radius:7px;background:#2c2c2c;cursor:pointer}.icon-button,.drawer-close{display:grid;width:34px;height:32px;flex:0 0 34px;padding:0;place-items:center;font-size:16px}.search{display:block;width:calc(100% - 24px);margin:0 12px 10px;padding:9px 10px;border:1px solid #414141;border-radius:7px;outline:none;color:#eee;background:#191919}.search:focus{border-color:#8767c8;box-shadow:0 0 0 2px #8767c833}.explorer{min-width:0;padding:0 6px}.section-label{margin:4px 8px 7px;color:#858585;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tree-directory{min-width:0}.tree-row{display:flex;width:100%;min-width:0;align-items:center;gap:7px;min-height:28px;padding-top:4px;padding-right:8px;padding-bottom:4px;border:0;border-radius:4px;text-align:left;background:transparent;cursor:pointer}.tree-row:hover,.tree-row.selected,.tree-row.active{background:#343434}.tree-row.active{color:#eadfff;background:#403452}.tree-chevron{width:10px;flex:0 0 10px;color:#aaa;font-size:15px;line-height:1;text-align:center}.folder-glyph{position:relative;width:15px;height:11px;flex:0 0 15px;border:1px solid #c5a95b;border-radius:2px}.folder-glyph:before{position:absolute;top:-4px;left:1px;width:7px;height:4px;border:1px solid #c5a95b;border-bottom:0;border-radius:2px 2px 0 0;content:""}.file-glyph{position:relative;width:12px;height:15px;flex:0 0 12px;border:1px solid #8ea9c6;border-radius:1px}.file-glyph:after{position:absolute;right:-1px;bottom:2px;left:2px;height:1px;background:#8ea9c6;box-shadow:0 -3px #8ea9c6;content:""}.tree-name{overflow:hidden;min-width:0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.search-result{display:flex;width:100%;flex-direction:column;gap:3px;margin-bottom:4px;padding:8px 10px;border:0;border-radius:5px;text-align:left;background:transparent;cursor:pointer}.search-result:hover,.search-result.active{background:#343434}.search-result strong,.search-result small,.search-result span{overflow:hidden;text-overflow:ellipsis}.search-result strong{font-size:13px;white-space:nowrap}.search-result small{color:#929292;font-size:10px;white-space:nowrap}.search-result span{display:-webkit-box;color:#aaa;font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.logout{flex:0 0 auto;margin:8px 12px calc(12px + env(safe-area-inset-bottom));padding:8px;color:#aaa}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr) 30px;min-width:0;min-height:0;overflow:hidden}.toolbar{display:flex;min-width:0;align-items:center;gap:16px;min-height:58px;padding:8px 14px;border-bottom:1px solid #363636;background:#242424}.title-block{display:flex;min-width:0;flex:1;flex-direction:column}.title-block strong,.title-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-block strong{font-size:14px}.title-block span,.inspector-link small{margin-top:3px;color:#929292;font-size:10px}.toolbar-actions,.mobile-nav-actions{display:flex;min-width:0;gap:6px}.toolbar button,.mobile-nav-actions button{padding:7px 11px;white-space:nowrap}.icon-button:hover,.drawer-close:hover,.toolbar button:hover,.inspector-link:hover,.logout:hover,.mobile-nav-actions button:hover{background:#3a3a3a}.toolbar button.selected{border-color:#7652b7;background:#4d357d}.toolbar button.danger{color:#ffb3b3}.toolbar button:disabled{cursor:default;opacity:.45}.content-area{min-width:0;min-height:0;overflow:hidden}.editor{width:100%;height:100%;resize:none;padding:28px clamp(24px,7vw,110px) 80px;border:0;outline:none;color:#e7e7e7;background:#1e1e1e;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.75;-moz-tab-size:2;tab-size:2}.preview{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:32px clamp(24px,8vw,120px) 80px;line-height:1.75}.preview>*{max-width:860px;margin-right:auto;margin-left:auto}.preview h1,.preview h2,.preview h3{color:#f1f1f1;line-height:1.25}.preview h1,.preview h2{padding-bottom:.25em;border-bottom:1px solid #3b3b3b}.preview a{color:#b99bea;text-decoration:none}.preview a:hover{text-decoration:underline}.preview code{border-radius:4px;background:#2b2b2b}.preview :not(pre)>code{padding:.15em .35em}.preview pre{overflow:auto;padding:16px;border:1px solid #383838;border-radius:8px;background:#181818}.preview blockquote{margin-left:0;padding-left:16px;border-left:3px solid #7652b7;color:#aaa}.preview img{max-width:100%}.preview table{display:block;overflow-x:auto;border-collapse:collapse}.preview th,.preview td{padding:7px 10px;border:1px solid #444;text-align:left}.preview th{background:#292929}.statusbar{display:flex;min-width:0;justify-content:space-between;gap:12px;padding:6px 12px;border-top:1px solid #363636;color:#888;background:#242424;font-size:11px}.statusbar span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-section{padding:12px 2px 16px;border-bottom:1px solid #363636}.inspector-section:last-child{border-bottom:0}.inspector-section h2{margin:0 6px 10px;color:#aaa;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.properties-list{margin:0}.properties-list>div{display:grid;grid-template-columns:minmax(78px,.42fr) minmax(0,1fr);gap:10px;padding:7px 8px;border-radius:5px}.properties-list>div:nth-child(odd){background:#292929}.properties-list dt,.properties-list dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:11px}.properties-list dt{color:#999;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.properties-list dd{color:#ddd;white-space:pre-wrap}.inspector-link{display:flex;width:100%;flex-direction:column;margin-bottom:6px;padding:9px;text-align:left}.inspector-link strong,.inspector-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{margin:0;padding:6px 10px;color:#777;font-size:12px}.empty-state{display:grid;height:100%;padding:24px;place-content:center;text-align:center;color:#777}.empty-state h2{margin:0;color:#aaa;font-size:30px}.login-shell{display:grid;height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);place-items:center;background:radial-gradient(circle at 50% 30%,#3d2d5f 0,transparent 34%),#171717}.login-card{display:flex;width:min(380px,calc(100% - 36px));flex-direction:column;align-items:stretch;gap:14px;padding:34px;border:1px solid #3e3e3e;border-radius:14px;background:#242424;box-shadow:0 24px 80px #0008}.login-card .app-mark{align-self:center}.login-card h1,.login-card p{margin:0;text-align:center}.login-card p{color:#999;font-size:13px}.login-card button{padding:11px 12px;border:1px solid #444;border-radius:8px;background:#65469f;cursor:pointer}.mobile-only,.mobile-backdrop{display:none}@media(max-width:1180px){.app-shell{grid-template-columns:245px minmax(0,1fr) 250px}}@media(max-width:820px){.app-shell{display:block;position:relative}.workspace{width:100%;height:100%}.mobile-only{display:grid}.mobile-backdrop{position:fixed;z-index:40;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#0009}.sidebar,.inspector{position:fixed;z-index:50;top:0;bottom:0;width:min(86vw,350px);max-width:100%;padding-top:env(safe-area-inset-top);transition:transform .18s ease;box-shadow:0 0 36px #000b}.sidebar{left:0;border-width:0 1px 0 0;transform:translate(-105%)}.inspector{right:0;border-width:0 0 0 1px;transform:translate(105%)}.sidebar.mobile-open,.inspector.mobile-open{transform:translate(0)}.toolbar{flex-wrap:wrap;gap:8px;padding-top:calc(8px + env(safe-area-inset-top))}.mobile-nav-actions{order:1}.title-block{order:2;flex-basis:calc(100% - 130px)}.toolbar-actions{order:3;width:100%;overflow-x:auto;padding-bottom:2px}.toolbar-actions button{flex:0 0 auto}.editor,.preview{padding-right:18px;padding-left:18px}.statusbar{padding-bottom:calc(6px + env(safe-area-inset-bottom))}}@media(max-width:430px){.toolbar{padding-right:10px;padding-left:10px}.mobile-nav-actions button,.toolbar button{padding:7px 9px;font-size:12px}.title-block{flex-basis:100%}.preview{padding-top:22px;padding-bottom:64px;font-size:15px}.editor{padding-top:20px;padding-bottom:64px;font-size:14px}.properties-list>div{grid-template-columns:96px minmax(0,1fr)}}@media(max-width:820px){.mobile-nav-actions.mobile-only{display:flex;align-items:center;flex-direction:row;gap:6px}}