.app-page,.app-dialog,.app-project-menu{--app-surface:#fff;--app-canvas:#f7f7f7;--app-text:#262626;--app-muted:#737373;--app-edge:#e8e8e8;--app-hover:#ededed;--app-primary-hover:#404040;--app-card:#f4f4f5;--app-card-hover:#efeff0;--app-tint:#0000000a;--app-tint-strong:#0000001a;--app-danger:#c62828;--app-danger-tint:#fff0f0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--app-text);font-family:var(--chrome-font);font-size:14px;line-height:20px}@media (prefers-color-scheme:dark){.app-page,.app-dialog,.app-project-menu{--app-surface:#171717;--app-canvas:#111;--app-text:#f5f5f5;--app-muted:#a3a3a3;--app-edge:#333;--app-hover:#262626;--app-primary-hover:#d4d4d4;--app-card:#222;--app-card-hover:#292929;--app-tint:#ffffff0f;--app-tint-strong:#ffffff1f;--app-danger:#f87171;--app-danger-tint:#f871711f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.app-page{background:var(--app-canvas);height:100dvh;padding:32px;overflow:auto}.app-centered{place-items:center;display:grid}.app-stack{flex-direction:column;gap:16px;display:flex}.app-page h1,.app-dialog h2{font-size:16px;font-weight:600;line-height:24px}.app-page h2,.app-dialog h3{font-size:14px;font-weight:600}.app-wordmark{letter-spacing:-.04em;font-size:16px;font-weight:650}.app-sign-in{flex-direction:column;gap:32px;width:min(100%,352px);display:flex}.app-sign-in .app-stack p{color:var(--app-muted)}.app-sign-in-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.app-header-actions{align-items:center;gap:8px;display:flex}.app-note{color:var(--app-muted);font-size:12px;line-height:20px}.app-button,.app-icon-button{background:var(--app-surface);min-height:40px;color:var(--app-text);box-shadow:inset 0 0 0 1px var(--app-edge);font-family:var(--chrome-font);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;line-height:24px;display:inline-flex}.app-button:hover,.app-icon-button:hover{background:var(--app-hover)}.app-button-primary{background:var(--app-text);color:var(--app-surface);box-shadow:none}.app-button-primary:hover{background:var(--app-primary-hover)}.app-button-danger{color:#fff;box-shadow:none;background:#c62828}.app-button-danger:hover{background:#a61f1f}.app-button-quiet,.app-icon-button{box-shadow:none;background:0 0}.app-icon-button{flex:0 0 40px;width:40px;padding:8px}.app-button:disabled,.app-icon-button:disabled{opacity:.5;cursor:default}.app-page :focus-visible,.app-dialog :focus-visible{outline:2px solid var(--app-text);outline-offset:4px}.app-field{flex-direction:column;gap:8px;font-weight:500;display:flex}.app-field input,.app-field select,.app-dialog textarea{width:100%;min-height:44px;box-shadow:inset 0 0 0 1px var(--app-edge);background:var(--app-surface);font-family:var(--chrome-font);color:var(--app-text);border:0;border-radius:12px;padding:12px;font-size:14px;font-weight:400;line-height:20px}.app-dialog textarea{resize:vertical;min-height:120px;max-height:280px;font-size:12px}.app-error{font-size:14px;line-height:20px}.app-inline-error{box-shadow:inset 0 0 0 1px var(--app-edge);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.app-projects-page{background:var(--app-surface);padding:32px 48px 48px}.app-directory{width:min(100%,1200px);margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;display:flex}.app-logo{border-radius:24px;flex:none;display:block}.app-logo svg{width:144px;height:48px;display:block}.app-new-project{border-radius:16px;flex-shrink:0;width:48px;height:48px;min-height:48px;padding:12px}.app-account-button{border-radius:16px;min-height:48px;padding:12px 20px}.app-new-project:focus-visible{outline-color:var(--app-surface);outline-offset:-4px}.app-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.app-project-card{min-width:0;position:relative}.app-project-surface{aspect-ratio:4/3;background:var(--app-card);border-radius:24px;flex-direction:column;min-height:320px;display:flex;position:relative;overflow:hidden}.app-project-surface:has(.app-project-open:hover){background:var(--app-card-hover)}.app-project-open{border-radius:24px;position:absolute;inset:0}.app-project-open:focus-visible{outline-offset:-4px}.app-project-caption{pointer-events:none;padding:24px 72px 0 24px}.app-project-caption h2{z-index:1;align-items:center;min-width:0;height:24px;font-size:16px;font-weight:500;line-height:24px;display:flex;position:relative}.app-project-name-button,.app-project-name-input{color:inherit;font:inherit;pointer-events:auto;background:0 0;border:0;border-radius:8px;padding:4px 8px;line-height:24px;display:block}.app-project-name-button{text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:text;max-width:calc(100% + 16px);margin:-4px -8px;overflow:hidden}.app-project-name-button:hover{background:var(--app-tint)}.app-project-name-edit{pointer-events:auto;align-items:center;min-width:0;max-width:calc(100% + 16px);margin:-4px -8px;display:inline-flex}.app-project-name-field{min-width:0;position:relative}.app-project-name-measure{white-space:pre;visibility:hidden;min-width:32px;height:32px;padding:4px 8px;display:block;overflow:hidden}.app-project-name-input{background:var(--app-surface);width:100%;min-width:0;height:32px;box-shadow:none;position:absolute;inset:0}.app-project-name-input:focus-visible{outline:none}.app-project-name-button:focus-visible{outline-offset:0}.app-project-caption p{color:var(--app-muted);font-size:16px;line-height:24px}.app-project-updated{z-index:1;pointer-events:auto;cursor:default;border-radius:4px;display:inline-block;position:relative}.app-project-tooltip-positioner{z-index:10}.app-project-tooltip{color:#fff;max-width:min(360px,100vw - 32px);font:12px/20px var(--chrome-font);background:#262626;border:0;border-radius:8px;padding:8px 12px;box-shadow:0 4px 16px #0000001f}@media (prefers-color-scheme:dark){.app-project-tooltip{color:#171717;background:#f5f5f5}}.app-project-options{color:var(--app-muted);position:absolute;top:16px;right:16px}.app-project-menu-positioner{z-index:10}.app-project-menu{background:var(--app-surface);border:0;border-radius:16px;min-width:176px;padding:4px;font-size:16px;line-height:24px;box-shadow:0 8px 24px #0000001f}.app-project-menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;align-items:center;gap:12px;min-height:40px;padding:8px 12px;display:flex}.app-project-menu-item[data-highlighted]{background:var(--app-hover)}.app-project-menu-danger{color:var(--app-danger)}.app-project-menu-danger[data-highlighted]{background:var(--app-danger-tint)}.app-project-error{color:var(--app-danger);margin-top:8px;font-size:12px;line-height:20px}.app-project-preview{pointer-events:none;flex:1;place-items:center;min-height:0;padding:32px;display:grid}.app-project-preview-sample{transform:scale(1.75)}.app-project-preview-sample .themed-button{pointer-events:none;min-width:144px}.app-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:320px;display:flex}.app-empty p{color:var(--app-muted)}.app-project-skeleton{pointer-events:none}.app-skeleton-bar{background:var(--app-tint);border-radius:8px;animation:1.6s ease-in-out infinite app-skeleton-pulse;display:block}.app-skeleton-title{width:144px;height:16px;margin:4px 0}.app-skeleton-meta{width:96px;height:16px;margin:4px 0}.app-skeleton-sample{border-radius:16px;width:252px;height:72px}@keyframes app-skeleton-pulse{50%{opacity:.4}}.project-skeleton-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;position:absolute;inset:24px 32px 0;overflow:hidden}.project-skeleton-column{flex-direction:column;gap:16px;min-width:0;display:flex}.project-skeleton-card{background:var(--catalog-stage);border-radius:24px;flex:none;animation:1.6s ease-in-out infinite app-skeleton-pulse}.project-skeleton-inspector{background:var(--editor-panel)}@media (prefers-reduced-motion:reduce){.app-skeleton-bar,.project-skeleton-card{animation:none}}.app-dialog{background:var(--app-surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:0 0 0 1px var(--app-edge), 0 16px 64px #00000029;border:0;border-radius:24px;margin:auto;padding:24px;position:fixed;overflow:auto}.app-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000003d}.app-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.app-dialog-heading h2{overflow-wrap:anywhere}.app-delete-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000003d;position:fixed;inset:0}.app-delete-dialog{--delete-minor:32px;--delete-display-size:32px;--delete-display-leading:44px;--delete-body-size:20px;--delete-body-leading:32px;--delete-font:"GT Standard L", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--delete-display-font:"GT Standard L", var(--delete-font);--delete-background:#fff;--delete-foreground:#171717;--delete-muted:#7e7e7a;--delete-control:#f0f0ee;--delete-control-hover:#e8e8e5;--delete-focus:#72726e;--delete-error:#c62828;--delete-scheme:light;--delete-pad-x:calc(1.5 * var(--delete-minor));--delete-pad-bottom:calc(1.5 * var(--delete-minor));--delete-pad-top:calc(1.5 * var(--delete-minor) - 12px);z-index:21;box-sizing:border-box;width:min(calc(14 * var(--delete-minor) + 2 * var(--delete-pad-x)), calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:var(--delete-pad-top) var(--delete-pad-x) var(--delete-pad-bottom);border-radius:var(--delete-minor);background:var(--delete-background);color:var(--delete-foreground);color-scheme:var(--delete-scheme);font-family:var(--delete-font);font-size:var(--delete-body-size);line-height:var(--delete-body-leading);border:0;margin:0;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 16px 64px #00000029}@media (prefers-color-scheme:dark){.app-delete-dialog{--delete-background:#171717;--delete-foreground:#f5f5f3;--delete-muted:#aaaaa5;--delete-control:#2b2b29;--delete-control-hover:#353532;--delete-focus:#b6b6ae;--delete-error:#f87171;--delete-scheme:dark}}.app-delete-title{font-family:var(--delete-display-font);font-size:var(--delete-display-size);font-weight:500;line-height:var(--delete-display-leading);letter-spacing:-.0005em;overflow-wrap:anywhere;margin:0}.app-delete-description,.app-delete-dialog .app-error{font-size:var(--delete-body-size);line-height:var(--delete-body-leading);letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:pretty;margin:0}.app-delete-description{margin-top:calc(var(--delete-minor) / 4);color:var(--delete-muted)}.app-delete-description strong{font-weight:600}.app-delete-dialog .app-error{margin-top:calc(var(--delete-minor) / 2);color:var(--delete-error)}.app-delete-actions{gap:calc(var(--delete-minor) / 2);margin-top:var(--delete-minor);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-delete-button{min-width:0;min-height:calc(2 * var(--delete-minor));padding:calc(var(--delete-minor) / 2);border-radius:var(--delete-minor);font-family:var(--delete-display-font);font-size:var(--delete-body-size);font-weight:600;line-height:var(--delete-body-leading);letter-spacing:-.02em;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;transition:background-color .18s,opacity .18s;display:inline-flex}.app-delete-cancel{background:var(--delete-control);color:var(--delete-foreground)}.app-delete-cancel:hover:not(:disabled){background:var(--delete-control-hover)}.app-delete-confirm{color:#fff;background:#c62828}.app-delete-confirm:hover:not(:disabled){background:#a61f1f}.app-delete-button:disabled{opacity:.5;cursor:default}.app-delete-button:focus-visible{outline:2px solid var(--delete-focus);outline-offset:4px}@media (max-width:600px){.app-delete-dialog{--delete-minor:24px;--delete-display-size:28px;--delete-display-leading:40px;--delete-body-size:18px;--delete-body-leading:28px;--delete-pad-x:32px;--delete-pad-bottom:32px;--delete-pad-top:24px}.app-delete-button{border-radius:28px;min-height:56px;padding-block:12px}}@media (max-width:400px){.app-delete-actions{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.app-delete-button{transition-duration:0s}}.project-editor-footer{inset-inline:16px;z-index:2;color:var(--editor-text);font:12px/20px var(--chrome-font);pointer-events:none;background:0 0;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:16px}.project-editor-footer[data-has-action]:before{z-index:-1;background:linear-gradient(to top, var(--editor-panel) 0%, var(--editor-panel) 4%, color-mix(in srgb, var(--editor-panel) 96%, transparent) 12%, color-mix(in srgb, var(--editor-panel) 88%, transparent) 24%, color-mix(in srgb, var(--editor-panel) 65%, transparent) 44%, color-mix(in srgb, var(--editor-panel) 34%, transparent) 64%, color-mix(in srgb, var(--editor-panel) 10%, transparent) 84%, transparent 100%);pointer-events:none;content:"";position:absolute;inset:-32px -16px -16px}.catalog-inspector:has(>.project-editor-footer[data-has-action]) .theme-sidebar .sbs-panel-content{padding-bottom:100px;scroll-padding-bottom:100px}.catalog-inspector:has(>.project-editor-footer[data-has-action]) .catalog-inspector-page{padding-bottom:100px;scroll-padding-bottom:100px}.project-editor-footer[data-save-error]{flex:none;margin:0 16px 16px;position:relative;inset:auto}.catalog-inspector:has(>.project-editor-footer[data-save-error]) .theme-sidebar .sbs-panel-content{padding-bottom:32px;scroll-padding-bottom:32px}.catalog-inspector:has(>.project-editor-footer[data-save-error]) .catalog-inspector-page{padding-bottom:32px;scroll-padding-bottom:32px}.project-resources-trigger{color:#111;min-height:52px;font:500 16px/24px var(--chrome-font);cursor:pointer;pointer-events:auto;background:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex;box-shadow:0 8px 24px #0000003d}.project-resources-trigger:hover{background:var(--editor-text)}.project-resources-trigger:focus-visible,.project-save-error button:focus-visible{outline:2px solid var(--editor-text);outline-offset:4px}.project-save-error p{min-width:0;color:var(--chrome-muted);font:400 12px/16px var(--chrome-font);text-wrap:pretty;overflow-wrap:anywhere;flex:1;margin:0}.project-save-error{background:var(--chrome-control-surface);pointer-events:auto;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.project-save-error button{background:var(--chrome-raised-surface);min-height:32px;color:var(--chrome-text);font:500 12px/16px var(--chrome-font);cursor:pointer;border:0;border-radius:8px;flex-shrink:0;padding:8px 12px}.project-save-error button:hover{background:var(--chrome-hover)}@media (max-width:720px){.app-projects-page{padding:24px}.app-header{flex-wrap:wrap}.app-project-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.app-page{padding:24px 16px}.app-header{margin-bottom:40px}.app-dialog{padding:20px}}.app-indent-background{background:#000;position:fixed;inset:0}.app-indent{--indent-progress:var(--drawer-swipe-progress,0);--indent-corner-size:0px;--indent-transition:calc(1 - clamp(0, calc(var(--indent-progress) * 100000), 1));height:100dvh;-webkit-mask-position:0 0,100% 0,top,0 100%;mask-position:0 0,100% 0,top,0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha;-webkit-mask-size:var(--indent-corner-size) var(--indent-corner-size), var(--indent-corner-size) var(--indent-corner-size), calc(100% - 2 * var(--indent-corner-size) + 1px) 100%, 100% calc(100% - var(--indent-corner-size) + 1px);mask-size:var(--indent-corner-size) var(--indent-corner-size), var(--indent-corner-size) var(--indent-corner-size), calc(100% - 2 * var(--indent-corner-size) + 1px) 100%, 100% calc(100% - var(--indent-corner-size) + 1px);transform-origin:top;transition:transform .4s cubic-bezier(.32,.72,0,1),-webkit-mask-size .25s cubic-bezier(.32,.72,0,1),mask-size .25s cubic-bezier(.32,.72,0,1);transition-duration:calc(.4s * var(--indent-transition)), calc(.25s * var(--indent-transition));position:relative;overflow:clip}.app-indent[data-active]{--indent-corner-size:calc(48px * (1 - var(--indent-progress)));transform:scale(calc(.96 + .04 * var(--indent-progress))) translateY(calc(8px * (1 - var(--indent-progress))))}@media (prefers-reduced-motion:reduce){.app-indent{transition-duration:0s}}