.studio-filename{box-sizing:border-box;border:1px solid var(--studio-border);background:var(--studio-surface);width:360px;min-width:0;max-width:100%;color:var(--studio-text);border-radius:12px;flex:0 auto;align-items:center;display:flex}.studio-native-header.studio-chrome-header .studio-filename[data-studio-filename]>input[type=text],.studio-filename[data-studio-filename]>input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;color:inherit;font:650 16px/24px var(--font-heading);background:0 0;border:0;border-radius:11px 0 0 11px;flex:auto;margin:0;padding:10px 14px;display:block}.studio-filename>input{text-overflow:ellipsis;overflow:hidden}.studio-filename>input:focus{text-overflow:clip}.editor-opening-page.editor-started .studio-filename[data-studio-filename]>button,.studio-filename[data-studio-filename]>button{box-sizing:border-box;min-width:48px;min-height:48px;color:var(--studio-text);cursor:pointer;background:0 0;border:0;border-radius:0 11px 11px 0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.editor-opening-page.editor-started .studio-filename[data-studio-filename]>button>svg,.studio-filename>button>svg{opacity:.45;width:16px;height:16px}.editor-opening-page.editor-started .studio-filename[data-studio-filename]>button:is(:hover,:focus-visible):enabled>svg,.studio-filename>button:is(:hover,:focus-visible):enabled>svg{opacity:.8}.studio-filename>button:hover:enabled{background:var(--studio-surface-muted)}.studio-filename>:disabled{cursor:default;opacity:.6}.studio-filename>:focus-visible{outline:2px solid var(--studio-focus);outline-offset:2px}