.project-header.svelte-14pb8z6{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background-color:var(--bg-dark);border-bottom:1px solid #2C3036;flex-shrink:0}@media(max-width:1023px){.project-header.svelte-14pb8z6{height:44px;padding-left:64px;padding-right:12px}.header-left.svelte-14pb8z6{gap:8px}.back-link.svelte-14pb8z6{font-size:13px}}@media(max-width:720px){.project-header.svelte-14pb8z6{height:40px;padding-right:10px}.back-link.svelte-14pb8z6 span:where(.svelte-14pb8z6){display:none}.project-title.svelte-14pb8z6 h1:where(.svelte-14pb8z6){max-width:min(34vw,180px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.header-left.svelte-14pb8z6,.header-right.svelte-14pb8z6{display:flex;align-items:center;gap:10px}.project-primary-action.svelte-14pb8z6{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 15px;border:1px solid color-mix(in srgb,var(--accent-color) 52%,#b197ff 18%);border-radius:10px;background:linear-gradient(180deg,#7857ff,#6747f3);color:#fff;font-size:14px;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 24px #6949ff42;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.project-header--compact.svelte-14pb8z6{height:48px;padding-top:0;padding-bottom:0}.project-header--compact.svelte-14pb8z6 .project-primary-action:where(.svelte-14pb8z6){height:32px;padding:0 12px;border-radius:9px;font-size:13px;box-shadow:0 8px 18px #6949ff38}.project-primary-action.svelte-14pb8z6:hover:not(:disabled){transform:translateY(-1px)}.project-primary-action.svelte-14pb8z6:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.header-left.svelte-14pb8z6{flex:1;min-width:0}.header-right.svelte-14pb8z6{justify-content:flex-end}.back-link.svelte-14pb8z6{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:500;transition:color var(--transition-fast)}.back-link.svelte-14pb8z6:hover{color:#fff}.divider.svelte-14pb8z6{height:16px;width:1px;background-color:#2c3036}.project-title.svelte-14pb8z6{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:8px;padding:2px 4px;transition:background-color var(--transition-fast);position:relative}.project-title.svelte-14pb8z6:hover{background:#ffffff0a}.project-icon.svelte-14pb8z6{width:18px;height:18px;border-radius:6px;background:#581c8780;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(168,85,247,.3);color:#a78bfa}.project-title.svelte-14pb8z6 h1:where(.svelte-14pb8z6){font-size:17px;font-weight:600;color:#fff}.project-title.svelte-14pb8z6 .chevron:where(.svelte-14pb8z6){color:var(--text-secondary);transition:transform var(--transition-fast),color var(--transition-fast)}.project-title.svelte-14pb8z6 .chevron.open:where(.svelte-14pb8z6){transform:rotate(180deg);color:#d1d5db}.project-menu-dropdown.svelte-14pb8z6{position:absolute;top:calc(100% + 8px);left:0;width:min(360px,calc(100vw - 64px));max-height:380px;overflow-y:auto;background:#151922;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 14px 30px #00000080;padding:8px;z-index:1701;display:grid;gap:4px}.project-menu-item.svelte-14pb8z6{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;min-height:34px;border-radius:8px;color:#cfd5de;padding:0 8px;transition:background-color var(--transition-fast),color var(--transition-fast)}.project-menu-item.svelte-14pb8z6:hover{background:#222936;color:#fff}.project-menu-item.active.svelte-14pb8z6{background:#7c66dc2e;color:#fff}.project-menu-item.svelte-14pb8z6 span:where(.svelte-14pb8z6){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.project-menu-state.svelte-14pb8z6{padding:10px;font-size:13px;color:#9ca3af}.project-menu-state.error.svelte-14pb8z6{color:#fca5a5}.project-access-button.svelte-14pb8z6{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:0;border-radius:8px;background-color:#2c3036;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.project-access-button.svelte-14pb8z6:hover{background-color:#374151;color:#fff}.member-access-icon.svelte-14pb8z6{position:relative;width:28px;height:18px;display:block}.member-access-person.svelte-14pb8z6{position:absolute;top:1px;width:11px;height:15px;color:currentColor}.member-access-person.svelte-14pb8z6:before,.member-access-person.svelte-14pb8z6:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:currentColor}.member-access-person.svelte-14pb8z6:before{top:0;width:7px;height:7px;border-radius:999px}.member-access-person.svelte-14pb8z6:after{bottom:0;width:11px;height:7px;border-radius:7px 7px 2px 2px}.member-access-person.svelte-14pb8z6:nth-child(1){left:3px;opacity:.76}.member-access-person.svelte-14pb8z6:nth-child(2){left:9px}.member-access-plus.svelte-14pb8z6{position:absolute;right:0;top:50%;width:8px;height:8px;transform:translateY(-50%)}.member-access-plus.svelte-14pb8z6:before,.member-access-plus.svelte-14pb8z6:after{content:"";position:absolute;left:50%;top:50%;border-radius:999px;background:currentColor;transform:translate(-50%,-50%)}.member-access-plus.svelte-14pb8z6:before{width:8px;height:2px}.member-access-plus.svelte-14pb8z6:after{width:2px;height:8px}.project-page.svelte-glk48w{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.project-content.svelte-glk48w{display:flex;flex:1;min-height:0;overflow:hidden}.file-browser-main.svelte-glk48w,.share-links-main.svelte-glk48w{flex:1 1 auto;display:flex;min-width:min(360px,100%);min-height:0;overflow:hidden;background-color:var(--bg-dark)}.share-links-main.svelte-glk48w{padding:16px}.resize-handle.svelte-glk48w{width:4px;background-color:var(--bg-dark);border-left:1px solid var(--border-color);border-top:0;border-right:0;border-bottom:0;cursor:col-resize;flex-shrink:0;transition:background-color var(--transition-fast);position:relative;z-index:5;padding:0;margin:0}.resize-handle.svelte-glk48w:hover{background-color:var(--accent-purple)}.preview-panel.svelte-glk48w{background-color:#000;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.inspector-panel.svelte-glk48w{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}